@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@500;600;700;800&family=Manrope:wght@700;800&display=swap");

/* E-commerce solution page converted from supplied standalone HTML. */

.br-ecommerce-page{
  --ink:#0c1635;
  --muted:#64708b;
  --line:#e7ebf4;
  --soft:#f7f9ff;
  --soft2:#f3f6ff;
  --primary:#5d5cf6;
  --primary2:#2d9cff;
  --cyan:#27c6c6;
  --green:#19a974;
  --purple:#8e5cf7;
  --orange:#ff8a4c;
  --pink:#ed5db7;
  --radius:28px;
  --shadow:0 24px 60px rgba(29,43,84,.12);
}
.br-ecommerce-page *{box-sizing:border-box}
.br-ecommerce-page{scroll-behavior:smooth}
.br-ecommerce-page{
  margin:0;
  background:#fff;
  color:var(--ink);
  font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  overflow-x:hidden;
}
.br-ecommerce-page a{text-decoration:none;color:inherit}
.br-ecommerce-page img{display:block;width:100%;height:100%;object-fit:cover}
.br-ecommerce-page button,.br-ecommerce-page input{font:inherit}
.br-ecommerce-page .container{width:min(1240px,calc(100% - 40px));max-width:none;padding-left:0;padding-right:0;margin-left:auto;margin-right:auto}
.br-ecommerce-page .section{padding:92px 0}
.br-ecommerce-page .section-tight{padding:64px 0}
.br-ecommerce-page .kicker{
  display:inline-flex;align-items:center;gap:7px;
  font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;
  color:#4f5cec;background:#eef0ff;border:1px solid #e4e7ff;
  border-radius:999px;padding:6px 10px;margin-bottom:11px
}
.br-ecommerce-page .kicker i{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary2))}
/* Odoo/Bootstrap sets its own colour, weight and line-height on headings.
   Reset them so headings inherit from their parent exactly like the standalone HTML. */
.br-ecommerce-page h1,.br-ecommerce-page h2,.br-ecommerce-page h3,.br-ecommerce-page h4,.br-ecommerce-page h5,.br-ecommerce-page h6{
  font-family:"Plus Jakarta Sans",sans-serif;margin:0;color:inherit;font-weight:700;line-height:1.2
}
.br-ecommerce-page h1{font-size:clamp(38px,4.9vw,64px);line-height:1.17;letter-spacing:-.028em;font-weight:600}
.br-ecommerce-page h2{font-size:clamp(34px,4vw,54px);line-height:1.08;letter-spacing:-.03em;font-weight:700}
.br-ecommerce-page h3{font-size:24px;line-height:1.18;letter-spacing:-.02em}
.br-ecommerce-page p{margin:0}
.br-ecommerce-page .lead{font-size:20px;line-height:1.65;color:var(--muted);max-width:680px}
.br-ecommerce-page .gradient-text{background:linear-gradient(92deg,#5b59f4 5%,#2b9bf0 58%,#22bda9 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.br-ecommerce-page .hero-teal{color:#134b5f}
.br-ecommerce-page .hero-20{font-weight:800}
.br-ecommerce-page .btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:54px;padding:0 22px;border-radius:15px;font-weight:800;font-size:15px;
  transition:.25s ease;border:1px solid transparent;cursor:pointer
}
.br-ecommerce-page .btn:hover{transform:translateY(-2px)}
.br-ecommerce-page .btn-primary{
  color:#fff;background:linear-gradient(135deg,#5d5cf6,#4d7df8 48%,#2aa1ef);
  box-shadow:0 14px 28px rgba(75,91,239,.25)
}
.br-ecommerce-page .btn-ghost{background:#fff;border-color:#dfe4ee;color:#17213d;box-shadow:0 8px 18px rgba(29,43,84,.05)}
.br-ecommerce-page .btn-dark{background:#101a3a;color:white}
.br-ecommerce-page .mini-link{font-weight:800;color:#4f5cec;font-size:14px}
.br-ecommerce-page .mini-link:hover{text-decoration:underline}

/* NAV */
.br-ecommerce-page .nav-wrap{position:sticky;top:0;z-index:70;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(231,235,244,.82)}
.br-ecommerce-page .nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:26px}
.br-ecommerce-page .logo{display:flex;align-items:center;gap:11px;font-family:"Manrope";font-weight:800;font-size:19px}
.br-ecommerce-page .logo-mark{width:38px;height:38px;position:relative;transform:rotate(-13deg)}
.br-ecommerce-page .logo-mark svg{width:100%;height:100%}
.br-ecommerce-page .nav-links{display:flex;align-items:center;gap:28px;color:#3b4664;font-weight:700;font-size:14px}
.br-ecommerce-page .nav-actions{display:flex;gap:10px}
.br-ecommerce-page .nav-actions .btn{min-height:44px;padding:0 17px;border-radius:12px}
.br-ecommerce-page .mobile-btn{display:none;border:1px solid var(--line);background:white;width:44px;height:44px;border-radius:12px;font-size:22px}

/* HERO */
.br-ecommerce-page .hero{
  position:relative;padding:78px 0 60px;
  background:
    radial-gradient(circle at 15% 12%,rgba(96,93,246,.11),transparent 28%),
    radial-gradient(circle at 90% 10%,rgba(47,164,242,.11),transparent 29%),
    linear-gradient(180deg,#fff 0%,#fbfcff 100%);
  overflow:hidden;
}
.br-ecommerce-page .hero-grid{display:grid;grid-template-columns:.93fr 1.07fr;align-items:center;gap:42px}
.br-ecommerce-page .hero-copy{position:relative;z-index:5}
.br-ecommerce-page .hero-copy .lead{margin-top:22px}
.br-ecommerce-page .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.br-ecommerce-page .hero-proof{display:flex;gap:20px;flex-wrap:wrap;margin-top:18px;color:#66728f;font-size:13px;font-weight:700}
.br-ecommerce-page .hero-proof span{display:flex;align-items:center;gap:7px}
.br-ecommerce-page .check{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#eaf9f2;color:#119865;font-size:11px;font-weight:900}
.br-ecommerce-page .hero-visual{min-height:630px;position:relative}
.br-ecommerce-page .orb{position:absolute;width:540px;height:540px;border-radius:50%;right:-80px;top:34px;background:radial-gradient(circle,#e9ecff 0,#f1f6ff 42%,rgba(255,255,255,0) 72%)}
.br-ecommerce-page .store-shell{
  position:absolute;z-index:3;left:16px;top:40px;width:88%;
  border:1px solid #dfe5f2;border-radius:27px;padding:12px;background:rgba(255,255,255,.93);
  box-shadow:0 34px 80px rgba(28,40,78,.18);transform:rotate(-1.5deg)
}
.br-ecommerce-page .browser-bar{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 6px;color:#8490aa;font-size:12px}
.br-ecommerce-page .browser-dots{display:flex;gap:6px}.br-ecommerce-page .browser-dots i{width:8px;height:8px;border-radius:50%;background:#dbe1ed}
.br-ecommerce-page .browser-url{height:26px;border:1px solid #edf0f6;border-radius:8px;width:58%;display:flex;align-items:center;justify-content:center;background:#fafbfe}
.br-ecommerce-page .store-window{overflow:hidden;border-radius:20px;background:#f6f4f1}
.br-ecommerce-page .store-top{min-height:328px;display:grid;grid-template-columns:1fr 1.15fr}
.br-ecommerce-page .store-copybox{background:#efece8;padding:38px 30px;display:flex;flex-direction:column;justify-content:center}
.br-ecommerce-page .store-brand{font-size:11px;letter-spacing:.23em;text-transform:uppercase;font-weight:800;color:#706a65;margin-bottom:18px}
.br-ecommerce-page .store-copybox h3{font-family:"Manrope";font-size:34px;line-height:1.02;margin-bottom:14px}
.br-ecommerce-page .store-copybox p{color:#6b6762;font-size:13px;line-height:1.6}
.br-ecommerce-page .shop-btn{margin-top:20px;width:max-content;background:#141414;color:#fff;border-radius:999px;padding:11px 18px;font-size:12px;font-weight:800}
.br-ecommerce-page .store-photo{position:relative;overflow:hidden}
.br-ecommerce-page .store-photo img{filter:saturate(.92)}
.br-ecommerce-page .sale-tag{position:absolute;left:20px;bottom:18px;background:white;border-radius:12px;padding:9px 12px;font-weight:800;font-size:12px;box-shadow:0 10px 26px rgba(0,0,0,.12)}
.br-ecommerce-page .product-strip{padding:14px;background:#fff;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.br-ecommerce-page .product{border:1px solid #edf0f5;border-radius:13px;overflow:hidden;background:white}
.br-ecommerce-page .product-img{height:92px;background:#f4f5f7}
.br-ecommerce-page .product-body{padding:8px}.br-ecommerce-page .product-name{font-weight:800;font-size:10px}.br-ecommerce-page .product-price{font-weight:700;font-size:10px;color:#72809a;margin-top:3px}
.br-ecommerce-page .phone{
  position:absolute;z-index:5;right:2px;bottom:13px;width:178px;background:#11182f;border:6px solid #11182f;border-radius:30px;padding:5px;
  box-shadow:0 28px 55px rgba(16,24,47,.26);transform:rotate(3deg)
}
.br-ecommerce-page .phone-screen{overflow:hidden;border-radius:21px;background:#fff}
.br-ecommerce-page .phone-top{height:82px;position:relative}.br-ecommerce-page .phone-top img{object-position:center 24%}
.br-ecommerce-page .phone-content{padding:11px}
.br-ecommerce-page .phone-chip{width:42px;height:5px;border-radius:999px;background:#dce2ec;margin:0 auto 9px}
.br-ecommerce-page .phone-title{font-weight:800;font-size:11px}.br-ecommerce-page .phone-text{font-size:8px;color:#7d899f;margin-top:3px}
.br-ecommerce-page .mobile-products{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:9px}
.br-ecommerce-page .mobile-product{height:56px;border-radius:9px;overflow:hidden;background:#eee}
.br-ecommerce-page .mobile-bottom{display:flex;justify-content:space-around;padding:9px 5px;border-top:1px solid #edf0f5;font-size:10px;color:#5f6c87}
.br-ecommerce-page .float-card{
  position:absolute;z-index:6;background:rgba(255,255,255,.96);border:1px solid #e5e9f2;border-radius:18px;padding:15px 17px;
  box-shadow:0 18px 44px rgba(24,37,76,.14);backdrop-filter:blur(10px)
}
.br-ecommerce-page .float-card .label{font-size:11px;font-weight:800;color:#78849e;margin-bottom:6px}
.br-ecommerce-page .float-card strong{font:700 24px "Plus Jakarta Sans";display:block}
.br-ecommerce-page .float-card small{font-size:11px;font-weight:800;color:#19a974}
.br-ecommerce-page .card-order{left:-8px;top:0}.br-ecommerce-page .card-sales{right:-10px;top:64px}.br-ecommerce-page .card-deploy{right:12px;bottom:0;width:240px}
.br-ecommerce-page .progress{height:7px;background:#edf1fb;border-radius:999px;overflow:hidden;margin-top:9px}.br-ecommerce-page .progress span{display:block;height:100%;width:0%;background:linear-gradient(90deg,#5c5cf6,#2aa2ef);border-radius:999px;transition:width .18s linear;box-shadow:0 0 14px rgba(70,113,246,.3)}
.br-ecommerce-page .deploy-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:800;color:#7f8ba3;margin-top:8px}
.br-ecommerce-page .deploy-timer{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:54px;
  padding:5px 9px;
  border-radius:999px;
  color:#fff;
  background:linear-gradient(135deg,#5d5cf6,#2d9df0);
  box-shadow:0 8px 18px rgba(70,92,240,.24);
  font-size:11px;
  font-weight:900;
  letter-spacing:.02em;
  transition:transform .2s ease, box-shadow .2s ease;
}
.br-ecommerce-page .deploy-timer.timer-pop{
  transform:scale(1.08);
  box-shadow:0 10px 22px rgba(70,92,240,.34);
}

.br-ecommerce-page .deploy-done{
  margin-top:10px;
  font-size:11px;
  font-weight:900;
  color:#159668;
  opacity:0;
  transform:translateY(5px);
  transition:.28s ease;
}
.br-ecommerce-page .deploy-done.show{opacity:1;transform:translateY(0)}
.br-ecommerce-page .card-deploy.deploy-pulse{
  animation:deployPulse .55s ease;
}
@keyframes deployPulse{
  0%{transform:scale(1)}
  50%{transform:scale(1.025)}
  100%{transform:scale(1)}
}


/* TRUST STRIP */
.br-ecommerce-page .trust-strip{padding-top:96px}
.br-ecommerce-page .trust-grid{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 12px 36px rgba(24,37,76,.05);overflow:hidden}
.br-ecommerce-page .trust-item{padding:22px;border-right:1px solid var(--line);display:flex;align-items:center;gap:12px}.br-ecommerce-page .trust-item:last-child{border-right:0}
.br-ecommerce-page .icon-box{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-weight:900;background:#f1f3ff;color:#5656ee}
.br-ecommerce-page .trust-item b{font:700 14px "Plus Jakarta Sans";display:block}.br-ecommerce-page .trust-item span{font-size:11px;color:#78849e}

/* WORKFLOW */
.br-ecommerce-page .section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}
.br-ecommerce-page .section-head p{max-width:520px;color:var(--muted);line-height:1.65}
.br-ecommerce-page .flow{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;position:relative}
.br-ecommerce-page .flow-card{border:1px solid var(--line);border-radius:20px;padding:18px 13px;background:white;min-height:155px;position:relative;box-shadow:0 8px 24px rgba(30,45,84,.04)}
.br-ecommerce-page .flow-card:not(:last-child)::after{content:"→";position:absolute;right:-12px;top:42%;z-index:4;color:#6d76ed;font-weight:900;background:white;border:1px solid #e4e8f3;border-radius:50%;width:24px;height:24px;display:grid;place-items:center}
.br-ecommerce-page .flow-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;margin-bottom:14px;color:white;font-weight:900;font-size:17px}
.br-ecommerce-page .flow-card h4{font-size:15px;margin-bottom:7px}.br-ecommerce-page .flow-card p{font-size:11px;color:#7c879f;line-height:1.5}


/* ECOMMERCE HIGHLIGHT */
.br-ecommerce-page .ecom-highlight{
  background:
    radial-gradient(circle at 12% 0%,rgba(92,92,246,.07),transparent 26%),
    radial-gradient(circle at 88% 8%,rgba(45,157,240,.07),transparent 24%),
    linear-gradient(180deg,#ffffff 0%,#fafbff 100%);
}
.br-ecommerce-page .ecom-head{
  text-align:center;
  max-width:760px;
  margin:0 auto 30px;
}
.br-ecommerce-page .ecom-head p{
  margin:13px auto 0;
  color:var(--muted);
  font-size:16px;
  line-height:1.6;
  max-width:660px;
}
.br-ecommerce-page .ecom-compact{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:22px;
  align-items:stretch;
}
.br-ecommerce-page .ecom-hero-card{
  position:relative;
  min-height:470px;
  overflow:hidden;
  border-radius:28px;
  border:1px solid var(--line);
  box-shadow:0 18px 44px rgba(27,40,76,.08);
  background:#f5f7fb;
}
.br-ecommerce-page .ecom-hero-card img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.br-ecommerce-page .ecom-hero-card:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 44%,rgba(8,14,32,.76));
}
.br-ecommerce-page .ecom-hero-copy{
  position:absolute;
  left:26px;
  right:26px;
  bottom:24px;
  z-index:2;
  color:#fff;
}
.br-ecommerce-page .ecom-hero-copy span{
  display:inline-flex;
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.22);
  backdrop-filter:blur(8px);
  border-radius:999px;
  padding:7px 10px;
  font-size:10px;
  font-weight:900;
  margin-bottom:11px;
}
.br-ecommerce-page .ecom-hero-copy h3{
  font-size:28px;
  margin-bottom:8px;
}
.br-ecommerce-page .ecom-hero-copy p{
  max-width:520px;
  color:rgba(255,255,255,.82);
  font-size:12px;
  line-height:1.55;
}
.br-ecommerce-page .ecom-mini-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.br-ecommerce-page .ecom-mini{
  background:#fff;
  border:1px solid var(--line);
  border-radius:19px;
  padding:16px;
  min-height:145px;
  box-shadow:0 8px 22px rgba(27,40,76,.04);
  transition:.25s ease;
}
.br-ecommerce-page .ecom-mini:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 30px rgba(27,40,76,.07);
}
.br-ecommerce-page .ecom-mini-top{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:10px;
}
.br-ecommerce-page .ecom-mini-icon{
  width:36px;
  height:36px;
  border-radius:11px;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:11px;
  font-weight:900;
  flex:0 0 auto;
}
.br-ecommerce-page .ecom-mini h4{
  font-size:15px;
  line-height:1.25;
}
.br-ecommerce-page .ecom-mini p{
  font-size:11px;
  color:#78849a;
  line-height:1.5;
}
.br-ecommerce-page .ecom-chips{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:8px;
  margin-top:22px;
}
.br-ecommerce-page .ecom-chips span{
  background:#fff;
  border:1px solid var(--line);
  border-radius:999px;
  padding:8px 10px;
  font-size:10px;
  font-weight:800;
  color:#4b5874;
  box-shadow:0 5px 14px rgba(30,45,84,.035);
}
.br-ecommerce-page .ecom-cta{
  margin-top:22px;
  display:flex;
  justify-content:center;
}
@media(max-width:1050px){
  .br-ecommerce-page .ecom-compact{grid-template-columns:1fr}
  .br-ecommerce-page .ecom-hero-card{min-height:390px}
}
@media(max-width:720px){
  .br-ecommerce-page .ecom-mini-grid{grid-template-columns:1fr}
  .br-ecommerce-page .ecom-hero-card{min-height:330px}
}

/* SHOWCASE */
.br-ecommerce-page .showcase{background:#f8faff}
.br-ecommerce-page .showcase-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:26px;align-items:stretch}
.br-ecommerce-page .feature-panel{border:1px solid #e4e9f4;border-radius:28px;background:white;overflow:hidden;box-shadow:var(--shadow)}
.br-ecommerce-page .big-image{height:470px;position:relative}
.br-ecommerce-page .big-image img{object-position:center}
.br-ecommerce-page .image-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(8,13,30,.63))}
.br-ecommerce-page .overlay-copy{position:absolute;left:28px;bottom:25px;color:white;right:28px}
.br-ecommerce-page .overlay-copy h3{font-size:33px;margin-bottom:8px}.br-ecommerce-page .overlay-copy p{color:rgba(255,255,255,.8);max-width:530px}
.br-ecommerce-page .feature-list{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.br-ecommerce-page .feature-mini{border:1px solid var(--line);border-radius:22px;background:white;padding:20px;min-height:172px;transition:.25s}
.br-ecommerce-page .feature-mini:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(30,45,84,.08)}
.br-ecommerce-page .feature-mini .num{font-size:11px;font-weight:900;color:#5a5cf2;background:#eef0ff;border-radius:999px;padding:6px 9px;display:inline-block;margin-bottom:16px}
.br-ecommerce-page .feature-mini h4{font-size:17px;margin-bottom:8px}.br-ecommerce-page .feature-mini p{font-size:12px;color:#77839c;line-height:1.55}

/* SELL MORE */
.br-ecommerce-page .sell-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:32px;align-items:center}
.br-ecommerce-page .phone-gallery{position:relative;min-height:550px}
.br-ecommerce-page .gallery-bg{position:absolute;inset:35px 45px;background:linear-gradient(135deg,#eef1ff,#eaf9ff);border-radius:40px}
.br-ecommerce-page .tall-card{position:absolute;border-radius:28px;overflow:hidden;box-shadow:0 26px 60px rgba(27,40,76,.19);border:7px solid white;background:white}
.br-ecommerce-page .tall-card.one{left:40px;top:10px;width:235px;height:470px;transform:rotate(-6deg)}
.br-ecommerce-page .tall-card.two{left:250px;top:68px;width:235px;height:420px;transform:rotate(7deg)}
.br-ecommerce-page .gallery-badge{position:absolute;z-index:5;background:white;border:1px solid var(--line);box-shadow:0 14px 36px rgba(27,40,76,.12);border-radius:16px;padding:13px 15px;font-size:12px;font-weight:800}
.br-ecommerce-page .gb1{right:14px;top:25px}.br-ecommerce-page .gb2{right:0;bottom:64px}
.br-ecommerce-page .bullet-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:28px}
.br-ecommerce-page .bullet{display:flex;gap:11px;align-items:flex-start;border:1px solid var(--line);border-radius:17px;padding:14px;background:white}
.br-ecommerce-page .bullet i{width:29px;height:29px;border-radius:9px;background:#edf9f5;display:grid;place-items:center;color:#129668;font-style:normal;font-weight:900;flex:0 0 auto}
.br-ecommerce-page .bullet b{font-size:13px;display:block}.br-ecommerce-page .bullet span{font-size:11px;color:#7b869d}

/* ERP */
.br-ecommerce-page .erp-wrap{border-radius:34px;background:linear-gradient(135deg,#0e1839,#182b62 55%,#3b3ca9);padding:42px;color:white;position:relative;overflow:hidden}
.br-ecommerce-page .erp-wrap:before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;right:-220px;top:-240px;background:radial-gradient(circle,rgba(104,125,255,.6),rgba(104,125,255,0) 70%)}
.br-ecommerce-page .erp-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:center;position:relative;z-index:2}
.br-ecommerce-page .erp-copy p{color:#b9c4e7;line-height:1.6;margin-top:14px;font-size:15px}
.br-ecommerce-page .erp-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.br-ecommerce-page .erp-tags span{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);padding:7px 10px;border-radius:999px;font-size:10px;font-weight:800}
.br-ecommerce-page .erp-dashboard{background:#ffffff;border-radius:24px;padding:11px;color:var(--ink);box-shadow:0 28px 60px rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.7)}
.br-ecommerce-page .erp-top{display:flex;align-items:center;justify-content:space-between;padding:8px 7px 14px}
.br-ecommerce-page .erp-title-wrap{display:flex;align-items:center;gap:9px}
.br-ecommerce-page .erp-title-dot{width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,#5d5cf6,#2d9df0);box-shadow:0 0 0 5px #eef0ff}
.br-ecommerce-page .erp-title{font-size:13px;font-weight:800}
.br-ecommerce-page .erp-subtitle{font-size:9px;color:#8a95aa;margin-top:2px}
.br-ecommerce-page .live{display:inline-flex;align-items:center;gap:6px;font-size:9px;color:#13865d;background:#eaf8f2;padding:6px 9px;border-radius:999px;font-weight:900;border:1px solid #d8f2e8}
.br-ecommerce-page .live:before{content:"";width:6px;height:6px;border-radius:50%;background:#18a974;box-shadow:0 0 0 4px rgba(24,169,116,.10)}
.br-ecommerce-page .erp-body{display:grid;grid-template-columns:112px 1fr;gap:9px}
.br-ecommerce-page .erp-side{background:linear-gradient(180deg,#111c40,#0d1736);border-radius:15px;padding:11px;color:#c6d1ed}
.br-ecommerce-page .erp-side strong{font-size:9px;letter-spacing:.11em;color:#8ea0cc;display:block;margin-bottom:13px}
.br-ecommerce-page .erp-side div{font-size:9px;padding:7px 7px;border-radius:8px;margin-bottom:4px;color:#b9c6e7;display:flex;align-items:center;gap:6px}
.br-ecommerce-page .erp-side div.active{background:rgba(255,255,255,.10);color:#fff;font-weight:800}
.br-ecommerce-page .erp-side div i{width:7px;height:7px;border-radius:2px;background:#5268a8;display:inline-block}
.br-ecommerce-page .erp-side div.active i{background:#6c72ff}
.br-ecommerce-page .erp-main{background:#f7f9fe;border:1px solid #edf0f6;border-radius:15px;padding:10px}
.br-ecommerce-page .dashboard-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}
.br-ecommerce-page .dashboard-toolbar b{font-size:11px}
.br-ecommerce-page .dashboard-toolbar span{font-size:8px;color:#7d899e;background:#fff;border:1px solid #e7ebf3;border-radius:8px;padding:6px 8px;font-weight:700}
.br-ecommerce-page .kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.br-ecommerce-page .kpi{background:white;border:1px solid #e8edf5;border-radius:11px;padding:8px;box-shadow:0 3px 10px rgba(36,49,86,.025)}
.br-ecommerce-page .kpi-top{display:flex;justify-content:space-between;align-items:center;gap:5px}
.br-ecommerce-page .kpi span{font-size:8px;color:#7d899e}
.br-ecommerce-page .kpi em{font-size:7px;color:#169b69;background:#eaf8f2;border-radius:999px;padding:3px 5px;font-style:normal;font-weight:900}
.br-ecommerce-page .kpi strong{font-size:13px;display:block;margin-top:4px}
.br-ecommerce-page .kpi small{display:block;font-size:7px;color:#95a0b5;margin-top:2px}
.br-ecommerce-page .dashboard-grid{display:grid;grid-template-columns:1.45fr .85fr;gap:7px;margin-top:7px}
.br-ecommerce-page .chart-card,.br-ecommerce-page .side-card{background:white;border:1px solid #e8edf5;border-radius:11px;padding:8px}
.br-ecommerce-page .card-title-row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:7px}
.br-ecommerce-page .card-title-row b{font-size:9px}
.br-ecommerce-page .card-title-row span{font-size:7px;color:#8c97aa}
.br-ecommerce-page .chart{height:86px;position:relative}
.br-ecommerce-page .chart svg{width:100%;height:100%}
.br-ecommerce-page .chart-legend{display:flex;gap:9px;margin-top:3px;font-size:7px;color:#8a95aa}
.br-ecommerce-page .chart-legend i{width:6px;height:6px;border-radius:50%;display:inline-block;margin-right:3px}
.br-ecommerce-page .order-bars{display:grid;gap:8px}
.br-ecommerce-page .order-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}
.br-ecommerce-page .order-row div:first-child{font-size:8px;color:#58647c}
.br-ecommerce-page .order-row strong{font-size:8px}
.br-ecommerce-page .bar{height:5px;background:#eef1f6;border-radius:99px;overflow:hidden;grid-column:1/3}
.br-ecommerce-page .bar span{display:block;height:100%;border-radius:99px}
.br-ecommerce-page .dashboard-bottom{display:none}
.br-ecommerce-page .mini-table{background:white;border:1px solid #e8edf5;border-radius:13px;padding:10px}
.br-ecommerce-page .mini-table h5{font-size:9px;margin:0 0 8px}
.br-ecommerce-page .table-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid #f0f2f6}
.br-ecommerce-page .table-row:last-child{border-bottom:0}
.br-ecommerce-page .table-row span{font-size:7px;color:#69758b}
.br-ecommerce-page .table-row b{font-size:7px}
.br-ecommerce-page .stock-badge{font-size:6px!important;color:#d16f29!important;background:#fff4ea;padding:3px 5px;border-radius:999px;font-weight:900}

/* MODULES */
.br-ecommerce-page .module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.br-ecommerce-page .module{border:1px solid var(--line);border-radius:23px;padding:22px;background:white;position:relative;overflow:hidden;min-height:260px}
.br-ecommerce-page .module-top{display:flex;align-items:center;gap:12px;margin-bottom:17px}.br-ecommerce-page .module-ico{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:white;font-weight:900}
.br-ecommerce-page .module h3{font-size:20px}.br-ecommerce-page .module p{font-size:12px;color:#79849c;line-height:1.6;margin-bottom:16px}
.br-ecommerce-page .module ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}.br-ecommerce-page .module li{font-size:12px;font-weight:700;color:#42506b;padding-left:20px;position:relative}.br-ecommerce-page .module li:before{content:"✓";position:absolute;left:0;color:#19a974}

/* APP STORE */
.br-ecommerce-page .apps{background:linear-gradient(180deg,#fff,#f8faff)}
.br-ecommerce-page .app-store{border:1px solid #e3e8f3;border-radius:30px;background:white;padding:26px;box-shadow:0 22px 55px rgba(27,40,76,.08)}
.br-ecommerce-page .app-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
.br-ecommerce-page .app-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}
.br-ecommerce-page .app{border:1px solid var(--line);border-radius:19px;padding:16px;transition:.25s}.br-ecommerce-page .app:hover{transform:translateY(-3px);box-shadow:0 13px 30px rgba(26,38,78,.08)}
.br-ecommerce-page .app-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:white;font-weight:900;margin-bottom:13px}
.br-ecommerce-page .app b{display:block;font-size:13px}.br-ecommerce-page .app span{font-size:10px;color:#7a859e;display:block;min-height:34px;margin:5px 0 12px}.br-ecommerce-page .install{font-size:10px;font-weight:900;color:#5359ef;background:#eef0ff;padding:7px 11px;border-radius:9px;display:inline-block}

/* DEPLOY */
.br-ecommerce-page .deploy{display:grid;grid-template-columns:.86fr 1.14fr;gap:32px;align-items:center}
.br-ecommerce-page .steps{display:grid;gap:13px;margin-top:25px}.br-ecommerce-page .step{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:18px;padding:15px;background:white}
.br-ecommerce-page .step-num{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#eef0ff;color:#5559ed;font-weight:900}.br-ecommerce-page .step b{display:block;font-size:13px}.br-ecommerce-page .step span{font-size:11px;color:#7b869d}
.br-ecommerce-page .deploy-visual{min-height:450px;position:relative;background:linear-gradient(135deg,#f3f5ff,#eefaff);border-radius:38px;border:1px solid #e5e9f5;overflow:hidden}
.br-ecommerce-page .deploy-visual:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,#dbe1ff,rgba(219,225,255,0) 72%);left:50%;top:50%;transform:translate(-50%,-50%)}
.br-ecommerce-page .deploy-card{position:absolute;background:white;border:1px solid var(--line);border-radius:20px;box-shadow:0 18px 44px rgba(27,40,76,.12);padding:18px}
.br-ecommerce-page .dc-main{width:310px;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center}
.br-ecommerce-page .rocket{width:72px;height:72px;margin:0 auto 15px}
.br-ecommerce-page .deploy-card h3{font-size:22px}.br-ecommerce-page .deploy-card p{font-size:11px;color:#7a859c;margin-top:7px}
.br-ecommerce-page .loading{height:9px;background:#edf1fa;border-radius:999px;overflow:hidden;margin:17px 0 8px}.br-ecommerce-page .loading span{display:block;height:100%;width:87%;background:linear-gradient(90deg,#5d5cf6,#2da2f0);border-radius:999px}
.br-ecommerce-page .dc-1{left:18px;top:28px}.br-ecommerce-page .dc-2{right:18px;top:46px}.br-ecommerce-page .dc-3{left:30px;bottom:35px}.br-ecommerce-page .dc-4{right:24px;bottom:28px}

/* CTA */
.br-ecommerce-page .cta{padding-bottom:90px}
.br-ecommerce-page .cta-box{border-radius:36px;background:
 radial-gradient(circle at 80% 10%,rgba(100,111,255,.7),transparent 28%),
 linear-gradient(135deg,#0c1534,#1b2f6a 55%,#3537a4);padding:56px;color:white;display:grid;grid-template-columns:1fr .65fr;align-items:center;gap:30px;overflow:hidden;position:relative}
.br-ecommerce-page .cta-box p{color:#c7d0ed;margin-top:16px;font-size:18px;max-width:650px;line-height:1.65}
.br-ecommerce-page .cta-art{position:relative;min-height:235px}
.br-ecommerce-page .cta-device{position:absolute;width:300px;height:180px;border-radius:22px;background:white;right:20px;top:20px;transform:rotate(-7deg);box-shadow:0 24px 50px rgba(0,0,0,.2);padding:12px;color:var(--ink)}
.br-ecommerce-page .cta-device .line{height:10px;border-radius:99px;background:#edf0f8;margin-bottom:9px}.br-ecommerce-page .cta-device .line.short{width:55%}.br-ecommerce-page .cta-device .tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.br-ecommerce-page .cta-device .tile{height:55px;border-radius:11px;background:linear-gradient(135deg,#edf0ff,#eef9ff)}

/* FOOTER */
.br-ecommerce-page footer{background:#091127;color:#d8def0;padding:58px 0 28px}.br-ecommerce-page .footer-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:28px}
.br-ecommerce-page footer p{color:#8f9bb9;line-height:1.65;font-size:13px;max-width:330px;margin-top:14px}
.br-ecommerce-page .footer-title{font-weight:800;color:white;font-size:13px;margin-bottom:14px}.br-ecommerce-page .footer-links{display:grid;gap:10px;font-size:12px;color:#94a0bd}
.br-ecommerce-page .footer-bottom{border-top:1px solid rgba(255,255,255,.07);padding-top:20px;margin-top:34px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#7f8aa8;font-size:11px}

/* RESPONSIVE */
@media(max-width:1050px){
  .br-ecommerce-page .nav-links{display:none}.br-ecommerce-page .mobile-btn{display:block}
  .br-ecommerce-page .hero-grid,.br-ecommerce-page .showcase-grid,.br-ecommerce-page .sell-grid,.br-ecommerce-page .erp-grid,.br-ecommerce-page .deploy,.br-ecommerce-page .cta-box{grid-template-columns:1fr}
  .br-ecommerce-page .hero-visual{margin-top:15px}
  .br-ecommerce-page .trust-grid{grid-template-columns:1fr 1fr 1fr}.br-ecommerce-page .trust-item{border-bottom:1px solid var(--line)}
  .br-ecommerce-page .flow{grid-template-columns:repeat(4,1fr)}
  .br-ecommerce-page .module-grid{grid-template-columns:1fr 1fr}
  .br-ecommerce-page .app-grid{grid-template-columns:repeat(3,1fr)}
  .br-ecommerce-page .footer-grid{grid-template-columns:1.2fr 1fr 1fr}
}
@media(max-width:720px){
  .br-ecommerce-page .trust-strip{padding-top:66px}
  .br-ecommerce-page .container{width:min(100% - 24px,1240px)}
  .br-ecommerce-page .section{padding:70px 0}
  .br-ecommerce-page .nav-actions .btn{display:none}
  .br-ecommerce-page h1{font-size:40px}
  .br-ecommerce-page .hero{padding-top:48px}
  .br-ecommerce-page .hero-visual{min-height:610px}
  .br-ecommerce-page .store-shell{left:0;width:100%;top:45px;transform:none}
  .br-ecommerce-page .store-top{grid-template-columns:1fr}.br-ecommerce-page .store-copybox{padding:26px 20px}.br-ecommerce-page .store-photo{height:180px}
  .br-ecommerce-page .product-strip{grid-template-columns:1fr 1fr}
  .br-ecommerce-page .phone{right:4px;bottom:-10px;width:150px}
  .br-ecommerce-page .card-order{left:4px}.br-ecommerce-page .card-sales{right:4px}.br-ecommerce-page .card-deploy{left:14px;right:auto;bottom:0;width:215px}
  .br-ecommerce-page .trust-grid{grid-template-columns:1fr}
  .br-ecommerce-page .section-head{display:block}.br-ecommerce-page .section-head p{margin-top:15px}
  .br-ecommerce-page .flow{grid-template-columns:1fr 1fr}.br-ecommerce-page .flow-card:not(:last-child)::after{display:none}
  .br-ecommerce-page .feature-list,.br-ecommerce-page .bullet-grid,.br-ecommerce-page .module-grid{grid-template-columns:1fr}
  .br-ecommerce-page .phone-gallery{min-height:500px}.br-ecommerce-page .tall-card.one{left:5%;width:44%}.br-ecommerce-page .tall-card.two{left:auto;right:5%;width:44%}
  .br-ecommerce-page .erp-wrap{padding:30px 18px}.br-ecommerce-page .erp-body{grid-template-columns:105px 1fr}.br-ecommerce-page .kpis{grid-template-columns:1fr 1fr 1fr}
  .br-ecommerce-page .app-grid{grid-template-columns:1fr 1fr}.br-ecommerce-page .app-head{align-items:flex-start;flex-direction:column}
  .br-ecommerce-page .dc-main{width:74%}.br-ecommerce-page .dc-1,.br-ecommerce-page .dc-2,.br-ecommerce-page .dc-3,.br-ecommerce-page .dc-4{display:none}
  .br-ecommerce-page .cta-box{padding:34px 24px}.br-ecommerce-page .cta-art{min-height:210px}.br-ecommerce-page .cta-device{right:0;width:270px}
  .br-ecommerce-page .footer-grid{grid-template-columns:1fr 1fr}
}