:root{
  --primary:#3568e8;
  --primary-dark:#214fca;
  --accent:#7b6ee6;
  --ink:#17213b;
  --muted:#6b7690;
  --bg:#fbfcff;
  --surface:#ffffff;
  --soft:#f1f5ff;
  --line:#e4e9f4;
  --footer:#101a31;
  --header-height:82px;
  --shadow:0 24px 70px rgba(43,62,105,.12);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  overflow-x:hidden;
  color:var(--ink);
  background:var(--bg);
  font-family:"Vazirmatn",Tahoma,"Segoe UI",Arial,sans-serif;
  font-size:16px;
  line-height:1.8;
}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{color:inherit}
svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.site-header{
  position:fixed;
  inset:0 0 auto;
  z-index:1000;
  min-height:var(--header-height);
  display:flex;
  align-items:center;
  background:rgba(255,255,255,.9);
  backdrop-filter:blur(20px);
  border-bottom:1px solid rgba(218,225,240,.82);
  transition:.25s ease;
}
.site-header::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:2px;
  background:linear-gradient(90deg,transparent,var(--primary),var(--accent),transparent);
  opacity:.8;
}
.site-header.scrolled{
  background:rgba(255,255,255,.98);
  box-shadow:0 12px 38px rgba(35,51,86,.11);
}
.header-shell{
  width:min(1320px,94vw);
  margin:auto;
  display:flex;
  align-items:center;
  gap:28px;
}
.brand{display:flex;align-items:center;gap:12px;min-width:max-content}
.brand-logo{
  width:48px;height:48px;
  display:grid;place-items:center;
  border-radius:15px;
  background:linear-gradient(145deg,#f3f7ff,#e3ebff);
  border:1px solid #dfe7f8;
  box-shadow:inset 0 1px 0 #fff,0 8px 20px rgba(62,84,134,.08);
}
.brand-logo img{width:34px;height:34px;display:block}
.brand-copy{display:grid;gap:0}
.brand-copy strong{font-size:17px;font-weight:800;line-height:1.4;color:#17213b}
.brand-copy small{font-size:11px;color:#77839b;line-height:1.5}
.main-nav{margin-right:auto;display:flex;align-items:center;gap:25px}
.main-nav a{
  position:relative;
  padding:28px 0 24px;
  color:#44506a;
  font-size:14px;
  font-weight:500;
  transition:.2s ease;
}
.main-nav a::after{
  content:"";
  position:absolute;
  right:50%;left:50%;bottom:18px;
  height:2px;
  border-radius:99px;
  background:var(--primary);
  transition:.22s ease;
}
.main-nav a:hover,.main-nav a.active{color:#1f4fc8}
.main-nav a:hover::after,.main-nav a.active::after{right:0;left:0}
.header-tools{display:flex;align-items:center;gap:8px}
.header-icon,.language-button,.menu-button{
  height:42px;
  border:1px solid #e1e7f1;
  border-radius:13px;
  background:#fff;
  cursor:pointer;
  transition:.2s ease;
}
.header-icon{width:42px;display:grid;place-items:center}
.header-icon svg{width:19px}
.header-icon:hover,.language-button:hover{border-color:#bfcdf0;background:#f7f9ff;color:var(--primary)}
.language-button{padding:0 13px;font-size:13px;font-weight:700;color:#4e5c77}
.demo-button{
  height:44px;
  display:inline-flex;align-items:center;justify-content:center;
  padding:0 19px;
  border-radius:14px;
  color:#fff;
  background:linear-gradient(135deg,var(--primary),var(--primary-dark));
  box-shadow:0 10px 24px rgba(53,104,232,.23);
  font-size:14px;font-weight:700;
  transition:.22s ease;
}
.demo-button:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(53,104,232,.29)}
.menu-button{width:42px;display:none;padding:0 10px}
.menu-button span{display:block;height:2px;background:#31405d;border-radius:3px;margin:5px 0;transition:.2s}
.mobile-menu{
  position:absolute;top:calc(100% + 8px);right:3vw;left:3vw;
  padding:13px;
  border:1px solid #e1e7f1;
  border-radius:20px;
  background:rgba(255,255,255,.99);
  box-shadow:var(--shadow);
}
.mobile-menu a{display:block;padding:11px 13px;border-radius:12px;font-size:14px;color:#40506d}
.mobile-menu a:hover{background:#f2f6ff;color:var(--primary)}
.mobile-menu .mobile-demo{margin-top:7px;text-align:center;color:#fff;background:var(--primary)}

/* Keep elements with the native hidden attribute fully hidden. */
[hidden]{display:none!important}

.search-overlay[hidden]{display:none!important}

.search-overlay{
  position:fixed;inset:0;z-index:1600;
  display:grid;place-items:center;
  padding:20px;
  background:rgba(14,23,43,.72);
  backdrop-filter:blur(16px);
}
.search-panel{
  position:relative;
  width:min(700px,92vw);
  padding:38px;
  border-radius:28px;
  background:#fff;
  box-shadow:0 32px 95px rgba(12,21,39,.28);
}
.search-panel>button{position:absolute;left:20px;top:16px;width:40px;height:40px;border:0;border-radius:50%;background:#f3f5fa;font-size:25px;cursor:pointer}
.search-kicker{display:block;margin-bottom:14px;font-weight:700;color:#33425f}
.search-field{display:flex;align-items:center;gap:12px;border-bottom:2px solid #dce3ef}
.search-field:focus-within{border-color:var(--primary)}
.search-field input{width:100%;border:0;outline:0;padding:15px 0;font-size:21px;color:var(--ink);background:transparent}
.search-field svg{width:23px;color:#66748f}
.search-panel small{display:block;margin-top:13px;color:#8993a8}

.hero{position:relative;padding:34px 0 64px;background:#fff;overflow:hidden}
.hero-slider{
  position:relative;
  width:min(1280px,94vw);
  min-height:610px;
  margin:auto;
  overflow:hidden;
  border:1px solid #e8edf6;
  border-radius:34px;
  background:linear-gradient(120deg,#fbfcff 0%,#f4f7ff 50%,#eef3ff 100%);
  box-shadow:0 28px 80px rgba(49,69,112,.10);
  isolation:isolate;
}
.hero-slider::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(75,105,176,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(75,105,176,.035) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(90deg,transparent,black 46%,black 100%);pointer-events:none;z-index:-2}
.hero-orb{position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none;z-index:-1}
.hero-orb-one{width:460px;height:460px;left:-180px;top:-210px;background:radial-gradient(circle,rgba(82,124,241,.20),rgba(82,124,241,.02) 70%)}
.hero-orb-two{width:380px;height:380px;right:-160px;bottom:-220px;background:radial-gradient(circle,rgba(139,106,232,.13),rgba(139,106,232,.01) 70%)}
.hero-slide{
  position:absolute;inset:0 0 84px;
  display:grid;
  grid-template-columns:1fr 1.06fr;
  align-items:center;
  gap:62px;
  padding:52px 74px 38px;
  direction:rtl;
  opacity:0;visibility:hidden;
  transform:translateY(12px);
  transition:opacity .58s ease,transform .58s ease,visibility .58s ease;
}
.hero-slide.active{opacity:1;visibility:visible;transform:none}
.hero-copy{position:relative;z-index:3;text-align:right;direction:rtl}
.hero-kicker{display:inline-flex;align-items:center;gap:9px;margin-bottom:18px;padding:8px 12px;border:1px solid rgba(61,103,210,.13);border-radius:999px;color:#3e68cc;background:rgba(255,255,255,.78);font-size:12px;font-weight:700;box-shadow:0 7px 20px rgba(60,84,139,.05)}
.hero-kicker i{width:7px;height:7px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 5px rgba(53,104,232,.10)}
.hero-copy h1,.hero-copy h2{max-width:590px;margin:0 0 19px;color:#14203a;font-size:clamp(38px,4.2vw,60px);line-height:1.45;letter-spacing:-1.5px;font-weight:800}
.hero-copy h2{font-size:clamp(36px,3.8vw,54px)}
.hero-copy h1 em,.hero-copy h2 em{font-style:normal;color:var(--primary);background:linear-gradient(135deg,#2d67ec,#7659db);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero-copy>p{max-width:560px;margin:0;color:#66738b;font-size:16px;line-height:2.1}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 23px;border-radius:14px;font-size:14px;font-weight:700;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.primary-button{color:#fff;background:linear-gradient(135deg,#3269ee,#2057dc);box-shadow:0 13px 27px rgba(43,91,220,.22)}
.secondary-button{color:#32415e;background:rgba(255,255,255,.84);border:1px solid #dbe3f0;box-shadow:0 8px 20px rgba(49,68,108,.06)}
.primary-button:hover,.secondary-button:hover{transform:translateY(-2px)}
.hero-proof{display:flex;align-items:center;gap:0;margin-top:30px;padding-top:22px;border-top:1px solid rgba(197,207,226,.68)}
.hero-proof>div{display:grid;gap:2px;min-width:112px;padding:0 18px;border-left:1px solid #dfe5f0}
.hero-proof>div:first-child{padding-right:0}.hero-proof>div:last-child{border-left:0}
.hero-proof strong{color:#1d315c;font-size:18px}.hero-proof span{color:#7d889d;font-size:11px}
.hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.hero-tags span{padding:8px 12px;border:1px solid #dce4f1;border-radius:10px;color:#51617c;background:rgba(255,255,255,.70);font-size:12px}
.hero-visual{position:relative;z-index:2;min-height:430px;display:grid;place-items:center;direction:rtl;perspective:1400px}
.visual-panel{position:relative;width:min(570px,100%);border:1px solid rgba(210,221,240,.86);background:rgba(255,255,255,.92);box-shadow:0 32px 72px rgba(44,64,108,.17);backdrop-filter:blur(18px)}
.ecosystem-panel{padding:20px;border-radius:27px;transform:rotateY(-4deg) rotateX(1deg)}
.panel-topbar{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #e9edf5}
.panel-brand{display:flex;align-items:center;gap:10px}.panel-brand>span:last-child{display:grid;text-align:left;direction:ltr}.panel-brand strong{font-size:13px;color:#233250}.panel-brand small{font-size:8px;color:#909aab}
.panel-logo{width:38px;height:38px;display:grid!important;place-items:center;border-radius:11px;color:#fff;background:linear-gradient(135deg,#3169ee,#7259dc);font-size:17px;font-weight:800}
.panel-status{display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#edf9f4;color:#2d7d60;font-size:10px}.panel-status i{width:6px;height:6px;border-radius:50%;background:#35a879;box-shadow:0 0 0 4px rgba(53,168,121,.11)}
.ecosystem-content{display:grid;grid-template-columns:1.42fr .78fr;gap:13px;padding-top:16px;direction:ltr}
.overview-card,.mini-value{border:1px solid #e6ebf4;border-radius:18px;background:#f9fbff}
.overview-card{padding:18px;text-align:left}.overview-card>span{color:#7c879b;font-size:10px}.overview-card>strong{display:block;margin-top:5px;color:#243553;font-size:18px}
.mini-chart{height:140px;margin-top:18px;display:flex;align-items:end;gap:8px;padding:0 4px;border-bottom:1px solid #dfe6f2}.mini-chart i{flex:1;height:var(--h);border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,#4d7df3,#779bf3);box-shadow:0 8px 14px rgba(76,123,239,.13)}
.overview-side{display:grid;gap:13px}.mini-value{padding:16px;text-align:left}.mini-value span{color:#7d899e;font-size:9px}.mini-value strong{display:block;margin:7px 0 4px;color:#203250;font-size:22px}.mini-value small{color:#31a275;font-size:9px}
.float-badge{position:absolute;display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid rgba(218,225,238,.93);border-radius:16px;background:rgba(255,255,255,.93);box-shadow:0 18px 38px rgba(45,64,106,.13);backdrop-filter:blur(15px)}
.float-badge>span:last-child{display:grid;gap:1px}.float-badge strong{color:#263957;font-size:12px}.float-badge small{color:#8792a5;font-size:9px}
.badge-security{left:-18px;top:58px}.badge-support{right:-8px;bottom:50px}.badge-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:#356be4;background:#edf3ff}.badge-icon svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.7}
.avatar-stack{display:flex;direction:ltr}.avatar-stack i{width:29px;height:29px;margin-left:-7px;border:3px solid #fff;border-radius:50%;background:linear-gradient(135deg,#d6e1fa,#7393dc)}.avatar-stack i:nth-child(2){background:linear-gradient(135deg,#e9dbfa,#9e72d8)}.avatar-stack i:nth-child(3){background:linear-gradient(135deg,#d7f0e9,#55ad8d)}
.dashboard-panel{overflow:hidden;border-radius:26px;transform:rotateY(-3deg)}
.browser-bar{height:42px;display:flex;align-items:center;gap:6px;padding:0 15px;border-bottom:1px solid #e8edf5;background:#fafbfe;direction:ltr}.browser-bar>span{width:7px;height:7px;border-radius:50%;background:#d4dbe7}.browser-bar>span:first-child{background:#f2a8a2}.browser-bar>span:nth-child(2){background:#f2d38d}.browser-bar>span:nth-child(3){background:#8ed5b2}.browser-bar small{margin-left:auto;margin-right:auto;padding:6px 42px;border-radius:7px;background:#f0f3f8;color:#9aa4b6;font-size:8px}
.dashboard-layout{min-height:345px;display:grid;grid-template-columns:53px 1fr;direction:ltr}.dashboard-layout aside{display:flex;flex-direction:column;align-items:center;gap:18px;padding:14px 0;background:#2f5fcf}.dashboard-layout aside i{width:18px;height:4px;border-radius:99px;background:rgba(255,255,255,.30)}.dashboard-layout aside i.active{height:18px;border:4px solid rgba(255,255,255,.28);background:#fff}.aside-logo{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#fff;color:#2f5fcf;font-weight:800}
.dashboard-main{padding:19px;direction:rtl;background:#f8faff}.dashboard-heading{display:flex;justify-content:space-between;align-items:center}.dashboard-heading>span{display:grid;text-align:right}.dashboard-heading small{color:#8c97aa;font-size:9px}.dashboard-heading strong{margin-top:4px;color:#233451;font-size:13px}.user-dot{width:30px;height:30px;border:4px solid #fff;border-radius:50%;background:linear-gradient(135deg,#d4e0f8,#7596df);box-shadow:0 3px 10px rgba(52,75,122,.12)}
.dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:17px}.dashboard-stats>div{padding:12px;border:1px solid #e7ecf4;border-radius:13px;background:#fff;text-align:right}.dashboard-stats span{display:block;color:#8a95a9;font-size:8px}.dashboard-stats strong{display:block;margin:5px 0;color:#2a3c5a;font-size:14px}.dashboard-stats small{color:#2da377;font-size:8px}
.dashboard-bottom{display:grid;grid-template-columns:1.5fr .8fr;gap:9px;margin-top:9px;direction:ltr}.dashboard-chart,.activity-list{padding:13px;border:1px solid #e7ecf4;border-radius:13px;background:#fff}.dashboard-chart>span,.activity-list>span{display:block;color:#4d5c76;font-size:8px;font-weight:700;text-align:left}.dashboard-chart svg{width:100%;height:112px;margin-top:7px}.dashboard-chart .area{fill:url(#areaFill)}.dashboard-chart .line{fill:none;stroke:#4d7df3;stroke-width:3;stroke-linecap:round}
.activity-list>div{display:flex;align-items:center;gap:7px;margin-top:11px;direction:ltr}.activity-list i{width:8px;height:8px;border-radius:50%;background:#4d7df3;box-shadow:0 0 0 4px #eef3ff}.activity-list p{display:grid;margin:0;text-align:left}.activity-list strong{color:#475671;font-size:8px}.activity-list small{color:#9aa4b5;font-size:7px}
.process-board{width:min(550px,100%);padding:25px;border:1px solid #e0e7f2;border-radius:27px;background:rgba(255,255,255,.94);box-shadow:0 32px 72px rgba(44,64,108,.16);transform:rotateY(-3deg)}
.process-head{display:flex;align-items:center;justify-content:space-between}.process-head>span{display:grid}.process-head small{color:#8995a9;font-size:10px}.process-head strong{margin-top:4px;color:#243755;font-size:18px}.process-head b{padding:8px 11px;border-radius:10px;color:#3967c9;background:#eef3ff;font-size:10px}
.process-track{position:relative;height:4px;margin:30px 29px -31px;background:#e7ecf4}.process-track span{display:block;width:67%;height:100%;border-radius:99px;background:linear-gradient(90deg,#2f68e8,#7459da)}
.process-steps{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.process-steps>div{display:grid;justify-items:center;gap:11px;text-align:center}.process-steps i{width:40px;height:40px;display:grid;place-items:center;border:5px solid #f6f8fc;border-radius:50%;color:#8e98aa;background:#dfe5ef;font-size:11px;font-style:normal;box-shadow:0 0 0 1px #dce3ee}.process-steps .done i,.process-steps .current i{color:#fff;background:#3269e9;box-shadow:0 0 0 1px #3269e9}.process-steps .current i{background:#735bdd;box-shadow:0 0 0 7px rgba(115,91,221,.10)}.process-steps span{display:grid;gap:3px}.process-steps strong{color:#354764;font-size:9px}.process-steps small{color:#929cad;font-size:7px}
.process-summary{margin-top:27px;padding:16px;border-radius:17px;background:#f7f9fd}.process-summary>div:first-child{display:flex;justify-content:space-between;color:#61708a;font-size:9px}.process-summary strong{color:#2c5fd2;font-size:14px}.summary-bar{height:7px;margin:11px 0 9px;border-radius:99px;background:#e3e9f3}.summary-bar i{display:block;width:68%;height:100%;border-radius:99px;background:linear-gradient(90deg,#3169ec,#755bdd)}.process-summary>small{color:#8b96a9;font-size:8px}
.hero-controls{position:absolute;left:72px;right:72px;bottom:25px;z-index:10;display:flex;align-items:center;justify-content:space-between;padding-top:18px;border-top:1px solid rgba(201,211,228,.68)}
.hero-counter{direction:ltr;display:flex;align-items:baseline;gap:5px}.hero-counter strong{color:#2e5fcf;font-size:20px}.hero-counter span{color:#9aa5b7;font-size:11px}
.hero-dots{display:flex;align-items:center;gap:7px}.hero-dot{width:7px;height:7px;padding:0;border:0;border-radius:99px;background:#c8d2e5;cursor:pointer;transition:.26s}.hero-dot.active{width:29px;background:linear-gradient(90deg,#3169ed,#7459dc)}
.hero-nav{display:flex;gap:8px;direction:ltr}.hero-arrow{position:static;width:39px;height:39px;display:grid;place-items:center;border:1px solid #dce4f0;border-radius:12px;background:rgba(255,255,255,.88);color:#40506b;box-shadow:0 7px 17px rgba(45,64,104,.06);cursor:pointer;transition:.2s}.hero-arrow:hover{color:#fff;border-color:var(--primary);background:var(--primary)}.hero-arrow svg{width:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:1050px){.hero-slider{min-height:760px}.hero-slide{inset-bottom:82px;grid-template-columns:1fr;padding:48px 62px 30px;gap:18px}.hero-copy{text-align:center}.hero-copy h1,.hero-copy h2,.hero-copy>p{margin-left:auto;margin-right:auto}.hero-actions,.hero-proof,.hero-tags{justify-content:center}.hero-visual{min-height:335px}.visual-panel,.process-board{max-width:540px}.ecosystem-panel,.dashboard-panel,.process-board{transform:none}.badge-security{left:5%}.badge-support{right:5%;bottom:25px}}
@media(max-width:680px){.hero{padding-top:18px}.hero-slider{width:94vw;min-height:790px;border-radius:25px}.hero-slide{padding:34px 22px 25px}.hero-copy h1,.hero-copy h2{font-size:31px;line-height:1.55;letter-spacing:-.7px}.hero-copy>p{font-size:14px;line-height:2}.hero-kicker{font-size:10px}.hero-proof{gap:0}.hero-proof>div{min-width:0;flex:1;padding:0 8px}.hero-proof strong{font-size:15px}.hero-visual{min-height:300px}.visual-panel{width:100%}.ecosystem-panel{padding:14px}.ecosystem-content{grid-template-columns:1fr}.overview-side{grid-template-columns:1fr 1fr}.mini-chart{height:80px}.float-badge{display:none}.dashboard-layout{grid-template-columns:38px 1fr;min-height:270px}.dashboard-layout aside{gap:12px}.dashboard-main{padding:11px}.dashboard-stats>div{padding:8px}.dashboard-stats strong{font-size:10px}.dashboard-bottom{grid-template-columns:1fr}.activity-list{display:none}.dashboard-chart svg{height:80px}.browser-bar small{padding:5px 15px}.process-board{padding:16px}.process-head strong{font-size:14px}.process-steps strong{font-size:7px}.process-steps small{display:none}.hero-controls{left:20px;right:20px;bottom:17px}.hero-counter{display:none}.hero-nav{gap:6px}.hero-arrow{width:36px;height:36px}.hero-actions a{flex:1;min-width:132px}.hero-tags{gap:6px}.hero-tags span{font-size:10px;padding:7px 9px}}

.trust-strip{
  position:relative;z-index:10;
  width:min(1120px,90vw);
  margin:-26px auto 0;
  padding:22px 26px;
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:0;
  border:1px solid #e6ebf4;
  border-radius:22px;
  background:#fff;
  box-shadow:0 18px 50px rgba(45,64,105,.11);
}
.trust-strip>div{position:relative;display:grid;gap:2px;padding:0 23px;border-left:1px solid #e8ecf4}
.trust-strip>div:last-child{border-left:0}
.trust-strip span{color:var(--primary);font-size:12px;font-weight:800}
.trust-strip strong{font-size:15px;color:#283653}
.trust-strip small{font-size:11px;color:#8993a7}

.section{width:min(1180px,92vw);margin:auto;padding:105px 0}
.section-heading{display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:55px;margin-bottom:45px}
.section-heading.centered{grid-template-columns:1fr;text-align:center;max-width:830px;margin-right:auto;margin-left:auto}
.section-heading h2,.about-copy h2,.why-copy h2{margin:0;color:#17213a;font-size:clamp(30px,3.5vw,49px);line-height:1.5;letter-spacing:-.8px}
.section-heading p,.about-copy>p,.why-copy>p{margin:0;color:var(--muted);font-size:16px;line-height:2}
.reveal{opacity:0;transform:translateY(25px);transition:.7s ease}
.reveal.visible{opacity:1;transform:none}

.about-section{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:80px}
.about-visual{position:relative;min-height:420px;display:grid;place-items:center}
.about-visual::before{content:"";position:absolute;width:310px;height:310px;border-radius:80px;background:linear-gradient(145deg,#e7efff,#f2edff);transform:rotate(18deg)}
.about-card{position:relative;z-index:2;width:min(420px,90%);padding:38px;border:1px solid rgba(216,224,240,.9);border-radius:28px;background:rgba(255,255,255,.93);box-shadow:var(--shadow)}
.about-card>strong{display:block;margin-bottom:15px;font-size:25px;line-height:1.65;color:#1d2b49}
.about-card p{margin:0;color:var(--muted);font-size:14px}
.about-stat{position:absolute;z-index:3;min-width:150px;padding:15px 18px;border:1px solid #e3e9f3;border-radius:17px;background:#fff;box-shadow:0 14px 35px rgba(43,61,100,.11)}
.about-stat strong{display:block;color:var(--primary);font-size:24px}.about-stat span{font-size:11px;color:#7a859b}
.stat-one{top:40px;right:0}.stat-two{bottom:38px;left:5px}
.about-copy>p{margin-top:15px}
.feature-list{display:grid;gap:14px;margin-top:28px}
.feature-list>div{display:flex;align-items:flex-start;gap:13px;padding:14px 15px;border:1px solid #e8ecf4;border-radius:15px;background:#fff;transition:.2s}
.feature-list>div:hover{transform:translateX(-3px);border-color:#cdd8f2;box-shadow:0 9px 25px rgba(46,66,106,.07)}
.feature-list i{width:10px;height:10px;margin-top:8px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 5px rgba(53,104,232,.1)}
.feature-list span{display:grid}.feature-list strong{font-size:15px}.feature-list small{font-size:12px;color:#8390a8}

.services-section{padding-top:70px}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.service-card{position:relative;min-height:300px;padding:26px;border:1px solid #e5eaf3;border-radius:23px;background:#fff;transition:.25s ease;overflow:hidden}
.service-card::before{content:"";position:absolute;width:130px;height:130px;left:-65px;bottom:-65px;border-radius:50%;background:#edf2ff;transition:.25s}
.service-card:hover{transform:translateY(-4px);border-color:#cbd7ef;box-shadow:0 22px 55px rgba(45,65,106,.1)}
.service-card:hover::before{transform:scale(1.3)}
.service-card.featured{color:#fff;border-color:transparent;background:linear-gradient(145deg,#2f63df,#5b79e6);box-shadow:0 22px 55px rgba(46,88,201,.22)}
.service-card.featured::before{background:rgba(255,255,255,.09)}
.service-number{position:absolute;left:22px;top:20px;color:#9aa5b8;font-size:11px;font-weight:800}.featured .service-number{color:rgba(255,255,255,.67)}
.service-icon{width:52px;height:52px;margin-bottom:22px;display:grid;place-items:center;border-radius:16px;background:#eef3ff;color:#3d69d1}.featured .service-icon{background:rgba(255,255,255,.15);color:#fff}
.service-icon svg{width:25px}
.service-card h3{position:relative;margin:0 0 11px;font-size:19px;line-height:1.6}.service-card p{position:relative;margin:0;color:#758097;font-size:13px;line-height:2}.featured p{color:rgba(255,255,255,.76)}
.service-card a{position:absolute;right:26px;bottom:23px;color:#315ec8;font-size:13px;font-weight:700}.featured a{color:#fff}

.products-section{width:min(1360px,98vw);padding-top:72px}
.product-slider{position:relative;width:100%;outline:none}
.product-stage{position:relative;height:520px;overflow:hidden;perspective:1800px;touch-action:pan-y;cursor:grab;isolation:isolate}
.product-stage.dragging{cursor:grabbing}
.product-stage::before{content:"";position:absolute;left:50%;bottom:82px;width:min(760px,70vw);height:54px;transform:translateX(-50%);border-radius:50%;background:rgba(27,40,71,.15);filter:blur(28px)}
.product-cards{position:absolute;inset:0;transform-style:preserve-3d}
.product-card{
  --x:0%;--z:0px;--ry:0deg;--scale:1;--opacity:1;--brightness:1;--blur:0;--layer:1;
  position:absolute;left:50%;top:45%;
  width:clamp(300px,46vw,560px);
  aspect-ratio:1.62/1;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.24);
  border-radius:28px;
  color:var(--card-color,#fff);
  background:var(--card-bg);
  box-shadow:0 30px 62px rgba(26,39,70,.22),0 0 0 1px rgba(24,38,68,.06),inset 0 1px 0 rgba(255,255,255,.36);
  opacity:var(--opacity);
  filter:blur(var(--blur)) brightness(var(--brightness));
  transform:translate(-50%,-50%) translateX(var(--x)) translateZ(var(--z)) rotateY(var(--ry)) scale(var(--scale));
  transform-style:preserve-3d;
  transition:transform .76s cubic-bezier(.18,.78,.22,1),opacity .55s ease,filter .55s ease,box-shadow .76s ease;
  z-index:var(--layer);
  cursor:pointer;
  will-change:transform,opacity;
}
.product-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 10%,rgba(255,255,255,.2),transparent 24%),linear-gradient(128deg,rgba(255,255,255,.12),transparent 28%),repeating-linear-gradient(135deg,rgba(255,255,255,.05) 0 1px,transparent 1px 18px)}
.product-card.active{box-shadow:0 42px 82px rgba(24,39,75,.30),inset 0 1px 0 rgba(255,255,255,.42)}
.card-pattern{position:absolute;inset:0;opacity:.34;pointer-events:none}
.card-pattern::before,.card-pattern::after{content:"";position:absolute;top:12%;width:48%;height:72%;border:2px solid rgba(255,255,255,.24);transform:rotate(45deg)}
.card-pattern::before{left:-8%}.card-pattern::after{right:-8%}
.product-body{position:relative;z-index:2;height:100%;padding:clamp(22px,3vw,36px);display:grid;grid-template-rows:auto 1fr auto;gap:12px}
.product-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}
.product-head>div{display:grid;text-align:right}.product-head strong{font-size:clamp(15px,1.6vw,21px)}.product-head small{font-size:10px;letter-spacing:.8px;opacity:.72}
.product-head>span{min-width:58px;height:42px;padding:0 10px;display:grid;place-items:center;border-radius:10px;border:1px solid rgba(255,255,255,.27);background:rgba(255,255,255,.13);font-size:13px;font-weight:800}
.product-main{align-self:center;max-width:82%}.product-main>small{display:inline-block;margin-bottom:7px;padding:5px 9px;border:1px solid rgba(255,255,255,.24);border-radius:99px;background:rgba(255,255,255,.1);font-size:11px}.product-main h3{margin:0;font-size:clamp(24px,3.5vw,44px);line-height:1.4;letter-spacing:-.6px}.product-main p{margin:7px 0 0;font-size:clamp(12px,1.3vw,14px);line-height:1.9;opacity:.8}
.product-foot{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:11px;opacity:.88}.product-foot a{font-weight:800}
.product-card[data-pos="0"]{--x:0%;--z:120px;--ry:0deg;--scale:1;--opacity:1;--brightness:1;--blur:0px;--layer:10}
.product-card[data-pos="-1"]{--x:-44%;--z:-58px;--ry:9deg;--scale:.86;--opacity:1;--brightness:.93;--blur:0px;--layer:7}
.product-card[data-pos="1"]{--x:44%;--z:-58px;--ry:-9deg;--scale:.86;--opacity:1;--brightness:.93;--blur:0px;--layer:7}
.product-card[data-pos="-2"]{--x:-80%;--z:-155px;--ry:16deg;--scale:.72;--opacity:.88;--brightness:.82;--blur:.15px;--layer:4}
.product-card[data-pos="2"]{--x:80%;--z:-155px;--ry:-16deg;--scale:.72;--opacity:.88;--brightness:.82;--blur:.15px;--layer:4}
.product-card[data-pos="hidden-left"]{--x:-112%;--z:-235px;--ry:24deg;--scale:.54;--opacity:0;--brightness:.62;--blur:2px;--layer:1;pointer-events:none}
.product-card[data-pos="hidden-right"]{--x:112%;--z:-235px;--ry:-24deg;--scale:.54;--opacity:0;--brightness:.62;--blur:2px;--layer:1;pointer-events:none}
.product-nav{position:absolute;bottom:18px;z-index:100;width:50px;height:50px;display:grid;place-items:center;border:1px solid #dfe6f1;border-radius:50%;background:rgba(255,255,255,.95);color:#2f5fc8;box-shadow:0 12px 30px rgba(34,50,86,.13);cursor:pointer;transition:.2s}.product-nav:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:scale(1.05)}.product-nav svg{width:22px}
.product-prev{left:calc(50% - 190px)}.product-next{right:calc(50% - 190px)}
.product-controls{position:absolute;left:50%;bottom:23px;z-index:100;transform:translateX(-50%);display:flex;align-items:center;gap:12px}
.product-controls>button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;gap:4px;border:1px solid #dfe6f1;border-radius:50%;background:#fff;cursor:pointer}.product-controls>button span{width:3px;height:13px;border-radius:0;background:#4a65a3}.product-controls>button.paused span:first-child{width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:0;border-left:11px solid #4a65a3;background:transparent}.product-controls>button.paused span:last-child{display:none}
#productDots{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #e0e6f1;border-radius:99px;background:rgba(255,255,255,.9);box-shadow:0 9px 24px rgba(39,56,94,.08)}
.product-dot{width:8px;height:8px;padding:0;border:0;border-radius:99px;background:#c7d0e2;cursor:pointer;transition:.25s}.product-dot.active{width:28px;background:var(--primary)}
.active-product{text-align:center;margin:-7px 0 0;color:#71809a;font-size:13px}.active-product strong{color:#2857c1}

.process-section{padding-top:70px}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.process-grid article{position:relative;min-height:260px;padding:26px;border:1px solid #e5eaf3;border-radius:22px;background:#fff;transition:.25s}.process-grid article:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(44,63,104,.09)}
.process-grid article>span{position:absolute;left:22px;top:20px;color:#9aa5b8;font-size:11px;font-weight:800}.process-icon{width:50px;height:50px;margin-bottom:23px;display:grid;place-items:center;border-radius:15px;background:#edf3ff;color:#3e69d1}.process-icon svg{width:24px}.process-grid h3{margin:0 0 10px;font-size:18px}.process-grid p{margin:0;color:var(--muted);font-size:13px;line-height:2}

.why-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;align-items:start;padding-top:75px}
.why-copy>p{margin-top:14px}.why-copy blockquote{margin:28px 0 0;padding:21px 22px;border-right:3px solid var(--primary);border-radius:12px;background:#f2f6ff;color:#405170;font-size:15px}
.why-list{display:grid;gap:12px}.why-list article{display:flex;gap:18px;padding:20px 21px;border:1px solid #e5eaf3;border-radius:18px;background:#fff;transition:.2s}.why-list article:hover{transform:translateX(-4px);border-color:#cbd6ef;box-shadow:0 12px 30px rgba(45,64,104,.07)}.why-list article>span{color:var(--primary);font-size:12px;font-weight:800}.why-list h3{margin:0 0 5px;font-size:17px}.why-list p{margin:0;color:var(--muted);font-size:13px}

.blog-section{padding-top:70px}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.blog-grid article{padding:15px 15px 23px;border:1px solid #e5eaf3;border-radius:23px;background:#fff;transition:.25s}.blog-grid article:hover{transform:translateY(-5px);box-shadow:0 20px 50px rgba(43,62,103,.09)}
.blog-art{height:180px;margin-bottom:19px;display:grid;place-items:center;border-radius:17px;overflow:hidden;position:relative}.blog-art::before,.blog-art::after{content:"";position:absolute;border-radius:50%}.blog-art::before{width:160px;height:160px;right:-40px;top:-65px;background:rgba(255,255,255,.18)}.blog-art::after{width:110px;height:110px;left:-25px;bottom:-50px;background:rgba(255,255,255,.13)}.blog-art span{position:relative;z-index:2;font-size:44px;font-weight:800;color:#fff;letter-spacing:3px}.art-one{background:linear-gradient(135deg,#396ddc,#849ff0)}.art-two{background:linear-gradient(135deg,#6f4bc2,#b483e7)}.art-three{background:linear-gradient(135deg,#147b7b,#56b9ae)}
.blog-grid article>small{color:#8290a8;font-size:11px}.blog-grid h3{margin:8px 0 9px;font-size:18px;line-height:1.7}.blog-grid p{margin:0;color:var(--muted);font-size:13px;line-height:2}.blog-grid a{display:inline-block;margin-top:14px;color:#315fca;font-size:13px;font-weight:700}

.contact-cta{width:min(1180px,92vw);margin:20px auto 95px;padding:45px 52px;display:flex;align-items:center;justify-content:space-between;gap:40px;border-radius:28px;color:#fff;background:linear-gradient(135deg,#234fbd,#536fe0 57%,#7b6ddf);box-shadow:0 28px 70px rgba(48,79,169,.25);position:relative;overflow:hidden}.contact-cta::before{content:"";position:absolute;width:330px;height:330px;left:-110px;top:-160px;border:1px solid rgba(255,255,255,.16);border-radius:50%}.contact-cta>div{position:relative}.contact-cta span{font-size:13px;color:rgba(255,255,255,.72)}.contact-cta h2{margin:4px 0 5px;font-size:clamp(27px,3vw,42px)}.contact-cta p{margin:0;color:rgba(255,255,255,.74)}.contact-cta>div:last-child{display:grid;gap:8px;text-align:center}.contact-cta a{padding:13px 24px;border-radius:14px;background:#fff;color:#2856c3;font-weight:800}.contact-cta small{font-size:10px;color:rgba(255,255,255,.68)}

.site-footer{color:#d7deed;background:linear-gradient(155deg,#0e172b,#15213b 58%,#10182b);position:relative;overflow:hidden}.site-footer::before{content:"";position:absolute;width:480px;height:480px;left:-210px;bottom:-300px;border:1px solid rgba(255,255,255,.05);border-radius:50%}.footer-topline{position:relative;width:min(1180px,92vw);margin:auto;padding:34px 0;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid rgba(255,255,255,.09)}.footer-topline>div{display:grid}.footer-topline span{font-size:12px;color:#8491ad}.footer-topline strong{font-size:21px;color:#fff}.footer-topline>a{padding:11px 18px;border-radius:12px;color:#fff;background:linear-gradient(135deg,#4773ec,#6d77e9);font-size:13px;font-weight:700}
.footer-main{position:relative;width:min(1180px,92vw);margin:auto;padding:55px 0 45px;display:grid;grid-template-columns:1.6fr .7fr .8fr .9fr;gap:55px}.footer-brand .brand-copy strong{color:#fff}.footer-brand .brand-copy small{color:#8f9bb3}.footer-brand p{max-width:410px;margin:20px 0;color:#8d99b1;font-size:13px;line-height:2}.socials{display:flex;gap:8px}.socials a{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:11px;color:#cad3e5;font-size:11px}.socials a:hover{background:#3f69d8;border-color:#3f69d8;color:#fff}
.footer-column,.footer-contact{display:grid;align-content:start;gap:11px}
.footer-contact .footer-office-phone,.footer-contact .footer-mobile{direction:ltr;unicode-bidi:isolate;text-align:right;justify-self:stretch;font-variant-numeric:tabular-nums;letter-spacing:.1px}
.footer-contact .footer-office-phone{font-weight:700;color:#b9c6dc}
.footer-contact .footer-mobile{margin-top:-3px}.footer-column>strong,.footer-contact>strong{margin-bottom:8px;color:#fff;font-size:15px}.footer-column a,.footer-contact a,.footer-contact span{color:#8e9ab2;font-size:13px;transition:.2s}.footer-column a:hover,.footer-contact>a:not(.footer-button):hover{color:#fff}.footer-contact .footer-button{width:max-content;margin-top:7px;padding:9px 15px;border-radius:11px;color:#fff;background:rgba(74,111,219,.24);border:1px solid rgba(112,145,237,.3)}
.footer-bottom{position:relative;width:min(1180px,92vw);margin:auto;padding:18px 0;display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.08);color:#707d97;font-size:11px}


@media(max-width:1150px){
  .main-nav{gap:17px}.main-nav a{font-size:13px}.brand-copy small{display:none}
  .service-grid{grid-template-columns:repeat(2,1fr)}
  .product-card{width:clamp(300px,51vw,550px)}
}
@media(max-width:920px){
  :root{--header-height:72px}
  .main-nav,.language-button{display:none}.menu-button{display:block}.header-shell{gap:12px}.header-tools{margin-right:auto}
  .hero-slider{min-height:690px}.hero-slide{grid-template-columns:1fr;padding:45px 58px 65px}.hero-copy{text-align:center}.hero-copy p{margin:auto}.hero-actions,.hero-metrics{justify-content:center}.hero-visual{height:270px}.hero-visual::before{width:280px;height:280px}.hero-visual img{height:280px}.hero-arrow{top:60%}
  .trust-strip{grid-template-columns:repeat(2,1fr);gap:18px}.trust-strip>div{border:0;padding:0}
  .about-section,.why-section{grid-template-columns:1fr;gap:45px}.about-visual{order:2}.section-heading{grid-template-columns:1fr;gap:15px}
  .process-grid{grid-template-columns:repeat(2,1fr)}
  .footer-main{grid-template-columns:1.3fr 1fr 1fr}.footer-contact{grid-column:2/4}
  .product-card[data-pos="-1"]{--x:-49%;--scale:.79}.product-card[data-pos="1"]{--x:49%;--scale:.79}.product-card[data-pos="-2"]{--x:-86%;--scale:.64;--opacity:.62}.product-card[data-pos="2"]{--x:86%;--scale:.64;--opacity:.62}
}
@media(max-width:680px){
  body{font-size:15px}.header-shell{width:92vw}.brand-logo{width:43px;height:43px}.brand-copy strong{font-size:15px}.demo-button{display:none}
  .hero{padding-top:18px}.hero-slider{width:94vw;min-height:690px;border-radius:23px}.hero-slide{padding:38px 24px 65px}.hero-copy h1,.hero-copy h2{font-size:31px}.hero-copy p{font-size:14px}.hero-metrics{gap:12px}.hero-metrics span{min-width:80px}.hero-visual{height:255px}.hero-arrow{width:41px;height:41px;top:auto;bottom:18px;transform:none}.hero-prev{left:18px}.hero-next{right:18px}.hero-dots{bottom:32px}
  .trust-strip{margin-top:-14px;padding:20px;grid-template-columns:1fr 1fr}.trust-strip strong{font-size:13px}.trust-strip small{display:none}
  .section{padding:80px 0}.about-section{gap:28px}.about-visual{min-height:350px}.about-card{padding:28px}.about-card>strong{font-size:21px}.about-stat{min-width:125px;padding:12px}.stat-one{right:-2px}.stat-two{left:-2px}
  .service-grid,.process-grid,.blog-grid{grid-template-columns:1fr}.service-card{min-height:270px}
  .products-section{width:100%;padding-left:0;padding-right:0}.products-section .section-heading{width:91vw}.product-stage{height:430px}.product-card{width:84vw;border-radius:22px}.product-main p{display:none}.product-card[data-pos="-1"]{--x:-72%;--scale:.60}.product-card[data-pos="1"]{--x:72%;--scale:.60}.product-card[data-pos="-2"],.product-card[data-pos="2"]{--opacity:0}.product-prev{left:calc(50% - 150px)}.product-next{right:calc(50% - 150px)}
  .contact-cta{margin-bottom:70px;padding:34px 25px;display:grid;text-align:center}.contact-cta>div:last-child{justify-items:center}
  .footer-topline{display:grid;text-align:center;justify-items:center}.footer-main{grid-template-columns:1fr 1fr;gap:35px}.footer-brand{grid-column:1/3}.footer-contact{grid-column:auto}.footer-bottom{display:grid;text-align:center;justify-content:center}
}
@media(max-width:430px){
  .header-icon{display:none}.trust-strip{grid-template-columns:1fr 1fr;width:92vw}.footer-main{grid-template-columns:1fr}.footer-brand,.footer-contact{grid-column:auto}.footer-topline strong{font-size:18px}.product-prev{left:16px}.product-next{right:16px}.product-controls{bottom:20px}.product-controls>button{display:none}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}


/* ===== Hero V7.3: refined layout, no floating numbers ===== */
.hero{padding:30px 0 58px;background:#fff}
.hero-slider{width:min(1240px,94vw);min-height:620px;border-radius:32px;border:1px solid #e7ecf5;background:linear-gradient(135deg,#fbfcff 0%,#f5f8ff 52%,#eef3ff 100%);box-shadow:0 26px 72px rgba(42,61,103,.11);overflow:hidden;isolation:isolate}
.hero-slider::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 17% 25%,rgba(65,111,232,.08),transparent 29%),linear-gradient(rgba(69,101,174,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(69,101,174,.03) 1px,transparent 1px);background-size:auto,52px 52px,52px 52px;mask-image:none}
.hero-glow{position:absolute;z-index:-1;border-radius:50%;pointer-events:none;filter:blur(2px)}
.hero-glow-one{width:430px;height:430px;left:-190px;top:-220px;background:radial-gradient(circle,rgba(66,111,235,.18),transparent 70%)}
.hero-glow-two{width:390px;height:390px;right:-180px;bottom:-220px;background:radial-gradient(circle,rgba(122,93,217,.12),transparent 70%)}
.hero-slide{inset:0 0 76px;grid-template-columns:minmax(0,1fr) minmax(0,.94fr);gap:58px;padding:54px 66px 38px;align-items:center;overflow:hidden}
.hero-copy{min-width:0}
.hero-copy h1,.hero-copy h2{max-width:600px;margin-bottom:17px;font-size:clamp(37px,4vw,57px);line-height:1.48;letter-spacing:-1.35px}
.hero-copy h2{font-size:clamp(35px,3.7vw,52px)}
.hero-copy>p{max-width:570px;font-size:15px;line-height:2.05}
.hero-kicker{margin-bottom:16px;padding:8px 12px;font-size:11px}
.hero-actions{margin-top:25px}
.hero-points{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:25px;padding-top:20px;border-top:1px solid rgba(200,210,228,.72)}
.hero-points span{display:inline-flex;align-items:center;gap:7px;color:#5e6b83;font-size:12px;font-weight:600}
.hero-points svg{width:17px;height:17px;padding:3px;border-radius:50%;color:#2d69df;background:#eaf1ff;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.hero-showcase{position:relative;min-width:0;min-height:420px;display:grid;place-items:center;direction:rtl;perspective:1400px}
.showcase-window{position:relative;width:min(555px,100%);overflow:hidden;border:1px solid rgba(208,219,238,.96);border-radius:26px;background:rgba(255,255,255,.95);box-shadow:0 30px 68px rgba(42,61,104,.17);transform:rotateY(-2.5deg);backdrop-filter:blur(15px)}
.showcase-bar{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #e8edf5;background:rgba(250,252,255,.94)}
.window-brand{display:flex;align-items:center;gap:11px}.window-brand>span{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(135deg,#3169ed,#7659db);font-weight:800}.window-brand>div{display:grid;text-align:right}.window-brand strong{font-size:13px;color:#263654}.window-brand small{font-size:8px;color:#8d98aa}
.window-status{display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;color:#28745b;background:#edf9f4;font-size:9px}.window-status i{width:6px;height:6px;border-radius:50%;background:#34a477;box-shadow:0 0 0 4px rgba(52,164,119,.10)}
.platform-body{min-height:315px;display:grid;grid-template-columns:48px 1fr;direction:ltr;background:#f7f9fd}.platform-sidebar{display:flex;flex-direction:column;align-items:center;gap:18px;padding:22px 0;background:#2f61d1}.platform-sidebar span{width:18px;height:4px;border-radius:99px;background:rgba(255,255,255,.33)}.platform-sidebar span.active{height:18px;border:4px solid rgba(255,255,255,.25);background:#fff}
.platform-content{padding:22px;direction:rtl}.content-heading{display:flex;align-items:center;justify-content:space-between}.content-heading>div{display:grid;text-align:right}.content-heading small{color:#8d98aa;font-size:9px}.content-heading strong{margin-top:4px;color:#263754;font-size:15px}.profile-dot{width:31px;height:31px;border:4px solid #fff;border-radius:50%;background:linear-gradient(135deg,#d4e1fa,#7898df);box-shadow:0 5px 12px rgba(44,65,108,.11)}
.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.module-grid>div{min-height:126px;padding:14px;border:1px solid #e5eaf3;border-radius:16px;background:#fff;text-align:right}.module-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:#3268df;background:#eef3ff}.module-icon svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.module-grid strong{display:block;margin-top:13px;color:#2b3c5a;font-size:10px}.module-grid small{display:block;margin-top:5px;color:#929caf;font-size:8px;line-height:1.7}.activity-row{display:flex;align-items:center;gap:8px;margin-top:16px;padding:13px 15px;border:1px solid #e7ebf3;border-radius:14px;background:#fff}.activity-row span{height:7px;border-radius:99px;background:#e2e8f2}.activity-row span:nth-child(1){width:25%}.activity-row span:nth-child(2){width:18%;background:#cbd8f6}.activity-row span:nth-child(3){width:32%}.activity-row span:nth-child(4){width:12%;background:#dce4f4}
.showcase-chip{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #dce4f0;border-radius:15px;background:rgba(255,255,255,.96);box-shadow:0 16px 34px rgba(45,63,102,.13)}.showcase-chip>svg{width:34px;height:34px;padding:7px;border-radius:10px;color:#3169df;background:#edf3ff;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.showcase-chip>span{display:grid;text-align:right}.showcase-chip strong{color:#293a58;font-size:11px}.showcase-chip small{color:#8b96aa;font-size:8px}.chip-secure{left:-8px;bottom:40px}.chip-custom{right:-5px;bottom:44px}
.browser-style{height:45px;justify-content:flex-start;gap:6px;direction:ltr}.browser-style>span{width:7px;height:7px;border-radius:50%;background:#d4dbe7}.browser-style>span:first-child{background:#eea7a2}.browser-style>span:nth-child(2){background:#efd18a}.browser-style>span:nth-child(3){background:#8bd1ad}.browser-style small{margin:auto;padding:6px 48px;border-radius:8px;background:#f0f3f8;color:#929daf;font-size:8px}
.dashboard-clean{min-height:336px;display:grid;grid-template-columns:49px 1fr;direction:ltr;background:#f7f9fd}.dashboard-clean aside{display:flex;flex-direction:column;align-items:center;gap:17px;padding:16px 0;background:#2f61d1}.dashboard-clean aside b{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;color:#2f61d1;background:#fff}.dashboard-clean aside i{width:17px;height:4px;border-radius:99px;background:rgba(255,255,255,.32)}.dashboard-clean aside i.active{height:17px;border:4px solid rgba(255,255,255,.25);background:#fff}.dashboard-clean-main{padding:20px;direction:rtl}.clean-heading{display:flex;align-items:center;justify-content:space-between}.clean-heading>div{display:grid;text-align:right}.clean-heading small{color:#8c97aa;font-size:9px}.clean-heading strong{margin-top:4px;color:#263754;font-size:14px}.clean-heading>span{width:31px;height:31px;border:4px solid #fff;border-radius:50%;background:linear-gradient(135deg,#d4e1fa,#7898df)}
.clean-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:18px}.clean-cards>div{padding:13px;border:1px solid #e5eaf3;border-radius:14px;background:#fff}.clean-cards i{display:block;width:30px;height:7px;border-radius:99px;background:#c8d7f8}.clean-cards strong{display:block;margin-top:12px;color:#2c3d5b;font-size:9px}.clean-cards small{display:block;margin-top:4px;color:#919bad;font-size:7px}.clean-chart{margin-top:10px;padding:14px;border:1px solid #e5eaf3;border-radius:15px;background:#fff}.clean-chart>span{display:block;color:#66738b;font-size:9px}.chart-lines{height:85px;display:flex;align-items:end;gap:9px;margin-top:11px;padding-top:8px;border-bottom:1px solid #e5eaf3}.chart-lines i{flex:1;height:var(--height,50%);border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#5b82eb,#8ea9f0)}.chart-lines i:nth-child(1){--height:34%}.chart-lines i:nth-child(2){--height:48%}.chart-lines i:nth-child(3){--height:42%}.chart-lines i:nth-child(4){--height:66%}.chart-lines i:nth-child(5){--height:59%}.chart-lines i:nth-child(6){--height:78%}
.process-clean-card{width:min(530px,100%);padding:24px;border:1px solid #dce4f1;border-radius:27px;background:rgba(255,255,255,.96);box-shadow:0 30px 68px rgba(42,61,104,.16);transform:rotateY(-2deg)}.process-clean-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid #e7ecf4}.process-clean-head>div{display:grid;text-align:right}.process-clean-head small{color:#8a96a9;font-size:9px}.process-clean-head strong{margin-top:4px;color:#273955;font-size:16px}.process-clean-head>span{display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;color:#2b7359;background:#edf9f4;font-size:9px}.process-clean-head>span i{width:6px;height:6px;border-radius:50%;background:#36a77a}
.process-clean-list{display:grid;gap:10px;margin-top:17px}.process-clean-list>div{display:flex;align-items:center;gap:12px;padding:11px 13px;border:1px solid #e7ebf3;border-radius:14px;background:#fafbfe}.process-clean-list>div>i{position:relative;width:28px;height:28px;flex:0 0 28px;border:2px solid #d6deec;border-radius:50%;background:#fff}.process-clean-list>div.complete>i{display:grid;place-items:center;border-color:#4c7be7;color:#fff;background:#4c7be7}.process-clean-list>div.complete svg{width:15px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.process-clean-list>div.current{border-color:#cddafa;background:#f4f7ff}.process-clean-list>div.current>i{border-color:#4c7be7;box-shadow:0 0 0 5px rgba(76,123,231,.10)}.process-clean-list>div.current>i::after{content:"";position:absolute;inset:6px;border-radius:50%;background:#4c7be7}.process-clean-list span{display:grid;text-align:right}.process-clean-list strong{color:#2d3e5c;font-size:11px}.process-clean-list small{margin-top:3px;color:#909bad;font-size:8px}
.process-clean-note{display:flex;align-items:center;gap:11px;margin-top:14px;padding:12px 14px;border-radius:14px;color:#3164cf;background:#edf3ff}.process-clean-note>svg{width:25px;fill:none;stroke:currentColor;stroke-width:1.7}.process-clean-note>span{display:grid;text-align:right}.process-clean-note strong{font-size:10px}.process-clean-note small{margin-top:2px;color:#7081a5;font-size:8px}
.hero-controls{left:50%;right:auto;bottom:20px;transform:translateX(-50%);width:auto;display:flex;align-items:center;justify-content:center;gap:12px;padding:0;border:0}.hero-nav{display:contents}.hero-arrow{width:38px;height:38px;border-radius:12px}.hero-dots{order:2;padding:8px 11px;border:1px solid #dce4f0;border-radius:999px;background:rgba(255,255,255,.84);box-shadow:0 8px 20px rgba(43,61,101,.06)}.hero-prev{order:1}.hero-next{order:3}.hero-counter{display:none!important}
.trust-strip{margin-top:-18px}.trust-strip>div{align-items:center}.trust-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:#3568d9;background:#edf3ff}.trust-icon svg{width:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.trust-strip>div>span:not(.trust-icon){display:none}
@media(max-width:1050px){.hero-slider{min-height:810px}.hero-slide{inset:0 0 74px;grid-template-columns:1fr;gap:12px;padding:42px 58px 26px}.hero-copy{text-align:center}.hero-copy h1,.hero-copy h2,.hero-copy>p{margin-left:auto;margin-right:auto}.hero-actions,.hero-points{justify-content:center}.hero-showcase{min-height:350px}.showcase-window,.process-clean-card{max-width:530px;transform:none}.showcase-chip{display:none}}
@media(max-width:680px){.hero{padding-top:18px}.hero-slider{width:94vw;min-height:790px;border-radius:24px}.hero-slide{padding:31px 20px 24px;gap:6px}.hero-copy h1,.hero-copy h2{font-size:29px;line-height:1.57;letter-spacing:-.6px}.hero-copy>p{font-size:13px;line-height:2}.hero-kicker{font-size:9px}.hero-actions{margin-top:20px}.hero-actions a{min-width:128px;min-height:44px;padding:10px 15px;font-size:12px}.hero-points{gap:8px 12px;margin-top:18px;padding-top:15px}.hero-points span{font-size:10px}.hero-showcase{min-height:315px}.showcase-window,.process-clean-card{width:100%;border-radius:20px}.showcase-bar{height:54px;padding:0 13px}.platform-body{min-height:250px;grid-template-columns:38px 1fr}.platform-content{padding:13px}.module-grid{gap:6px;margin-top:13px}.module-grid>div{min-height:99px;padding:9px}.module-icon{width:28px;height:28px}.module-grid strong{margin-top:8px;font-size:7px}.module-grid small{font-size:6px}.activity-row{margin-top:9px;padding:9px}.dashboard-clean{min-height:260px;grid-template-columns:39px 1fr}.dashboard-clean-main{padding:12px}.clean-cards{gap:6px;margin-top:12px}.clean-cards>div{padding:8px}.clean-cards strong{font-size:7px}.clean-cards small{display:none}.clean-chart{padding:10px}.chart-lines{height:59px}.process-clean-card{padding:15px}.process-clean-head strong{font-size:12px}.process-clean-head>span{display:none}.process-clean-list{gap:7px;margin-top:12px}.process-clean-list>div{padding:8px}.process-clean-note{padding:9px}.hero-controls{bottom:14px}.hero-arrow{width:35px;height:35px}.hero-dots{padding:7px 10px}.trust-strip{margin-top:-10px}.trust-icon{width:36px;height:36px}.trust-icon svg{width:18px}}


/* =========================================================
   V7.5 — Morphing uploaded logo intro
   The uploaded transparent logo starts large and settles into the header.
   ========================================================= */

.brand-morph-home{
  min-width:168px;
  min-height:50px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
}
.morph-brand-target{
  display:block;
  width:164px;
  height:48px;
  opacity:0;
  transform:translateY(3px);
  transition:opacity .18s linear,transform .22s ease;
}
.morph-brand-target.visible{
  opacity:1;
  transform:none;
}
.morph-brand-target img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
}

.brand-intro{
  position:relative;
  height:158vh;
  min-height:900px;
  background:#fbfcff;
}
.brand-intro-sticky{
  position:sticky;
  top:var(--header-height);
  height:calc(100vh - var(--header-height));
  min-height:610px;
  overflow:hidden;
  display:grid;
  place-items:center;
  isolation:isolate;
  background:
    radial-gradient(circle at 16% 24%,rgba(58,103,232,.10),transparent 31%),
    radial-gradient(circle at 84% 72%,rgba(126,91,220,.08),transparent 28%),
    linear-gradient(150deg,#fff 0%,#fafbff 52%,#f3f6fd 100%);
}
.intro-grid{
  position:absolute;
  inset:0;
  z-index:-3;
  opacity:calc(.62 - var(--brand-progress,0) * .5);
  background-image:
    linear-gradient(rgba(65,91,151,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(65,91,151,.035) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:radial-gradient(circle at center,#000 18%,transparent 76%);
}
.intro-orb{
  position:absolute;
  z-index:-2;
  border-radius:50%;
  pointer-events:none;
  opacity:calc(1 - var(--brand-progress,0) * .82);
}
.intro-orb-one{
  width:min(44vw,590px);
  aspect-ratio:1;
  left:-17vw;
  top:-28%;
  background:radial-gradient(circle,rgba(53,104,232,.14),rgba(53,104,232,.01) 68%,transparent 72%);
  transform:translate3d(calc(var(--brand-progress,0) * 88px),calc(var(--brand-progress,0) * 68px),0);
}
.intro-orb-two{
  width:min(38vw,510px);
  aspect-ratio:1;
  right:-12vw;
  bottom:-34%;
  background:radial-gradient(circle,rgba(123,91,221,.11),rgba(123,91,221,.01) 68%,transparent 72%);
  transform:translate3d(calc(var(--brand-progress,0) * -78px),calc(var(--brand-progress,0) * -55px),0);
}
.morph-wordmark{
  position:fixed;
  left:50%;
  top:50%;
  z-index:1100;
  width:min(78vw,920px);
  aspect-ratio:1243/405;
  pointer-events:none;
  transform-origin:center center;
  will-change:transform,opacity;
  filter:drop-shadow(0 18px 34px rgba(30,42,72,.10));
}
.morph-wordmark img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}
.morph-wordmark.at-target{visibility:hidden}
.brand-intro-copy{
  position:absolute;
  z-index:3;
  left:50%;
  top:calc(50% + clamp(118px,12vw,188px));
  width:min(690px,88vw);
  transform:translateX(-50%) translateY(calc(var(--brand-progress,0) * -24px));
  text-align:center;
  opacity:calc(1 - var(--brand-progress,0) * 2.3);
  pointer-events:auto;
}
.intro-kicker{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:6px 13px;
  border:1px solid rgba(56,97,201,.12);
  border-radius:999px;
  color:#3d61bd;
  background:rgba(255,255,255,.76);
  box-shadow:0 8px 24px rgba(51,72,117,.05);
  font-size:12px;
  font-weight:700;
  backdrop-filter:blur(12px);
}
.brand-intro-copy p{
  max-width:620px;
  margin:14px auto 0;
  color:#66738d;
  font-size:clamp(14px,1.4vw,17px);
  line-height:2;
}
.intro-actions{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  flex-wrap:wrap;
  margin-top:22px;
}
.scroll-cue{
  position:absolute;
  z-index:4;
  right:50%;
  bottom:24px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  transform:translateX(50%) translateY(calc(var(--brand-progress,0) * 18px));
  opacity:calc(1 - var(--brand-progress,0) * 3.2);
  color:#7a869e;
  pointer-events:none;
}
.scroll-cue span{
  position:relative;
  width:25px;
  height:39px;
  border:1px solid #cfd8e9;
  border-radius:16px;
  background:rgba(255,255,255,.64);
}
.scroll-cue span::after{
  content:"";
  position:absolute;
  top:8px;
  left:50%;
  width:4px;
  height:7px;
  border-radius:99px;
  background:#5273c7;
  transform:translateX(-50%);
  animation:introScrollDot 1.6s ease-in-out infinite;
}
.scroll-cue small{font-size:10px}
@keyframes introScrollDot{
  0%,100%{transform:translate(-50%,0);opacity:.35}
  50%{transform:translate(-50%,11px);opacity:1}
}
@media(max-width:1050px){
  .brand-intro{height:152vh;min-height:840px}
  .morph-wordmark{width:min(82vw,760px)}
  .brand-intro-copy{top:calc(50% + 130px)}
}
@media(max-width:680px){
  .brand-intro{height:146vh;min-height:760px}
  .brand-intro-sticky{min-height:540px}
  .morph-wordmark{width:88vw}
  .brand-intro-copy{top:calc(50% + 92px);width:90vw}
  .brand-intro-copy p{font-size:13px;line-height:1.9}
  .intro-actions{margin-top:17px}
  .intro-actions a{min-width:135px;padding-inline:15px;font-size:12px}
  .scroll-cue{bottom:18px}
  .brand-morph-home{min-width:116px;min-height:42px}
  .morph-brand-target{width:116px;height:38px}
}
@media(prefers-reduced-motion:reduce){
  .scroll-cue span::after{animation:none}
}


/* =========================================================
   V7.6 — Split intro: morphing logo left, company copy right
   ========================================================= */

.split-brand-intro{
  height:168vh;
  min-height:980px;
}

.split-brand-intro .brand-intro-sticky{
  place-items:stretch;
}

.intro-logo-stage{
  position:absolute;
  left:clamp(34px,6vw,100px);
  top:50%;
  width:min(42vw,620px);
  aspect-ratio:1291/453;
  transform:translateY(-56%);
  border-radius:38px;
  background:
    radial-gradient(circle at 48% 48%,rgba(255,255,255,.95),rgba(243,247,255,.5) 54%,transparent 74%);
  opacity:calc(1 - var(--brand-progress,0) * 1.5);
  pointer-events:none;
}

.split-brand-intro .morph-wordmark{
  width:min(42vw,620px);
  filter:drop-shadow(0 26px 48px rgba(29,43,76,.12));
}

.split-intro-copy{
  left:auto;
  right:clamp(34px,7vw,118px);
  top:54%;
  width:min(650px,47vw);
  transform:translateY(-50%) translateY(calc(var(--brand-progress,0) * -24px));
  text-align:right;
}

.split-intro-copy .intro-kicker{
  justify-content:flex-start;
}

.split-intro-copy h1{
  max-width:640px;
  margin:18px 0 0;
  color:#15213e;
  font-size:clamp(36px,4.4vw,68px);
  font-weight:800;
  line-height:1.28;
  letter-spacing:-1.8px;
}

.split-intro-copy p{
  max-width:610px;
  margin:18px 0 0;
  color:#69758d;
  font-size:clamp(15px,1.35vw,18px);
  line-height:2.05;
}

.intro-service-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:28px;
}

.intro-service-tile{
  position:relative;
  min-height:154px;
  aspect-ratio:1.45/1;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-end;
  padding:20px;
  overflow:hidden;
  border:1px solid rgba(218,226,241,.95);
  border-radius:22px;
  background:rgba(255,255,255,.86);
  box-shadow:
    0 18px 42px rgba(42,60,101,.08),
    inset 0 1px 0 rgba(255,255,255,.95);
  backdrop-filter:blur(14px);
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}

.intro-service-tile::before{
  content:"";
  position:absolute;
  width:110px;
  height:110px;
  left:-38px;
  top:-42px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(53,104,232,.14),transparent 70%);
}

.intro-service-tile:hover{
  transform:translateY(-4px);
  border-color:#c9d7f6;
  box-shadow:0 24px 48px rgba(42,60,101,.12);
}

.intro-service-icon{
  position:absolute;
  top:17px;
  left:17px;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid #dce5f7;
  border-radius:13px;
  color:#3568e8;
  background:#f2f6ff;
}

.intro-service-icon svg{
  width:22px;
}

.intro-service-tile strong{
  position:relative;
  z-index:1;
  color:#1d2b49;
  font-size:16px;
  font-weight:800;
}

.intro-service-tile small{
  position:relative;
  z-index:1;
  display:block;
  margin-top:7px;
  color:#7b879d;
  font-size:11px;
  line-height:1.8;
}

.split-scroll-cue{
  right:clamp(28px,4vw,72px);
  left:auto;
  bottom:28px;
  transform:translateY(calc(var(--brand-progress,0) * 18px));
  align-items:flex-start;
}

.split-scroll-cue span{
  margin-right:7px;
}

@media(max-width:1100px){
  .split-brand-intro{
    height:165vh;
    min-height:930px;
  }

  .split-brand-intro .morph-wordmark{
    width:min(40vw,500px);
  }

  .intro-logo-stage{
    width:min(40vw,500px);
  }

  .split-intro-copy{
    right:38px;
    width:51vw;
  }

  .split-intro-copy h1{
    font-size:clamp(33px,4vw,52px);
  }

  .intro-service-tile{
    min-height:138px;
    padding:17px;
  }
}

@media(max-width:820px){
  .split-brand-intro{
    height:178vh;
    min-height:1040px;
  }

  .split-brand-intro .brand-intro-sticky{
    min-height:690px;
  }

  .intro-logo-stage{
    left:50%;
    top:29%;
    width:min(78vw,560px);
    transform:translate(-50%,-50%);
  }

  .split-brand-intro .morph-wordmark{
    width:min(78vw,560px);
  }

  .split-intro-copy{
    right:50%;
    top:69%;
    width:min(650px,90vw);
    transform:translate(50%,-50%) translateY(calc(var(--brand-progress,0) * -18px));
    text-align:center;
  }

  .split-intro-copy .intro-kicker{
    justify-content:center;
  }

  .split-intro-copy h1,
  .split-intro-copy p{
    margin-left:auto;
    margin-right:auto;
  }

  .split-intro-copy h1{
    font-size:clamp(31px,7vw,47px);
  }

  .intro-service-grid{
    gap:10px;
    margin-top:22px;
  }

  .intro-service-tile{
    min-height:126px;
    padding:15px;
    text-align:right;
  }

  .split-scroll-cue{
    right:20px;
    bottom:18px;
  }
}

@media(max-width:520px){
  .split-brand-intro{
    height:184vh;
    min-height:1050px;
  }

  .intro-logo-stage{
    top:24%;
    width:88vw;
  }

  .split-brand-intro .morph-wordmark{
    width:88vw;
  }

  .split-intro-copy{
    top:66%;
    width:92vw;
  }

  .split-intro-copy h1{
    font-size:29px;
    line-height:1.48;
    letter-spacing:-.7px;
  }

  .split-intro-copy p{
    font-size:13px;
    line-height:1.9;
  }

  .intro-service-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .intro-service-tile{
    min-height:118px;
    aspect-ratio:auto;
    padding:13px;
    border-radius:17px;
  }

  .intro-service-icon{
    top:12px;
    left:12px;
    width:34px;
    height:34px;
    border-radius:11px;
  }

  .intro-service-icon svg{
    width:18px;
  }

  .intro-service-tile strong{
    font-size:13px;
  }

  .intro-service-tile small{
    font-size:8px;
    line-height:1.65;
  }

  .split-scroll-cue small{
    display:none;
  }
}


/* =========================================================
   V7.7 — Compact image service cards in one left-side row
   ========================================================= */
.intro-service-grid{display:none!important}

.intro-service-strip{
  position:absolute;
  z-index:5;
  left:clamp(34px,6vw,100px);
  bottom:56px;
  width:min(48vw,670px);
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  opacity:calc(1 - var(--brand-progress,0) * 2.3);
  transform:translateY(calc(var(--brand-progress,0) * -16px));
  transition:opacity .12s linear;
}

.intro-image-service-card{
  position:relative;
  aspect-ratio:1/1;
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(214,223,240,.98);
  border-radius:20px;
  background:#fff;
  box-shadow:0 16px 34px rgba(42,60,101,.10);
  isolation:isolate;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}

.intro-image-service-card:hover{
  transform:translateY(-5px);
  border-color:#c6d5f4;
  box-shadow:0 23px 44px rgba(42,60,101,.15);
}

.intro-image-service-card img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .35s ease;
}

.intro-image-service-card:hover img{transform:scale(1.045)}

.intro-image-service-card::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:45%;
  z-index:1;
  background:linear-gradient(to top,rgba(15,27,55,.78),rgba(15,27,55,0));
  pointer-events:none;
}

.intro-image-service-card strong{
  position:absolute;
  z-index:2;
  right:10px;
  left:10px;
  bottom:10px;
  color:#fff;
  font-size:clamp(11px,1vw,14px);
  font-weight:800;
  line-height:1.5;
  text-shadow:0 2px 7px rgba(0,0,0,.22);
}

@media(max-width:1100px){
  .intro-service-strip{
    left:38px;
    width:min(45vw,510px);
    gap:9px;
    bottom:62px;
  }
  .intro-image-service-card{border-radius:16px}
  .intro-image-service-card strong{right:9px;left:9px;bottom:8px;font-size:11px}
}

@media(max-width:820px){
  .intro-service-strip{
    left:50%;
    bottom:52px;
    width:min(90vw,650px);
    transform:translateX(-50%) translateY(calc(var(--brand-progress,0) * -14px));
    gap:9px;
  }
}

@media(max-width:520px){
  .intro-service-strip{
    bottom:48px;
    width:94vw;
    gap:7px;
  }
  .intro-image-service-card{border-radius:13px}
  .intro-image-service-card strong{
    right:6px;
    left:6px;
    bottom:6px;
    font-size:8px;
    line-height:1.35;
  }
}


/* =========================================================
   V7.8 — Intro copy/cards move upward without fading
   ========================================================= */
.split-intro-copy{
  opacity:1!important;
  transform:translateY(-50%) translateY(calc(var(--brand-progress,0) * -150px))!important;
  will-change:transform;
}

.intro-service-strip{
  opacity:1!important;
  transform:translateY(calc(var(--brand-progress,0) * -150px))!important;
  transition:none!important;
  will-change:transform;
}


@media(max-width:820px){
  .split-intro-copy{
    transform:translate(50%,-50%) translateY(calc(var(--brand-progress,0) * -115px))!important;
  }
  .intro-service-strip{
    transform:translateX(-50%) translateY(calc(var(--brand-progress,0) * -115px))!important;
  }
}

@media(max-width:520px){
  .split-intro-copy{
    transform:translate(50%,-50%) translateY(calc(var(--brand-progress,0) * -90px))!important;
  }
  .intro-service-strip{
    transform:translateX(-50%) translateY(calc(var(--brand-progress,0) * -90px))!important;
  }
}


/* =========================================================
   V7.9 — Dark network hero inspired by the supplied layout
   This is live HTML/CSS/Canvas, not a generated background image.
   ========================================================= */
body{background:#020713}

.site-header.hero-dark{
  color:#fff;
  background:linear-gradient(180deg,rgba(2,7,19,.96),rgba(2,7,19,.76));
  border-bottom-color:rgba(89,139,255,.12);
  box-shadow:none;
}
.site-header.hero-dark::before{
  opacity:.8;
  background:linear-gradient(90deg,transparent,#4285ff,#6c5ce7,transparent);
}
.site-header.hero-dark .main-nav a{color:rgba(241,246,255,.78)}
.site-header.hero-dark .main-nav a:hover,
.site-header.hero-dark .main-nav a.active{color:#fff}
.site-header.hero-dark .main-nav a::after{background:#4f8cff}
.site-header.hero-dark .header-icon,
.site-header.hero-dark .language-button,
.site-header.hero-dark .menu-button{
  color:#f4f7ff;
  border-color:rgba(125,161,236,.22);
  background:rgba(255,255,255,.055);
}
.site-header.hero-dark .header-icon:hover,
.site-header.hero-dark .language-button:hover{
  color:#fff;
  border-color:rgba(105,156,255,.55);
  background:rgba(67,125,247,.18);
}
.site-header.hero-dark .menu-button span{background:#fff}
.site-header.hero-dark .demo-button{
  background:linear-gradient(135deg,#2f74f5,#574edb);
  box-shadow:0 12px 30px rgba(47,116,245,.24);
}

.network-brand-intro{
  position:relative;
  height:174vh;
  min-height:980px;
  color:#fff;
  background:#020713;
}
.network-intro-sticky{
  position:sticky;
  top:var(--header-height);
  height:calc(100vh - var(--header-height));
  min-height:620px;
  overflow:hidden;
  display:block;
  background:
    radial-gradient(circle at 12% 26%,rgba(38,105,232,.24),transparent 31%),
    radial-gradient(circle at 78% 68%,rgba(61,65,178,.18),transparent 34%),
    linear-gradient(135deg,#020713 0%,#031025 52%,#020612 100%);
  isolation:isolate;
}
.network-intro-sticky::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  z-index:3;
  height:110px;
  pointer-events:none;
  background:linear-gradient(to bottom,transparent,rgba(2,7,19,.72));
}
.network-canvas{
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  opacity:.72;
  pointer-events:none;
}
.network-overlay{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(2,7,19,.12),transparent 36%,rgba(2,7,19,.18)),
    radial-gradient(circle at center,transparent 10%,rgba(2,7,19,.28) 100%);
}
.network-glow{
  position:absolute;
  z-index:1;
  border-radius:50%;
  filter:blur(4px);
  pointer-events:none;
}
.glow-one{
  width:460px;height:460px;left:-230px;top:10%;
  background:radial-gradient(circle,rgba(44,117,255,.20),transparent 68%);
}
.glow-two{
  width:420px;height:420px;right:-210px;bottom:-170px;
  background:radial-gradient(circle,rgba(89,73,219,.16),transparent 68%);
}
.network-hero-shell{
  position:relative;
  z-index:2;
  width:min(1480px,96vw);
  height:100%;
  margin:auto;
}
.intro-logo-anchor{
  position:absolute;
  left:1.5%;
  top:7.5%;
  width:min(58vw,820px);
  aspect-ratio:1243/405;
  pointer-events:none;
}
.network-morph-wordmark{
  width:min(58vw,820px);
  aspect-ratio:1243/405;
  filter:invert(1) brightness(1.24) drop-shadow(0 24px 46px rgba(0,0,0,.34));
}
.network-morph-wordmark img{object-fit:contain}

.network-intro-copy{
  position:absolute;
  top:40%;
  right:4%;
  left:auto;
  width:min(43vw,650px);
  transform:translateY(-50%) translateY(calc(var(--brand-progress,0) * -150px))!important;
  opacity:1!important;
  text-align:right;
  color:#fff;
  pointer-events:auto;
  will-change:transform;
}
.network-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-bottom:16px;
  color:#7eb0ff;
  font-size:13px;
  font-weight:700;
  letter-spacing:.2px;
}
.network-kicker::before{
  content:"";
  width:34px;
  height:2px;
  border-radius:99px;
  background:linear-gradient(90deg,#4788ff,transparent);
}
.network-intro-copy h1{
  max-width:640px;
  margin:0;
  color:#fff;
  font-size:clamp(34px,3.9vw,62px);
  line-height:1.48;
  letter-spacing:-1.2px;
  font-weight:800;
  text-shadow:0 10px 34px rgba(0,0,0,.34);
}
.network-intro-copy p{
  max-width:620px;
  margin:18px 0 0;
  color:rgba(226,235,252,.76);
  font-size:clamp(14px,1.25vw,18px);
  line-height:2.05;
}
.network-service-row{
  position:absolute;
  z-index:4;
  left:2%;
  bottom:5.5%;
  width:min(58vw,850px);
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:13px;
  transform:translateY(calc(var(--brand-progress,0) * -150px));
  opacity:1;
  will-change:transform;
}
.network-service-card{
  position:relative;
  aspect-ratio:1/1;
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(112,158,255,.26);
  border-radius:0;
  background:rgba(8,20,48,.72);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 18px 38px rgba(0,0,0,.24);
  backdrop-filter:blur(10px);
  transition:transform .24s ease,border-color .24s ease,background .24s ease,box-shadow .24s ease;
}
.network-service-card:hover{
  transform:translateY(-4px);
  border-color:rgba(120,182,255,.76);
  background:rgba(14,36,84,.90);
}
.network-service-card img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.94;
  filter:saturate(1.05) contrast(1.08) brightness(.92);
  transition:transform .35s ease,opacity .25s ease;
}
.network-service-card:hover img{transform:scale(1.03);opacity:1}
.network-service-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to top,rgba(3,9,22,.96) 0%,rgba(4,14,35,.62) 33%,rgba(4,14,35,.10) 68%,transparent 86%);
  pointer-events:none;
}
.network-service-card span{
  position:absolute;
  z-index:2;
  right:10px;
  left:10px;
  bottom:10px;
  display:grid;
  gap:1px;
  color:#fff;
  text-align:right;
}
.network-service-card strong{font-size:clamp(10px,.92vw,13px);font-weight:800;line-height:1.5}
.network-service-card small{overflow:hidden;color:rgba(215,228,251,.62);font-size:8px;line-height:1.5;white-space:nowrap;text-overflow:ellipsis}

.network-scroll-cue{
  position:absolute;
  z-index:5;
  right:2.2%;
  bottom:4.5%;
  left:auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:9px;
  transform:translateY(calc(var(--brand-progress,0) * -70px));
  opacity:1;
  color:rgba(229,237,255,.74);
}
.network-scroll-cue small{font-size:10px}
.network-scroll-cue span{
  width:1px;
  height:58px;
  border:0;
  border-radius:0;
  background:linear-gradient(to bottom,#6fa2ff,rgba(111,162,255,.08));
}
.network-scroll-cue span::after{
  content:"";
  position:absolute;
  left:50%;
  top:0;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#8bb4ff;
  transform:translateX(-50%);
  animation:networkScroll 1.8s ease-in-out infinite;
}
@keyframes networkScroll{
  0%{top:0;opacity:.2}
  45%{opacity:1}
  100%{top:50px;opacity:0}
}

.network-brand-intro + .trust-strip{
  position:relative;
  z-index:8;
  margin-top:0;
  border-top:1px solid #e5ebf5;
}

@media(max-width:1100px){
  .intro-logo-anchor,.network-morph-wordmark{width:min(54vw,650px)}
  .network-intro-copy{right:3%;width:45vw}
  .network-service-row{left:2%;width:57vw;gap:9px}
  .network-service-card small{display:none}
}
@media(max-width:820px){
  .network-brand-intro{height:166vh;min-height:900px}
  .network-intro-sticky{min-height:650px}
  .intro-logo-anchor{
    left:50%;top:5%;width:min(88vw,650px);transform:translateX(-50%);
  }
  .network-morph-wordmark{width:min(88vw,650px)}
  .network-intro-copy{
    top:43%;right:50%;width:min(90vw,680px);
    transform:translate(50%,-50%) translateY(calc(var(--brand-progress,0) * -110px))!important;
    text-align:center;
  }
  .network-kicker{justify-content:center}
  .network-intro-copy h1{font-size:clamp(29px,7vw,45px)}
  .network-intro-copy p{margin-left:auto;margin-right:auto;font-size:13px}
  .network-service-row{
    left:50%;bottom:4.5%;width:min(92vw,690px);
    transform:translateX(-50%) translateY(calc(var(--brand-progress,0) * -110px));
    gap:8px;
  }
  .network-service-card span{right:7px;left:7px;bottom:7px;text-align:center}
  .network-service-card strong{font-size:10px}
  .network-scroll-cue{right:14px}
}
@media(max-width:520px){
  .network-brand-intro{height:158vh;min-height:820px}
  .network-intro-sticky{min-height:610px}
  .intro-logo-anchor{top:7%;width:92vw}
  .network-morph-wordmark{width:92vw}
  .network-intro-copy{top:43%;width:92vw}
  .network-intro-copy h1{font-size:27px;line-height:1.55}
  .network-intro-copy p{font-size:12px;line-height:1.9}
  .network-service-row{grid-template-columns:repeat(2,1fr);width:min(86vw,420px);bottom:3%;gap:8px}
  .network-service-card{aspect-ratio:1.55/1}
  .network-scroll-cue{display:none}
}


/* V7.10 — aligned brand hero */
@media (min-width:821px){
  .network-hero-shell{
    width:min(1500px,97vw);
  }
  .intro-logo-anchor{
    left:2.6%;
    top:14.5%;
    width:min(42vw,640px);
  }
  .network-morph-wordmark{
    width:min(42vw,640px);
  }
  .network-intro-copy{
    top:14.5%;
    right:2.6%;
    width:min(51vw,780px);
    min-height:clamp(165px,13.7vw,208px);
    display:flex;
    flex-direction:column;
    justify-content:center;
    transform:translateY(calc(var(--brand-progress,0) * -150px))!important;
  }
  .network-kicker{
    margin-bottom:10px;
  }
  .network-intro-copy h1{
    max-width:none;
    font-size:clamp(27px,2.35vw,38px);
    line-height:1.45;
    letter-spacing:-.7px;
    white-space:nowrap;
  }
  .network-intro-copy p{
    max-width:760px;
    margin-top:12px;
    font-size:clamp(13px,1.03vw,16px);
    line-height:1.95;
    white-space:nowrap;
  }
  .network-service-row{
    left:2.6%;
    bottom:7%;
    width:min(35vw,540px);
    gap:9px;
  }
  .network-service-card{
    border-radius:3px;
  }
  .network-service-card span{
    right:8px;
    left:8px;
    bottom:8px;
    text-align:center;
  }
  .network-service-card strong{
    font-size:clamp(9px,.82vw,12px);
  }
  .network-service-card small{
    display:none;
  }
}

@media (min-width:821px) and (max-width:1180px){
  .intro-logo-anchor,
  .network-morph-wordmark{
    width:min(40vw,540px);
  }
  .network-intro-copy{
    width:53vw;
  }
  .network-intro-copy h1{
    font-size:clamp(24px,2.25vw,31px);
  }
  .network-intro-copy p{
    font-size:12px;
  }
  .network-service-row{
    width:39vw;
  }
}

@media (min-width:821px) and (max-width:940px){
  .network-intro-copy h1,
  .network-intro-copy p{white-space:normal}
}


/* V7.11 — lower logo, multiline copy, aligned scroll cue */
@media (min-width:821px){
  .intro-logo-anchor{
    top:20.5%;
  }

  .network-intro-copy{
    top:18.2%;
    min-height:clamp(215px,17vw,270px);
    justify-content:flex-start;
    padding-top:4px;
  }

  .network-intro-copy h1{
    display:grid;
    gap:1px;
    max-width:760px;
    font-size:clamp(28px,2.55vw,42px);
    line-height:1.42;
    white-space:normal;
  }

  .network-intro-copy h1 span{
    display:block;
  }

  .network-intro-copy p{
    max-width:720px;
    margin-top:14px;
    font-size:clamp(13px,1.05vw,16px);
    line-height:2;
    white-space:normal;
  }

  .network-service-row{
    bottom:6.5%;
  }

  .network-scroll-cue{
    right:2.6%;
    bottom:6.5%;
    min-height:clamp(104px,8.5vw,132px);
    justify-content:flex-end;
    transform:translateY(calc(var(--brand-progress,0) * -70px));
  }
}

@media (min-width:821px) and (max-width:1180px){
  .intro-logo-anchor{
    top:21.5%;
  }

  .network-intro-copy{
    top:18.5%;
  }

  .network-intro-copy h1{
    font-size:clamp(25px,2.45vw,34px);
  }

  .network-scroll-cue{
    min-height:clamp(92px,9vw,112px);
  }
}

@media (max-width:820px){
  .network-intro-copy h1{
    display:grid;
    gap:0;
  }

  .network-intro-copy h1 span{
    display:block;
  }
}


/* V7.12 — final logo/text/service-line alignment */
@media (min-width:821px){
  .intro-logo-anchor{
    top:25%;
  }

  .network-intro-copy{
    top:18.5%;
    min-height:clamp(230px,18vw,286px);
  }

  .network-intro-copy h1{
    max-width:790px;
    gap:2px;
    font-size:clamp(27px,2.45vw,40px);
    line-height:1.48;
  }

  .network-intro-copy h1 span{
    white-space:nowrap;
  }

  .network-intro-copy p{
    max-width:720px;
    margin-top:15px;
    line-height:2.05;
  }

  .network-service-line{
    position:absolute;
    z-index:5;
    left:2.6%;
    bottom:6.2%;
    width:min(46vw,660px);
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:12px;
    transform:translateY(calc(var(--brand-progress,0) * -150px));
    opacity:1;
    will-change:transform;
  }

  .network-service-line .network-service-row{
    position:static;
    left:auto;
    bottom:auto;
    width:min(32vw,468px);
    flex:0 1 468px;
    gap:10px;
    transform:none;
  }

  .network-service-line .network-scroll-cue{
    position:static;
    right:auto;
    bottom:auto;
    left:auto;
    min-height:0;
    height:42px;
    flex:0 0 auto;
    align-self:flex-end;
    flex-direction:row;
    justify-content:center;
    gap:9px;
    padding:0 14px;
    border:1px solid rgba(112,158,255,.28);
    border-radius:999px;
    background:rgba(7,18,42,.72);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 12px 26px rgba(0,0,0,.22);
    backdrop-filter:blur(10px);
    transform:none;
    white-space:nowrap;
  }

  .network-service-line .network-scroll-cue small{
    font-size:10px;
  }

  .network-service-line .network-scroll-cue span{
    position:relative;
    width:34px;
    height:1px;
    background:linear-gradient(to left,#6fa2ff,rgba(111,162,255,.08));
  }

  .network-service-line .network-scroll-cue span::after{
    top:50%;
    left:auto;
    right:0;
    transform:translateY(-50%);
    animation:networkScrollHorizontal 1.8s ease-in-out infinite;
  }

  @keyframes networkScrollHorizontal{
    0%{right:0;opacity:.2}
    45%{opacity:1}
    100%{right:29px;opacity:0}
  }
}

@media (min-width:821px) and (max-width:1180px){
  .intro-logo-anchor{
    top:26%;
  }

  .network-intro-copy h1{
    font-size:clamp(24px,2.3vw,32px);
  }

  .network-service-line{
    width:58vw;
    gap:10px;
  }

  .network-service-line .network-service-row{
    width:43vw;
  }

  .network-service-line .network-scroll-cue{
    padding:0 11px;
  }
}

@media (max-width:820px){
  .network-service-line{
    position:absolute;
    inset:auto 0 0;
  }

  .network-service-line .network-scroll-cue{
    display:none;
  }
}


/* V7.13 — precise logo, two-line description and one-row service/scroll alignment */
@media (min-width:821px){
  .intro-logo-anchor{
    top:31.5%;
  }

  .network-intro-copy .network-description{
    display:grid;
    gap:2px;
    max-width:790px;
    margin-top:15px;
    line-height:1.9;
  }

  .network-intro-copy .network-description span{
    display:block;
    white-space:nowrap;
  }

  .network-service-line{
    direction:ltr;
    width:min(56vw,840px);
    align-items:center;
    justify-content:flex-start;
    gap:15px;
  }

  .network-service-line .network-service-row{
    direction:rtl;
    width:min(39vw,570px);
    flex:0 1 570px;
    order:1;
  }

  .network-service-line .network-scroll-cue{
    direction:rtl;
    order:2;
    align-self:center;
    flex:0 0 auto;
  }
}

@media (min-width:821px) and (max-width:1180px){
  .intro-logo-anchor{
    top:32.5%;
  }

  .network-intro-copy .network-description span{
    white-space:normal;
  }

  .network-service-line{
    width:64vw;
    gap:10px;
  }

  .network-service-line .network-service-row{
    width:47vw;
    flex-basis:47vw;
  }
}

@media (max-width:820px){
  .network-intro-copy .network-description{
    display:block;
  }

  .network-intro-copy .network-description span{
    display:inline;
    white-space:normal;
  }

  .network-intro-copy .network-description span + span::before{
    content:" ";
  }
}

/* =========================================================
   V7.14 — lower hero copy + full-width aligned service/scroll row
   Desktop: four service cards stay on the far left; the vertical
   scroll indicator stays on the far right, centered on the same row.
   ========================================================= */
@media (min-width:821px){
  /* Move the copy several text rows lower without changing the logo morph. */
  .network-intro-copy{
    top:33%;
  }

  /* One full-width horizontal alignment context. */
  .network-service-line{
    left:2.6%;
    right:2.6%;
    bottom:6.2%;
    width:auto;
    direction:ltr;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:28px;
  }

  /* Four cards remain together on the physical left. */
  .network-service-line .network-service-row{
    order:1;
    direction:rtl;
    width:min(39vw,570px);
    flex:0 1 570px;
  }

  /* Restore a clean, vertical scroll indicator on the physical right. */
  .network-service-line .network-scroll-cue{
    order:2;
    position:static;
    flex:0 0 78px;
    width:78px;
    height:clamp(104px,8.6vw,128px);
    min-height:0;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    backdrop-filter:none;
    align-self:center;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:9px;
    transform:none;
    color:rgba(229,237,255,.78);
    white-space:nowrap;
  }

  .network-service-line .network-scroll-cue small{
    display:block;
    font-size:10px;
    line-height:1;
  }

  .network-service-line .network-scroll-cue span{
    position:relative;
    display:block;
    width:1px;
    height:66px;
    border:0;
    border-radius:0;
    background:linear-gradient(to bottom,#79a9ff,rgba(121,169,255,.08));
  }

  .network-service-line .network-scroll-cue span::after{
    content:"";
    position:absolute;
    left:50%;
    right:auto;
    top:0;
    width:5px;
    height:5px;
    border-radius:50%;
    background:#9bbdff;
    transform:translateX(-50%);
    animation:networkScrollV714 1.8s ease-in-out infinite;
  }

  @keyframes networkScrollV714{
    0%{top:0;opacity:.2}
    45%{opacity:1}
    100%{top:59px;opacity:0}
  }
}

@media (min-width:821px) and (max-width:1180px){
  .network-intro-copy{
    top:32%;
  }

  .network-service-line{
    left:2%;
    right:2%;
    gap:18px;
  }

  .network-service-line .network-service-row{
    width:47vw;
    flex-basis:47vw;
  }

  .network-service-line .network-scroll-cue{
    flex-basis:68px;
    width:68px;
    height:112px;
  }
}


/* V7.15 service-card refinements */
.network-service-card{border-radius:0 !important}
.network-service-line .network-service-row{gap:10px !important}
@media (max-width:1200px){
  .network-service-line .network-service-row{width:min(35vw,440px)!important;flex-basis:440px!important}
}
@media (max-width:768px){
  .network-service-card{border-radius:0 !important}
}


/* V7.17 — compact heading and official technology logos */
.network-intro-copy h1{
  max-width:650px;
  font-size:clamp(29px,3.15vw,48px);
  line-height:1.48;
}
.network-intro-copy .network-description{
  max-width:760px;
  margin-top:18px;
  color:rgba(230,238,252,.82);
  font-size:clamp(14px,1.18vw,18px);
  line-height:2;
}
.network-service-card{
  border:1px solid rgba(190,205,229,.92)!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:0 14px 34px rgba(0,0,0,.22)!important;
  backdrop-filter:none!important;
}
.network-service-card:hover{
  border-color:#74a8ff!important;
  background:#fff!important;
  box-shadow:0 18px 40px rgba(0,0,0,.28)!important;
}
.network-service-card img{
  width:100%!important;
  height:69%!important;
  padding:14px 16px 2px!important;
  object-fit:contain!important;
  opacity:1!important;
  filter:none!important;
  background:#fff!important;
}
.network-service-card:hover img{transform:translateY(-2px) scale(1.015)!important;opacity:1!important}
.network-service-card::after{
  background:linear-gradient(to top,#fff 0%,rgba(255,255,255,.98) 36%,rgba(255,255,255,.70) 58%,transparent 76%)!important;
}
.network-service-card span{
  right:10px!important;
  left:10px!important;
  bottom:9px!important;
  gap:0!important;
  color:#102447!important;
  text-align:center!important;
}
.network-service-card strong{
  color:#102447!important;
  font-size:clamp(10px,.92vw,13px)!important;
  font-weight:900!important;
  direction:ltr;
}
.network-service-card small{
  color:#65738c!important;
  font-size:8px!important;
  direction:rtl;
}
@media (max-width:768px){
  .network-intro-copy h1{font-size:clamp(25px,7vw,38px)}
  .network-service-card img{height:67%!important;padding:10px 12px 2px!important}
}


/* V7.17 logo-only technology cards */
.network-service-card img{display:block!important}
.network-service-card::after{background:linear-gradient(to top,#fff 0%,rgba(255,255,255,.98) 31%,rgba(255,255,255,.22) 57%,transparent 74%)!important}


/* V7.18 — smaller hero title and slightly smaller technology cards */
.network-intro-copy h1{
  max-width:560px!important;
  font-size:clamp(24px,2.55vw,39px)!important;
  line-height:1.5!important;
}
@media (min-width:1201px){
  .network-service-line .network-service-row{
    width:min(34vw,500px)!important;
    flex:0 1 500px!important;
    gap:9px!important;
  }
}
@media (min-width:821px) and (max-width:1200px){
  .network-service-line .network-service-row{
    width:min(33vw,400px)!important;
    flex:0 1 400px!important;
    gap:8px!important;
  }
}
@media (max-width:820px){
  .network-intro-copy h1{
    max-width:520px!important;
    font-size:clamp(22px,6vw,34px)!important;
  }
}


/* V7.19 — subtle right shift to align technology cards with the logo */
@media (min-width:821px){
  .network-service-line .network-service-row{
    margin-left:clamp(8px,.8vw,14px)!important;
  }
}


/* V7.27 — clean rebuild from V7.19. Header-only additions. */
.morph-brand-target img,
.site-header .morph-brand-target img{
  filter:invert(1) brightness(2.4) contrast(1.02) !important;
}

.site-header.scrolled,
.site-header.scrolled.hero-dark,
.site-header:not(.hero-dark).scrolled{
  color:#fff !important;
  background:linear-gradient(180deg,rgba(2,7,19,.96),rgba(2,7,19,.76)) !important;
  border-bottom-color:rgba(89,139,255,.12) !important;
  box-shadow:none !important;
}
.site-header.scrolled::before{
  opacity:.8 !important;
  background:linear-gradient(90deg,transparent,#4285ff,#6c5ce7,transparent) !important;
}
.site-header.scrolled .main-nav a{color:rgba(241,246,255,.78) !important}
.site-header.scrolled .main-nav a:hover,
.site-header.scrolled .main-nav a.active{color:#fff !important}
.site-header.scrolled .main-nav a::after{background:#4f8cff !important}
.site-header.scrolled .header-icon,
.site-header.scrolled .language-button,
.site-header.scrolled .menu-button{
  color:#f4f7ff !important;
  border-color:rgba(125,161,236,.22) !important;
  background:rgba(255,255,255,.055) !important;
}
.site-header.scrolled .header-icon:hover,
.site-header.scrolled .language-button:hover{
  color:#fff !important;
  border-color:rgba(105,156,255,.55) !important;
  background:rgba(67,125,247,.18) !important;
}
.site-header.scrolled .menu-button span{background:#fff !important}
.site-header.scrolled .demo-button{
  background:linear-gradient(135deg,#2f74f5,#574edb) !important;
  box-shadow:0 12px 30px rgba(47,116,245,.24) !important;
}


/* =========================================================
   V7.28 — Products showcase
   Hero and header are untouched; only the products section is redesigned.
   ========================================================= */
.product-showcase{
  position:relative;
  width:100%;
  max-width:none;
  margin:0;
  padding:110px 0 96px;
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(circle at 14% 24%,rgba(58,119,255,.18),transparent 31%),
    radial-gradient(circle at 84% 78%,rgba(93,78,219,.15),transparent 34%),
    linear-gradient(145deg,#030817 0%,#06142d 55%,#030817 100%);
}
.product-showcase::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.28;
  background-image:
    linear-gradient(rgba(112,158,255,.10) 1px,transparent 1px),
    linear-gradient(90deg,rgba(112,158,255,.10) 1px,transparent 1px);
  background-size:58px 58px;
  mask-image:linear-gradient(to bottom,transparent 0%,#000 13%,#000 86%,transparent 100%);
}
.product-showcase::after{
  content:"";
  position:absolute;
  left:50%;
  top:42%;
  width:min(1100px,88vw);
  height:380px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  pointer-events:none;
  background:rgba(45,100,220,.12);
  filter:blur(85px);
}
.products-shell{
  position:relative;
  z-index:2;
  width:min(1380px,94vw);
  margin:auto;
}
.products-heading{
  display:grid;
  grid-template-columns:minmax(0,1fr) 260px;
  align-items:end;
  gap:52px;
  margin-bottom:32px;
}
.products-heading-copy{max-width:820px}
.product-showcase .eyebrow{
  color:#79aaff;
  letter-spacing:.15px;
}
.products-heading h2{
  max-width:780px;
  margin:10px 0 0;
  color:#fff;
  font-size:clamp(30px,3vw,48px);
  line-height:1.55;
  letter-spacing:-1px;
}
.products-heading p{
  max-width:760px;
  margin:15px 0 0;
  color:rgba(220,231,251,.70);
  font-size:15px;
  line-height:2.05;
}
.products-consult-link{
  min-height:86px;
  display:grid;
  grid-template-columns:1fr 38px;
  align-items:center;
  gap:4px 12px;
  padding:17px 19px;
  border:1px solid rgba(112,158,255,.25);
  background:rgba(255,255,255,.055);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter:blur(12px);
  transition:.25s ease;
}
.products-consult-link:hover{
  transform:translateY(-3px);
  border-color:rgba(113,168,255,.58);
  background:rgba(60,117,239,.14);
}
.products-consult-link span,
.products-consult-link strong{grid-column:1}
.products-consult-link span{color:rgba(214,226,249,.62);font-size:11px}
.products-consult-link strong{font-size:14px;color:#fff}
.products-consult-link svg{
  grid-column:2;
  grid-row:1/3;
  width:23px;
  height:23px;
  direction:ltr;
  color:#79aaff;
}
.product-category-bar{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:18px;
  padding:7px;
  border:1px solid rgba(109,154,244,.18);
  background:rgba(3,10,26,.56);
  backdrop-filter:blur(12px);
}
.product-category-button{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:8px 18px;
  border:0;
  background:transparent;
  color:rgba(217,228,248,.66);
  cursor:pointer;
  transition:.2s ease;
}
.product-category-button span{
  color:rgba(124,171,255,.50);
  font-family:Arial,sans-serif;
  font-size:10px;
}
.product-category-button:hover{color:#fff;background:rgba(255,255,255,.055)}
.product-category-button.active{
  color:#fff;
  background:linear-gradient(135deg,rgba(47,116,245,.92),rgba(91,77,219,.90));
  box-shadow:0 10px 26px rgba(35,86,196,.24);
}
.product-category-button.active span{color:rgba(255,255,255,.70)}
.product-value-strip{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-bottom:4px;
}
.product-value-strip>div{
  min-height:76px;
  display:flex;
  align-items:center;
  gap:13px;
  padding:14px 17px;
  border:1px solid rgba(112,158,255,.16);
  background:rgba(255,255,255,.035);
}
.product-value-strip svg{
  width:29px;
  height:29px;
  flex:0 0 29px;
  color:#79aaff;
}
.product-value-strip span{display:grid;gap:2px}
.product-value-strip strong{color:#f5f8ff;font-size:13px}
.product-value-strip small{color:rgba(211,224,248,.56);font-size:10px}
.product-showcase .product-slider{position:relative;margin-top:4px}
.product-showcase .product-stage{
  height:550px;
  overflow:hidden;
  perspective:1900px;
}
.product-showcase .product-stage::before{
  bottom:92px;
  width:min(820px,72vw);
  height:74px;
  background:rgba(1,5,14,.60);
  filter:blur(34px);
}
.product-showcase .product-card{
  width:clamp(330px,42vw,530px);
  height:340px;
  color:#10213e;
  background:#fff;
  border:1px solid rgba(255,255,255,.76);
  border-radius:18px;
  box-shadow:0 28px 70px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.95);
}
.product-showcase .product-card::before{
  inset:0 0 auto;
  height:7px;
  background:var(--card-bg);
  opacity:1;
}
.product-showcase .product-card.active{
  box-shadow:0 44px 95px rgba(0,0,0,.46),0 0 0 1px rgba(121,170,255,.25),inset 0 1px 0 #fff;
}
.product-showcase .card-pattern{
  position:absolute;
  inset:7px 0 0;
  opacity:.42;
  background:
    radial-gradient(circle at 86% 12%,rgba(70,119,220,.12),transparent 24%),
    linear-gradient(rgba(72,111,185,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(72,111,185,.06) 1px,transparent 1px);
  background-size:auto,30px 30px,30px 30px;
}
.product-showcase .product-body{
  position:relative;
  z-index:2;
  height:100%;
  padding:27px 29px 24px;
}
.product-showcase .product-head{color:#162a4a}
.product-showcase .product-head strong{font-size:13px}
.product-showcase .product-head small{color:#7b89a1;font-size:8px;letter-spacing:1.2px}
.product-showcase .product-head>span{
  min-width:54px;
  height:42px;
  display:grid;
  place-items:center;
  padding:0 10px;
  color:#fff;
  border-radius:10px;
  background:var(--card-bg);
  box-shadow:0 8px 18px rgba(32,70,145,.18);
  font-size:12px;
}
.product-showcase .product-main{margin-top:34px}
.product-showcase .product-main>small{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#3f70d0;
  font-size:10px;
  font-weight:700;
}
.product-showcase .product-main>small::before{
  content:"";
  width:18px;
  height:2px;
  background:var(--card-bg);
}
.product-showcase .product-main h3{
  margin:8px 0 7px;
  color:#10213e;
  font-size:clamp(20px,2vw,28px);
  line-height:1.55;
}
.product-showcase .product-main p{
  max-width:430px;
  margin:0;
  color:#6a7890;
  font-size:12px;
  line-height:1.95;
}
.product-features{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:17px;
}
.product-features span{
  padding:5px 9px;
  border:1px solid #e2e8f3;
  background:#f7f9fd;
  color:#607089;
  font-size:9px;
  line-height:1.3;
}
.product-showcase .product-foot{
  right:29px;
  left:29px;
  bottom:22px;
  padding-top:14px;
  border-top:1px solid #e5eaf3;
}
.product-showcase .product-foot small{color:#718099;font-size:9px}
.product-showcase .product-foot a{
  color:#2f68d8;
  font-size:11px;
  font-weight:800;
}
.product-showcase .product-foot a::after{content:" ←"}
.product-showcase .product-nav{
  border-color:rgba(117,164,255,.28);
  color:#fff;
  background:rgba(255,255,255,.065);
  box-shadow:0 12px 26px rgba(0,0,0,.18);
  backdrop-filter:blur(12px);
}
.product-showcase .product-nav:hover{
  border-color:rgba(117,164,255,.65);
  background:rgba(53,112,235,.22);
}
.product-showcase .product-controls{
  bottom:17px;
  color:#fff;
}
.product-showcase #productAutoplay{
  border-color:rgba(117,164,255,.28);
  background:rgba(255,255,255,.065);
}
.product-showcase .product-dot{background:rgba(255,255,255,.22)}
.product-showcase .product-dot.active{background:#6fa2ff}
.product-active-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  min-height:58px;
  margin-top:-12px;
  padding:13px 17px;
  border-top:1px solid rgba(112,158,255,.18);
}
.product-showcase .active-product{
  margin:0;
  color:rgba(211,224,248,.64);
  font-size:11px;
}
.product-showcase .active-product strong{color:#fff;font-size:13px}
.product-active-tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}
.product-active-tags span{
  padding:5px 9px;
  border:1px solid rgba(112,158,255,.17);
  color:rgba(218,230,250,.62);
  font-size:9px;
}
@media(max-width:1100px){
  .products-heading{grid-template-columns:1fr 230px;gap:28px}
  .product-showcase .product-card{width:clamp(320px,50vw,500px)}
  .product-showcase .product-card[data-pos="-1"]{--x:-48%}
  .product-showcase .product-card[data-pos="1"]{--x:48%}
  .product-showcase .product-card[data-pos="-2"]{--x:-85%;--opacity:.68}
  .product-showcase .product-card[data-pos="2"]{--x:85%;--opacity:.68}
}
@media(max-width:820px){
  .product-showcase{padding:82px 0 72px}
  .products-shell{width:92vw}
  .products-heading{grid-template-columns:1fr;gap:22px}
  .products-heading h2{font-size:clamp(27px,7vw,39px)}
  .products-consult-link{width:min(100%,360px)}
  .product-category-bar{overflow-x:auto;justify-content:flex-start;scrollbar-width:none}
  .product-category-bar::-webkit-scrollbar{display:none}
  .product-category-button{flex:0 0 auto;padding:8px 15px}
  .product-value-strip{grid-template-columns:1fr}
  .product-value-strip>div{min-height:66px}
  .product-showcase .product-stage{height:470px}
  .product-showcase .product-card{width:min(82vw,440px);height:330px}
  .product-showcase .product-card[data-pos="-1"]{--x:-70%;--scale:.62;--opacity:.58}
  .product-showcase .product-card[data-pos="1"]{--x:70%;--scale:.62;--opacity:.58}
  .product-showcase .product-card[data-pos="-2"],
  .product-showcase .product-card[data-pos="2"]{--opacity:0}
  .product-active-row{align-items:flex-start;flex-direction:column;margin-top:-2px}
  .product-active-tags{justify-content:flex-start}
}
@media(max-width:520px){
  .product-showcase{padding-top:68px}
  .products-heading p{font-size:13px}
  .product-showcase .product-stage{height:440px}
  .product-showcase .product-card{width:86vw;height:324px;border-radius:15px}
  .product-showcase .product-body{padding:23px 21px 20px}
  .product-showcase .product-main{margin-top:27px}
  .product-showcase .product-main h3{font-size:21px}
  .product-showcase .product-main p{display:block;font-size:11px;line-height:1.8}
  .product-features{display:none}
  .product-showcase .product-foot{right:21px;left:21px;bottom:19px}
  .product-showcase .product-prev{left:8px}
  .product-showcase .product-next{right:8px}
}


/* =========================================================
   V7.29 — Professional product ecosystem
   Hero/header remain untouched. Refines content, icons, hierarchy and palette.
   ========================================================= */
.product-showcase{
  padding:118px 0 100px;
  background:
    radial-gradient(circle at 10% 12%,rgba(61,126,255,.20),transparent 28%),
    radial-gradient(circle at 88% 80%,rgba(88,76,215,.16),transparent 30%),
    linear-gradient(145deg,#020714 0%,#06142c 54%,#020714 100%);
}
.product-showcase::before{
  opacity:.25;
  background-size:64px 64px;
}
.product-showcase::after{
  top:49%;
  width:min(1180px,90vw);
  height:470px;
  background:rgba(48,101,220,.11);
}
.products-heading-pro{
  grid-template-columns:minmax(0,1fr) 310px;
  align-items:stretch;
  gap:64px;
  margin-bottom:34px;
}
.products-section-label{
  display:flex;
  align-items:center;
  gap:11px;
  margin-bottom:14px;
  direction:ltr;
  color:rgba(137,178,255,.65);
}
.products-section-label span{
  width:34px;height:34px;display:grid;place-items:center;
  border:1px solid rgba(112,158,255,.28);
  color:#8bb5ff;
  background:rgba(65,119,235,.08);
  font:700 10px/1 Arial,sans-serif;
}
.products-section-label small{font:700 9px/1 Arial,sans-serif;letter-spacing:1.8px}
.products-heading-pro h2{
  max-width:890px;
  font-size:clamp(31px,3.15vw,50px);
  line-height:1.48;
}
.products-heading-pro p{max-width:850px}
.products-heading-points{
  display:flex;
  flex-wrap:wrap;
  gap:9px 20px;
  margin-top:19px;
}
.products-heading-points span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:rgba(222,233,252,.72);
  font-size:11px;
}
.products-heading-points i{
  width:6px;height:6px;border-radius:50%;
  background:#71a6ff;
  box-shadow:0 0 0 4px rgba(79,140,255,.10);
}
.products-consult-card{
  position:relative;
  min-height:100%;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  padding:25px 24px 23px;
  border:1px solid rgba(118,163,250,.24);
  background:
    linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025)),
    rgba(5,14,34,.70);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 24px 60px rgba(0,0,0,.16);
  backdrop-filter:blur(15px);
}
.products-consult-card::after{
  content:"";
  position:absolute;
  width:150px;height:150px;left:-70px;bottom:-80px;
  border-radius:50%;
  background:rgba(67,124,245,.24);
  filter:blur(34px);
}
.consult-icon{
  width:48px;height:48px;display:grid;place-items:center;
  margin-bottom:18px;
  border:1px solid rgba(126,172,255,.32);
  background:linear-gradient(135deg,rgba(55,118,245,.30),rgba(91,78,219,.24));
  color:#91b9ff;
}
.consult-icon svg{width:24px;height:24px}
.products-consult-card>span{color:#83aeff;font-size:10px}
.products-consult-card>strong{margin-top:6px;color:#fff;font-size:17px;line-height:1.8}
.products-consult-card>p{margin:9px 0 17px;color:rgba(215,227,248,.60);font-size:10px;line-height:1.9}
.products-consult-card>a{
  position:relative;z-index:2;
  display:inline-flex;align-items:center;gap:10px;
  color:#fff;font-size:11px;font-weight:800;
}
.products-consult-card>a svg{width:18px;height:18px;direction:ltr;color:#85afff}
.product-category-bar-pro{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:7px;
  padding:7px;
  margin-bottom:13px;
  background:rgba(2,8,22,.65);
}
.product-category-bar-pro .product-category-button{
  min-height:66px;
  justify-content:flex-start;
  gap:12px;
  padding:10px 13px;
  text-align:right;
}
.product-category-bar-pro .product-category-button>svg{
  width:25px;height:25px;flex:0 0 25px;
  color:#77a8ff;
}
.product-category-bar-pro .product-category-button>span{
  display:grid;
  gap:2px;
  color:inherit;
  font-family:inherit;
  font-size:inherit;
}
.product-category-bar-pro .product-category-button strong{font-size:12px;color:inherit}
.product-category-bar-pro .product-category-button small{font-size:8px;color:rgba(208,222,247,.45)}
.product-category-bar-pro .product-category-button.active{
  background:linear-gradient(135deg,rgba(43,104,231,.92),rgba(83,72,208,.88));
}
.product-category-bar-pro .product-category-button.active>svg{color:#fff}
.product-category-bar-pro .product-category-button.active small{color:rgba(255,255,255,.66)}
.product-value-strip-pro{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin-bottom:7px;
}
.product-value-strip-pro>div{
  min-height:78px;
  padding:13px 14px;
  background:linear-gradient(145deg,rgba(255,255,255,.052),rgba(255,255,255,.022));
}
.product-value-strip-pro .value-icon{
  width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;
  border:1px solid rgba(118,163,250,.23);
  background:rgba(63,120,238,.08);
}
.product-value-strip-pro .value-icon svg{width:21px;height:21px;color:#7caaff}
.product-value-strip-pro strong{font-size:12px}
.product-value-strip-pro small{font-size:8.5px;line-height:1.75}
.product-slider-pro{margin-top:0!important}
.product-slider-pro .product-stage{height:590px}
.product-showcase .product-card{
  width:clamp(350px,43vw,560px);
  height:390px;
  border-radius:20px;
  border-color:rgba(255,255,255,.88);
  background:linear-gradient(155deg,#fff 0%,#f8faff 100%);
}
.product-showcase .product-card::before{height:8px}
.product-showcase .card-pattern{
  inset:8px 0 0;
  opacity:.56;
  background:
    radial-gradient(circle at 90% 8%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 24%),
    linear-gradient(rgba(68,106,177,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(68,106,177,.045) 1px,transparent 1px);
  background-size:auto,32px 32px,32px 32px;
}
.product-showcase .product-body{padding:25px 28px 23px}
.product-showcase .product-head{align-items:center}
.product-brand{display:grid;gap:1px;direction:ltr;text-align:left}
.product-showcase .product-brand strong{color:#142847;font:800 12px/1.4 Arial,sans-serif;letter-spacing:.6px}
.product-showcase .product-brand small{color:#8390a7;font:700 7.5px/1.4 Arial,sans-serif;letter-spacing:1.35px}
.product-badge{
  min-width:auto!important;height:auto!important;
  padding:6px 11px!important;
  border:1px solid color-mix(in srgb,var(--accent) 20%,#dce5f3);
  border-radius:999px!important;
  color:var(--accent)!important;
  background:color-mix(in srgb,var(--accent) 8%,#fff)!important;
  box-shadow:none!important;
  font-size:9px!important;
  font-weight:800;
}
.product-main-pro{
  display:grid;
  grid-template-columns:70px minmax(0,1fr);
  align-items:start;
  gap:17px;
  margin-top:26px!important;
}
.product-icon-box{
  width:70px;height:70px;display:grid;place-items:center;
  border:1px solid color-mix(in srgb,var(--accent) 18%,#dce5f2);
  border-radius:18px;
  color:#fff;
  background:var(--card-bg);
  box-shadow:0 14px 30px color-mix(in srgb,var(--accent) 23%,transparent);
}
.product-icon-box svg{width:33px;height:33px;stroke-width:1.65}
.product-main-pro>div:last-child>small{
  display:inline-flex;align-items:center;gap:7px;
  color:var(--accent);
  font-size:9px;font-weight:800;
}
.product-main-pro>div:last-child>small::before{content:"";width:15px;height:2px;background:var(--card-bg)}
.product-showcase .product-main-pro h3{
  margin:5px 0 6px;
  font-size:clamp(20px,1.85vw,27px);
}
.product-showcase .product-main-pro p{font-size:11px;line-height:1.9}
.product-features-pro{margin-top:20px;gap:7px}
.product-features-pro span{
  position:relative;
  padding:6px 20px 6px 9px;
  border-color:#e1e7f1;
  border-radius:6px;
  background:#f6f8fc;
  color:#5d6e88;
  font-size:8.5px;
}
.product-features-pro span::before{
  content:"";position:absolute;right:8px;top:50%;width:5px;height:5px;border-radius:50%;
  transform:translateY(-50%);background:var(--accent);
}
.product-showcase .product-foot{
  right:28px;left:28px;bottom:21px;
  padding-top:13px;
}
.product-showcase .product-foot small{max-width:65%;font-size:8.5px;line-height:1.7}
.product-showcase .product-foot a{font-size:10.5px;color:var(--accent)}
.product-active-row-pro{
  min-height:64px;
  margin-top:-14px;
  padding:14px 18px;
  border:1px solid rgba(112,158,255,.15);
  background:rgba(255,255,255,.025);
}
.product-active-row-pro .product-active-tags span{
  display:inline-flex;align-items:center;gap:6px;
  padding:6px 9px;
  background:rgba(255,255,255,.025);
}
.product-active-row-pro .product-active-tags svg{width:13px;height:13px;color:#76a8ff}
@supports not (color:color-mix(in srgb,#000,#fff)){
  .product-badge{border-color:#dce5f3;background:#f3f7ff}
  .product-icon-box{border-color:#dce5f2;box-shadow:0 14px 30px rgba(47,107,220,.20)}
}
@media(max-width:1100px){
  .products-heading-pro{grid-template-columns:minmax(0,1fr) 280px;gap:36px}
  .product-category-bar-pro .product-category-button{padding:10px 9px;gap:8px}
  .product-category-bar-pro .product-category-button>svg{width:22px;height:22px;flex-basis:22px}
  .product-value-strip-pro{grid-template-columns:repeat(2,minmax(0,1fr))}
  .product-showcase .product-card{width:clamp(340px,49vw,530px)}
}
@media(max-width:820px){
  .product-showcase{padding:86px 0 76px}
  .products-heading-pro{grid-template-columns:1fr;gap:24px}
  .products-consult-card{width:min(100%,480px);min-height:250px}
  .product-category-bar-pro{display:flex;overflow-x:auto}
  .product-category-bar-pro .product-category-button{flex:0 0 190px}
  .product-value-strip-pro{grid-template-columns:1fr 1fr}
  .product-slider-pro .product-stage{height:535px}
  .product-showcase .product-card{width:min(84vw,470px);height:385px}
  .product-main-pro{grid-template-columns:62px minmax(0,1fr);gap:13px}
  .product-icon-box{width:62px;height:62px;border-radius:16px}
  .product-icon-box svg{width:29px;height:29px}
}
@media(max-width:520px){
  .product-showcase{padding-top:72px}
  .products-heading-pro h2{font-size:27px;line-height:1.6}
  .products-heading-points{display:grid;gap:8px}
  .products-consult-card{min-height:235px;padding:22px 20px}
  .product-value-strip-pro{grid-template-columns:1fr}
  .product-category-bar-pro .product-category-button{flex-basis:174px;min-height:62px}
  .product-slider-pro .product-stage{height:505px}
  .product-showcase .product-card{width:88vw;height:378px;border-radius:16px}
  .product-showcase .product-body{padding:22px 20px 20px}
  .product-main-pro{grid-template-columns:54px minmax(0,1fr);gap:11px;margin-top:23px!important}
  .product-icon-box{width:54px;height:54px;border-radius:14px}
  .product-icon-box svg{width:25px;height:25px}
  .product-showcase .product-main-pro h3{font-size:20px}
  .product-showcase .product-main-pro p{font-size:10px;line-height:1.8}
  .product-features-pro{display:flex;margin-top:16px}
  .product-features-pro span{font-size:7.8px;padding:5px 17px 5px 7px}
  .product-features-pro span:nth-child(n+4){display:none}
  .product-showcase .product-foot{right:20px;left:20px;bottom:17px}
  .product-showcase .product-foot small{display:none}
  .product-active-row-pro{margin-top:-4px}
}


/* =========================================================
   V7.30 — complete product-section redesign
   ========================================================= */
.products-v730{
  position:relative;
  width:100%;
  padding:118px 0 104px;
  overflow:hidden;
  color:#eff5ff;
  background:
    radial-gradient(circle at 14% 18%,rgba(58,117,255,.18),transparent 27%),
    radial-gradient(circle at 86% 76%,rgba(112,77,226,.14),transparent 31%),
    linear-gradient(145deg,#040b1b 0%,#07162d 52%,#050b19 100%);
}
.products-v730::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.42;
  background-image:linear-gradient(rgba(95,143,234,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(95,143,234,.07) 1px,transparent 1px);
  background-size:58px 58px;
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent);
          mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent);
}
.products-v730 .products-shell{position:relative;z-index:2;width:min(1360px,92vw);margin:auto}
.v730-products-intro{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(360px,.72fr);gap:72px;align-items:center}
.v730-intro-copy{max-width:790px}
.v730-section-code{display:flex;align-items:center;gap:12px;margin-bottom:23px;direction:ltr}
.v730-section-code span{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(111,157,255,.38);background:rgba(56,106,218,.12);color:#8ab4ff;font-size:11px;font-weight:900}
.v730-section-code small{color:rgba(168,193,238,.54);font-size:9px;letter-spacing:2.2px}
.products-v730 .eyebrow{display:inline-flex;align-items:center;gap:9px;color:#78a7ff;font-size:12px;font-weight:800}
.products-v730 .eyebrow::before{content:"";width:26px;height:2px;background:linear-gradient(90deg,#5c96ff,transparent)}
.products-v730 h2{max-width:790px;margin:13px 0 18px;color:#fff;font-size:clamp(34px,3.1vw,51px);line-height:1.52;letter-spacing:-1px}
.v730-intro-copy>p{max-width:760px;margin:0;color:rgba(210,224,248,.67);font-size:14px;line-height:2.12}
.v730-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:31px}
.v730-metrics div{min-height:78px;padding:14px 16px;border:1px solid rgba(113,156,235,.16);background:rgba(255,255,255,.035);backdrop-filter:blur(12px)}
.v730-metrics strong{display:block;color:#fff;font-size:21px;font-weight:900;direction:ltr;text-align:right}
.v730-metrics span{display:block;margin-top:2px;color:rgba(201,218,246,.53);font-size:9px}
.v730-architecture-card{position:relative;padding:23px;border:1px solid rgba(112,158,255,.24);background:linear-gradient(155deg,rgba(18,41,84,.88),rgba(6,15,34,.94));box-shadow:0 34px 80px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.05);overflow:hidden}
.v730-architecture-card::before{content:"";position:absolute;width:180px;height:180px;left:-70px;top:-80px;border-radius:50%;background:rgba(72,125,255,.22);filter:blur(42px)}
.architecture-head{position:relative;display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;padding-bottom:14px;border-bottom:1px solid rgba(115,157,230,.14);direction:ltr}
.architecture-head span{color:#8db6ff;font-size:10px;font-weight:900;letter-spacing:1.5px}.architecture-head small{color:rgba(220,231,250,.5);font-size:9px}
.architecture-layer{position:relative;display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:9px;padding:13px 14px;border:1px solid rgba(119,157,224,.14);background:rgba(255,255,255,.035)}
.architecture-layer span{color:#fff;font-size:10px;font-weight:800}.architecture-layer b{color:rgba(190,211,245,.54);font-size:8px;font-weight:500;direction:ltr}
.layer-ui{border-right:3px solid #6d9fff}.layer-modules{border-right:3px solid #816cff}.layer-api{border-right:3px solid #28b8d0}.layer-data{border-right:3px solid #36c29c}
.architecture-status{display:flex;align-items:center;gap:9px;margin-top:16px;color:rgba(205,222,247,.65);font-size:9px}.architecture-status i{width:7px;height:7px;border-radius:50%;background:#39d39b;box-shadow:0 0 0 5px rgba(57,211,155,.1)}
.v730-products-workspace{display:grid;grid-template-columns:280px minmax(0,1fr);gap:22px;margin-top:58px}
.v730-product-sidebar,.v730-showcase-panel{border:1px solid rgba(104,149,229,.18);background:rgba(5,14,32,.76);box-shadow:0 30px 70px rgba(0,0,0,.25);backdrop-filter:blur(16px)}
.v730-product-sidebar{padding:22px}.sidebar-title{padding:0 3px 17px;border-bottom:1px solid rgba(111,150,220,.13)}.sidebar-title small{display:block;color:#739fe9;font-size:9px}.sidebar-title strong{display:block;margin-top:5px;color:#fff;font-size:14px}
.products-v730 .product-category-bar{display:grid;gap:8px;margin-top:15px}
.products-v730 .product-category-button{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr) 25px;align-items:center;gap:11px;width:100%;min-height:65px;padding:9px 10px;border:1px solid transparent;border-radius:0;background:transparent;color:rgba(215,228,249,.64);text-align:right;cursor:pointer;transition:.22s ease}
.products-v730 .product-category-button:hover{background:rgba(255,255,255,.045);color:#fff}
.products-v730 .product-category-button.active{border-color:rgba(103,156,255,.38);background:linear-gradient(90deg,rgba(66,116,230,.19),rgba(92,80,220,.08));color:#fff;box-shadow:inset 3px 0 0 #5a91ff}
.products-v730 .product-category-button>svg{width:25px;height:25px;padding:6px;box-sizing:content-box;border:1px solid rgba(118,159,229,.2);background:rgba(255,255,255,.035);color:#7caaff}
.products-v730 .product-category-button.active>svg{border-color:rgba(113,163,255,.45);background:rgba(75,128,244,.16);color:#fff}
.products-v730 .product-category-button span{display:grid;gap:2px}.products-v730 .product-category-button strong{font-size:10.5px}.products-v730 .product-category-button small{font-size:8px;color:rgba(190,208,239,.43)}.products-v730 .product-category-button>b{color:rgba(135,168,224,.35);font-size:9px;font-weight:700;direction:ltr}
.v730-consult-box{position:relative;margin-top:18px;padding:18px 16px;border:1px solid rgba(91,143,237,.2);background:linear-gradient(145deg,rgba(50,93,182,.16),rgba(87,66,190,.08));overflow:hidden}.v730-consult-box::after{content:"";position:absolute;left:-40px;bottom:-50px;width:130px;height:130px;border-radius:50%;background:rgba(74,121,255,.13);filter:blur(22px)}.consult-dot{position:relative;z-index:1;display:block;width:8px;height:8px;margin-bottom:13px;border-radius:50%;background:#62a0ff;box-shadow:0 0 0 6px rgba(98,160,255,.1)}.v730-consult-box small,.v730-consult-box strong,.v730-consult-box a{position:relative;z-index:1}.v730-consult-box small{display:block;color:#7eabf8;font-size:8px}.v730-consult-box strong{display:block;margin:6px 0 15px;color:#fff;font-size:11px;line-height:1.9}.v730-consult-box a{display:inline-flex;color:#a9c8ff;font-size:9px;font-weight:800}
.v730-showcase-panel{padding:22px 20px 16px;min-width:0}.v730-panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 7px 16px;border-bottom:1px solid rgba(111,150,220,.12)}.v730-panel-head>div{display:grid;gap:3px}.v730-panel-head small{color:#709de8;font-size:8px;letter-spacing:1.6px}.v730-panel-head strong{color:#fff;font-size:13px}.v730-panel-head>span{color:rgba(190,209,239,.42);font-size:8px}
.products-v730 .product-slider{position:relative;margin:8px 0 0}.products-v730 .product-stage{height:600px;overflow:hidden;perspective:1900px}.products-v730 .product-stage::before{bottom:58px;width:72%;height:65px;background:rgba(0,0,0,.32);filter:blur(30px)}
.products-v730 .product-card{width:min(510px,45vw);height:510px;border:1px solid rgba(215,226,245,.82);border-radius:0;background:#fff;color:#10213d;box-shadow:0 34px 74px rgba(0,0,0,.33);overflow:hidden;filter:brightness(var(--brightness)) blur(var(--blur));transition:transform .7s cubic-bezier(.2,.75,.2,1),opacity .45s ease,filter .45s ease,box-shadow .45s ease}
.products-v730 .product-card.active{border-color:rgba(255,255,255,.94);box-shadow:0 46px 96px rgba(0,0,0,.45),0 0 0 1px rgba(101,151,255,.22)}
.products-v730 .product-card[data-pos="-1"]{--x:-53%;--z:-62px;--ry:8deg;--scale:.84}.products-v730 .product-card[data-pos="1"]{--x:53%;--z:-62px;--ry:-8deg;--scale:.84}.products-v730 .product-card[data-pos="-2"]{--x:-91%;--z:-165px;--ry:15deg;--scale:.67;--opacity:.58}.products-v730 .product-card[data-pos="2"]{--x:91%;--z:-165px;--ry:-15deg;--scale:.67;--opacity:.58}
.product-visual{position:relative;height:218px;padding:16px 18px 0;overflow:hidden;background:var(--card-bg);color:#fff}.product-visual::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:28px 28px;opacity:.45}.product-visual-glow{position:absolute;right:-45px;top:-75px;width:210px;height:210px;border-radius:50%;background:rgba(255,255,255,.19);filter:blur(35px)}.product-visual-head{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center}.product-visual-icon{display:grid;place-items:center;width:43px;height:43px;border:1px solid rgba(255,255,255,.26);background:rgba(255,255,255,.13);backdrop-filter:blur(9px)}.product-visual-icon svg{width:24px;height:24px}.products-v730 .product-badge{padding:7px 11px;border:1px solid rgba(255,255,255,.28);background:rgba(4,14,37,.17);color:#fff;font-size:8px;font-weight:900}
.product-mockup{position:relative;z-index:2;width:86%;height:145px;margin:13px auto 0;padding:10px;border:1px solid rgba(255,255,255,.22);border-bottom:0;background:rgba(5,17,43,.44);box-shadow:0 17px 34px rgba(3,8,24,.24);backdrop-filter:blur(9px)}.mock-window-head{display:flex;align-items:center;gap:4px;height:17px;padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.12);direction:ltr}.mock-window-head>span{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.48)}.mock-window-head b{margin-left:auto;color:rgba(255,255,255,.46);font-size:5px;letter-spacing:.7px}.mock-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:7px}.mock-kpis span{padding:5px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.055)}.mock-kpis b{display:block;font-size:8px}.mock-kpis small{display:block;margin-top:1px;color:rgba(255,255,255,.48);font-size:4.6px}.mock-body{display:grid;grid-template-columns:1.5fr .7fr;gap:7px;margin-top:7px}.mock-chart{display:flex;align-items:end;gap:4px;height:47px;padding:5px;border:1px solid rgba(255,255,255,.08)}.mock-chart i{flex:1;background:linear-gradient(to top,rgba(255,255,255,.2),rgba(255,255,255,.68))}.mock-list{display:grid;gap:4px}.mock-list span{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid rgba(255,255,255,.08)}.mock-list i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.5)}.mock-list b{height:3px;flex:1;background:rgba(255,255,255,.17)}.mock-flow{display:flex;align-items:center;justify-content:center;gap:6px;height:83px;margin-top:8px}.mock-flow span{display:grid;place-items:center;gap:5px;width:62px;height:54px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.045)}.mock-flow span.active{background:rgba(255,255,255,.15)}.mock-flow span.done{background:rgba(46,214,159,.12)}.mock-flow span i{width:11px;height:11px;border-radius:50%;border:2px solid rgba(255,255,255,.52)}.mock-flow span b{font-size:5px}.mock-flow em{width:14px;height:1px;background:rgba(255,255,255,.32)}.mock-flow-foot{display:flex;gap:5px}.mock-flow-foot span{height:5px;flex:1;background:rgba(255,255,255,.09)}.mock-bi{display:grid;grid-template-columns:72px 1fr;gap:14px;align-items:center;margin-top:12px}.mock-donut{width:58px;height:58px;border-radius:50%;background:conic-gradient(#fff 0 41%,rgba(255,255,255,.28) 41% 73%,rgba(255,255,255,.1) 73%);position:relative}.mock-donut::after{content:"";position:absolute;inset:12px;border-radius:50%;background:rgba(16,35,76,.9)}.mock-lines{display:grid;gap:8px}.mock-lines span{height:5px;background:rgba(255,255,255,.2)}.mock-spark{display:flex;align-items:end;gap:5px;height:31px;margin-top:8px}.mock-spark i{flex:1;background:rgba(255,255,255,.29)}.mock-spark i:nth-child(1){height:35%}.mock-spark i:nth-child(2){height:58%}.mock-spark i:nth-child(3){height:44%}.mock-spark i:nth-child(4){height:77%}.mock-spark i:nth-child(5){height:68%}.mock-spark i:nth-child(6){height:92%}
.products-v730 .product-body{position:relative;height:292px;padding:16px 20px 18px;background:#fff}.products-v730 .product-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8edf5;padding-bottom:11px}.products-v730 .product-brand{display:grid;gap:1px;direction:ltr;text-align:left}.products-v730 .product-brand strong{color:#10233f;font-size:9px;letter-spacing:1px}.products-v730 .product-brand small{color:#8c99ad;font-size:5.5px;letter-spacing:.8px}.product-card-index{color:#c6cfdd;font-size:10px;font-weight:900;direction:ltr}.products-v730 .product-main{margin-top:14px}.products-v730 .product-main>small{display:flex;align-items:center;gap:6px;color:var(--accent);font-size:7px;font-weight:900}.products-v730 .product-main>small::before{content:"";width:14px;height:2px;background:var(--card-bg)}.products-v730 .product-main h3{margin:5px 0 7px;color:#10213c;font-size:21px;line-height:1.55}.products-v730 .product-main p{margin:0;color:#657287;font-size:9px;line-height:1.85}.products-v730 .product-features{display:flex;flex-wrap:wrap;gap:5px;margin-top:11px}.products-v730 .product-features span{padding:5px 8px;border:1px solid #e4eaf3;background:#f7f9fc;color:#52627b;font-size:6.8px}.products-v730 .product-foot{position:absolute;right:20px;left:20px;bottom:15px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:11px;border-top:1px solid #e7edf5}.products-v730 .product-foot small{max-width:62%;color:#8a96a8;font-size:6.8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.products-v730 .product-foot a{display:inline-flex;align-items:center;gap:6px;color:#2f67c7;font-size:7.5px;font-weight:900}.products-v730 .product-foot a svg{width:13px;height:13px;direction:ltr}
.products-v730 .product-nav{top:50%;width:42px;height:42px;border-radius:0;border-color:rgba(124,163,233,.26);background:rgba(4,14,33,.76);color:#fff;backdrop-filter:blur(10px)}.products-v730 .product-prev{left:10px}.products-v730 .product-next{right:10px}.products-v730 .product-controls{bottom:7px}.products-v730 .product-dot{background:rgba(155,184,232,.25)}.products-v730 .product-dot.active{background:#6e9fff}.products-v730 #productAutoplay{border-color:rgba(119,157,223,.25);background:rgba(8,20,45,.8);color:#fff}
.products-v730 .product-active-row{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:0;padding:15px 7px 2px;border-top:1px solid rgba(110,151,222,.12)}.products-v730 .active-product{color:rgba(193,211,241,.52);font-size:9px}.products-v730 .active-product strong{color:#fff;font-size:10px}.products-v730 .product-active-tags{display:flex;flex-wrap:wrap;gap:6px}.products-v730 .product-active-tags span{padding:6px 9px;border:1px solid rgba(112,153,225,.16);background:rgba(255,255,255,.03);color:rgba(194,211,240,.56);font-size:7px}
.v730-capability-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}.v730-capability-grid article{display:grid;grid-template-columns:48px 1fr;gap:13px;align-items:start;min-height:148px;padding:19px;border:1px solid rgba(105,150,231,.16);background:rgba(255,255,255,.032)}.v730-capability-grid article>span{display:grid;place-items:center;width:45px;height:45px;border:1px solid rgba(115,160,239,.2);background:rgba(60,110,217,.09);color:#77a8ff}.v730-capability-grid svg{width:22px;height:22px}.v730-capability-grid strong{display:block;color:#fff;font-size:11px}.v730-capability-grid p{margin:7px 0 0;color:rgba(195,213,242,.52);font-size:8px;line-height:1.9}
@media(max-width:1180px){.v730-products-intro{grid-template-columns:1fr 350px;gap:40px}.v730-products-workspace{grid-template-columns:245px minmax(0,1fr)}.products-v730 .product-card{width:min(480px,50vw)}.v730-capability-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:920px){.products-v730{padding:92px 0}.v730-products-intro{grid-template-columns:1fr}.v730-architecture-card{max-width:650px}.v730-products-workspace{grid-template-columns:1fr}.v730-product-sidebar{padding:17px}.products-v730 .product-category-bar{display:flex;overflow-x:auto;gap:8px}.products-v730 .product-category-button{flex:0 0 215px}.v730-consult-box{display:none}.products-v730 .product-stage{height:560px}.products-v730 .product-card{width:min(520px,70vw)}.v730-capability-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.products-v730{padding:75px 0}.products-v730 h2{font-size:29px;line-height:1.62}.v730-intro-copy>p{font-size:12px}.v730-metrics{grid-template-columns:1fr}.v730-architecture-card{padding:16px}.architecture-layer{display:grid;gap:3px}.v730-showcase-panel{padding:14px 8px}.v730-panel-head>span{display:none}.products-v730 .product-stage{height:520px}.products-v730 .product-card{width:84vw;height:470px}.product-visual{height:192px}.product-mockup{height:126px}.products-v730 .product-body{height:278px;padding:14px 16px}.products-v730 .product-main h3{font-size:18px}.products-v730 .product-main p{font-size:8px}.products-v730 .product-card[data-pos="-1"]{--x:-75%;--scale:.58;--opacity:.5}.products-v730 .product-card[data-pos="1"]{--x:75%;--scale:.58;--opacity:.5}.products-v730 .product-card[data-pos="-2"],.products-v730 .product-card[data-pos="2"]{--opacity:0}.products-v730 .product-prev{left:3px}.products-v730 .product-next{right:3px}.products-v730 .product-active-row{display:grid}.v730-capability-grid{grid-template-columns:1fr}.v730-capability-grid article{min-height:auto}.products-v730 .product-foot small{display:none}}


/* =========================================================
   V7.31 — refined product ecosystem, no decorative numbering
   ========================================================= */
.products-v731{
  padding:118px 0 104px;
  background:
    radial-gradient(circle at 12% 16%,rgba(42,116,255,.18),transparent 30%),
    radial-gradient(circle at 88% 72%,rgba(25,163,190,.10),transparent 34%),
    linear-gradient(145deg,#030a18 0%,#07172e 54%,#040b19 100%);
}
.products-v731::before{opacity:.30;background-size:64px 64px}
.products-v731 .products-shell{width:min(1380px,92vw)}

.v731-products-intro{grid-template-columns:minmax(0,1.12fr) minmax(390px,.78fr);gap:54px;align-items:stretch}
.v731-intro-copy{max-width:none;padding:6px 0}
.v731-kicker{display:flex;align-items:center;gap:13px;margin-bottom:20px}
.v731-kicker-icon{display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(112,170,255,.34);border-radius:14px;background:rgba(61,123,234,.12);color:#9cc7ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.v731-kicker-icon svg{width:23px;height:23px}
.v731-kicker>span:last-child{display:grid;gap:2px}
.v731-kicker small{color:#9fc8ff;font-size:10px;font-weight:800}
.v731-kicker strong{color:#eef5ff;font-size:13px;font-weight:700}
.products-v731 h2{max-width:830px;margin:0 0 18px;color:#fff;font-size:clamp(34px,3vw,49px);line-height:1.56;letter-spacing:-.9px}
.v731-intro-copy>p{max-width:850px;color:rgba(224,235,252,.78);font-size:14px;line-height:2.18}

.v731-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:30px}
.v731-benefit-grid article{display:grid;grid-template-columns:43px 1fr;gap:12px;align-items:start;min-height:142px;padding:17px;border:1px solid rgba(120,166,239,.18);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.052),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.035);transition:.24s ease}
.v731-benefit-grid article:hover{transform:translateY(-3px);border-color:rgba(124,181,255,.36);background:rgba(255,255,255,.065)}
.v731-benefit-grid article>span{display:grid;place-items:center;width:41px;height:41px;border:1px solid rgba(119,176,255,.24);border-radius:12px;background:rgba(54,125,239,.12);color:#a9d1ff}
.v731-benefit-grid svg{width:20px;height:20px}
.v731-benefit-grid h3{margin:0;color:#f4f8ff;font-size:11px;line-height:1.7}
.v731-benefit-grid p{margin:6px 0 0;color:rgba(212,226,248,.69);font-size:8.5px;line-height:1.95}
.v731-intro-actions{display:flex;align-items:center;gap:22px;margin-top:25px}
.v731-intro-actions>a{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0 18px;border:1px solid rgba(125,182,255,.38);border-radius:12px;background:linear-gradient(135deg,#2e72e7,#2159bb);color:#fff;font-size:10px;font-weight:900;box-shadow:0 14px 30px rgba(24,86,190,.24)}
.v731-intro-actions>a svg{width:16px;height:16px;transform:rotate(180deg)}
.v731-intro-actions>span{display:flex;align-items:center;gap:8px;color:rgba(222,234,252,.72);font-size:9px}
.v731-intro-actions>span i{width:7px;height:7px;border-radius:50%;background:#46d5ad;box-shadow:0 0 0 5px rgba(70,213,173,.10)}

.v731-ecosystem-map{position:relative;min-height:100%;padding:24px;border:1px solid rgba(114,166,245,.24);border-radius:26px;background:linear-gradient(155deg,rgba(17,42,82,.94),rgba(5,16,37,.96));box-shadow:0 34px 80px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.055);overflow:hidden}
.v731-ecosystem-map::before{content:"";position:absolute;left:-65px;top:-75px;width:210px;height:210px;border-radius:50%;background:rgba(48,125,255,.20);filter:blur(48px)}
.v731-map-head{position:relative;display:flex;align-items:center;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid rgba(124,168,236,.15)}
.v731-map-head>span{display:grid;gap:3px;direction:ltr;text-align:left}
.v731-map-head small{color:#a4cbff;font-size:8px;letter-spacing:1.25px;font-weight:800}
.v731-map-head strong{color:#f1f6ff;font-size:13px;direction:rtl;text-align:right}
.v731-map-head>i{width:10px;height:10px;border-radius:50%;background:#46d5ad;box-shadow:0 0 0 7px rgba(70,213,173,.09)}
.v731-core-card{position:relative;display:grid;grid-template-columns:48px 1fr auto;gap:13px;align-items:center;margin-top:20px;padding:17px;border:1px solid rgba(127,181,255,.30);border-radius:18px;background:linear-gradient(135deg,rgba(51,117,224,.19),rgba(24,68,136,.12));box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.v731-core-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#3e83ef,#285fc4);color:#fff;box-shadow:0 12px 25px rgba(32,91,190,.28)}
.v731-core-icon svg{width:24px;height:24px}
.v731-core-card>div{display:grid;gap:3px}.v731-core-card small{color:#9fc8ff;font-size:8px}.v731-core-card strong{color:#fff;font-size:11px;line-height:1.7}
.v731-core-status{padding:6px 9px;border:1px solid rgba(78,211,173,.22);border-radius:999px;background:rgba(61,201,163,.08);color:#85e4c6;font-size:7px;font-weight:800;white-space:nowrap}
.v731-map-connector{position:relative;height:28px;margin:0 30px}.v731-map-connector::before{content:"";position:absolute;left:50%;top:0;width:1px;height:14px;background:rgba(122,171,242,.30)}.v731-map-connector::after{content:"";position:absolute;left:12%;right:12%;top:14px;height:1px;background:linear-gradient(90deg,transparent,rgba(122,171,242,.32) 12%,rgba(122,171,242,.32) 88%,transparent)}.v731-map-connector span{position:absolute;top:14px;width:1px;height:14px;background:rgba(122,171,242,.27)}.v731-map-connector span:first-child{left:18%}.v731-map-connector span:nth-child(2){left:50%}.v731-map-connector span:last-child{right:18%}
.v731-product-nodes{position:relative;display:grid;grid-template-columns:repeat(2,1fr);gap:9px}
.v731-product-nodes article{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;min-height:66px;padding:10px 12px;border:1px solid rgba(120,163,228,.16);border-radius:15px;background:rgba(255,255,255,.035)}
.v731-product-nodes article:last-child{grid-column:1/-1}
.v731-product-nodes article>span{grid-row:1/3;display:grid;place-items:center;width:33px;height:33px;border-radius:10px;background:rgba(69,137,240,.11);color:#a8d0ff}
.v731-product-nodes svg{width:17px;height:17px}.v731-product-nodes strong{color:#eef5ff;font-size:9px}.v731-product-nodes small{color:rgba(207,223,247,.66);font-size:7px}
.v731-map-footer{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px;padding-top:15px;border-top:1px solid rgba(122,166,231,.13);direction:ltr}
.v731-map-footer span{padding:6px 9px;border:1px solid rgba(117,168,241,.17);border-radius:999px;background:rgba(255,255,255,.035);color:#bed9ff;font-size:7px;font-weight:700}

.products-v731 .v730-products-workspace{grid-template-columns:290px minmax(0,1fr);gap:20px;margin-top:54px}
.products-v731 .v730-product-sidebar,.products-v731 .v730-showcase-panel{border-color:rgba(112,163,239,.20);border-radius:24px;background:linear-gradient(155deg,rgba(7,21,46,.91),rgba(4,13,30,.91));box-shadow:0 30px 70px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.035)}
.products-v731 .v730-product-sidebar{padding:20px}.products-v731 .sidebar-title{padding:2px 4px 17px}.products-v731 .sidebar-title small{color:#a1c9ff;font-size:9px}.products-v731 .sidebar-title strong{color:#f2f7ff;font-size:14px}
.products-v731 .product-category-bar{gap:9px}
.products-v731 .product-category-button{grid-template-columns:42px minmax(0,1fr) 22px;min-height:70px;padding:10px 11px;border:1px solid rgba(111,157,228,.10);border-radius:15px;background:rgba(255,255,255,.022);color:#e8f1ff}
.products-v731 .product-category-button:hover{border-color:rgba(118,174,255,.26);background:rgba(255,255,255,.052)}
.products-v731 .product-category-button.active{border-color:rgba(110,178,255,.40);border-radius:15px;background:linear-gradient(105deg,rgba(47,116,226,.23),rgba(20,67,138,.12));box-shadow:inset 3px 0 0 #63a8ff,0 12px 24px rgba(0,0,0,.12)}
.products-v731 .product-category-button>svg{border-radius:12px;color:#a8d1ff}
.products-v731 .product-category-button strong{color:#f4f8ff;font-size:10.5px}
.products-v731 .product-category-button small{color:rgba(218,232,252,.68);font-size:8px}
.products-v731 .category-arrow{display:grid!important;place-items:center!important;width:22px;height:22px;border-radius:8px;background:rgba(255,255,255,.035);color:#9fc8ff}
.products-v731 .category-arrow svg{width:13px;height:13px;transform:rotate(180deg)}
.products-v731 .product-category-button.active .category-arrow{background:rgba(89,158,255,.14);color:#fff}
.products-v731 .v730-consult-box{border-radius:17px;background:linear-gradient(145deg,rgba(35,101,203,.18),rgba(11,48,103,.10))}
.products-v731 .v730-consult-box small{color:#a8d0ff}.products-v731 .v730-consult-box a{color:#c9e1ff}
.products-v731 .v730-showcase-panel{padding:22px 20px 17px}.products-v731 .v730-panel-head small{color:#a2cbff}.products-v731 .v730-panel-head>span{color:rgba(220,233,252,.66)}

.products-v731 .product-card{border-radius:22px;overflow:hidden}
.products-v731 .product-visual{border-radius:22px 22px 0 0}
.products-v731 .product-card-status{padding:6px 9px;border:1px solid #dce6f3;border-radius:999px;background:#f5f8fc;color:#52657f;font-size:7px;font-weight:800;white-space:nowrap}
.products-v731 .product-main>small{color:#255fb7}
.products-v731 .product-main>small::before{background:#3b78d4}
.products-v731 .product-main p{color:#53647d;font-size:9px}
.products-v731 .product-features span{border-radius:999px;background:#f5f8fc;color:#425671}
.products-v731 .product-foot a{color:#245eae}
.products-v731 .v731-mock-modules{gap:6px}
.products-v731 .v731-mock-modules span{display:grid;grid-template-columns:8px 1fr;align-items:center;gap:5px;padding:7px 6px}
.products-v731 .v731-mock-modules i{width:7px;height:7px;border-radius:3px;background:rgba(255,255,255,.72);box-shadow:0 0 0 3px rgba(255,255,255,.08)}
.products-v731 .v731-mock-modules small{margin:0;color:rgba(255,255,255,.68);font-size:4.8px;white-space:nowrap}
.products-v731 .active-product{color:rgba(222,234,252,.70)}
.products-v731 .product-active-tags span{color:rgba(222,234,252,.72)}

.v731-capability-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}
.v731-capability-grid article{grid-template-columns:54px 1fr;min-height:176px;padding:22px;border-color:rgba(111,163,239,.18);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.047),rgba(255,255,255,.023));box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.v731-capability-grid .capability-icon{width:50px;height:50px;border-radius:15px;background:rgba(49,119,224,.13);color:#a9d1ff}
.v731-capability-grid article>div>small{display:block;color:#9fc8ff;font-size:8px;font-weight:800}
.v731-capability-grid strong{margin-top:4px;color:#f5f9ff;font-size:13px}
.v731-capability-grid p{margin-top:8px;color:rgba(217,231,251,.72);font-size:9px;line-height:2}
.capability-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.capability-tags span{padding:5px 8px;border:1px solid rgba(123,173,244,.18);border-radius:999px;background:rgba(255,255,255,.028);color:#bed9ff;font-size:7px}

/* Remove low-contrast purple/blue text from dark product surfaces. */
.products-v731 .eyebrow,
.products-v731 .architecture-head span,
.products-v731 .sidebar-title small,
.products-v731 .v730-panel-head small,
.products-v731 .v730-consult-box small,
.products-v731 .v730-consult-box a{color:#a8d1ff!important}

@media(max-width:1180px){
  .v731-products-intro{grid-template-columns:1fr 380px;gap:34px}
  .v731-benefit-grid{grid-template-columns:1fr 1fr}.v731-benefit-grid article:last-child{grid-column:1/-1}
  .products-v731 .v730-products-workspace{grid-template-columns:255px minmax(0,1fr)}
}
@media(max-width:920px){
  .v731-products-intro{grid-template-columns:1fr}.v731-ecosystem-map{max-width:720px}
  .v731-benefit-grid{grid-template-columns:repeat(3,1fr)}.v731-benefit-grid article:last-child{grid-column:auto}
  .products-v731 .v730-products-workspace{grid-template-columns:1fr}
  .products-v731 .product-category-button{flex:0 0 230px}
}
@media(max-width:720px){
  .products-v731{padding:82px 0 74px}.products-v731 h2{font-size:30px;line-height:1.65}
  .v731-benefit-grid{grid-template-columns:1fr}.v731-benefit-grid article:last-child{grid-column:auto;min-height:auto}
  .v731-benefit-grid article{min-height:auto}.v731-intro-actions{align-items:flex-start;flex-direction:column;gap:14px}
  .v731-ecosystem-map{padding:17px;border-radius:20px}.v731-core-card{grid-template-columns:44px 1fr}.v731-core-status{display:none}
  .v731-product-nodes{grid-template-columns:1fr}.v731-product-nodes article:last-child{grid-column:auto}
  .v731-map-connector{display:none}
  .products-v731 .v730-product-sidebar,.products-v731 .v730-showcase-panel{border-radius:19px}
  .v731-capability-grid{grid-template-columns:1fr}.v731-capability-grid article{min-height:auto}
}


/* =========================================================
   V7.32 — premium product ecosystem, Persian typography first
   ========================================================= */
.products-v732{
  --p732-ink:#f4f8ff;
  --p732-muted:#b7c6dc;
  --p732-soft:#8fa6c7;
  --p732-line:rgba(125,174,245,.20);
  --p732-panel:rgba(7,21,46,.86);
  --p732-panel-2:rgba(11,31,65,.82);
  position:relative;
  padding:112px 0 104px;
  background:
    radial-gradient(circle at 86% 9%,rgba(48,112,226,.16),transparent 31%),
    radial-gradient(circle at 7% 30%,rgba(34,179,202,.08),transparent 24%),
    linear-gradient(180deg,#030b1c 0%,#06142c 52%,#030b1d 100%);
  color:var(--p732-ink);
  font-family:"Vazirmatn",Tahoma,"Segoe UI",Arial,sans-serif;
  font-feature-settings:"kern" 1;
}
.products-v732::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;
  background-image:linear-gradient(rgba(115,164,239,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(115,164,239,.10) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(to bottom,black,transparent 46%);
}
.products-v732 .products-shell{position:relative;z-index:2;width:min(1320px,92vw)}
.products-v732 h2,.products-v732 h3,.products-v732 strong{letter-spacing:-.025em;text-wrap:balance}
.products-v732 p{text-wrap:pretty}

.products-v732 .v731-products-intro{grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);gap:64px;align-items:center}
.products-v732 .v731-intro-copy{padding:8px 0}
.products-v732 .v732-kicker{align-items:center;gap:13px;margin-bottom:22px}
.products-v732 .v731-kicker-icon{width:48px;height:48px;border-radius:15px;border:1px solid rgba(112,171,255,.28);background:linear-gradient(145deg,rgba(55,126,233,.20),rgba(34,79,157,.10));color:#aad2ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.products-v732 .v731-kicker-icon svg{width:23px;height:23px}
.products-v732 .v731-kicker small{color:#9fc8ff;font-size:11px;font-weight:600;line-height:1.6}
.products-v732 .v731-kicker strong{color:#f6f9ff;font-size:16px;font-weight:800;line-height:1.7}
.products-v732 .v731-intro-copy h2{max-width:760px;margin:0;color:#fff;font-size:clamp(38px,3.55vw,55px);font-weight:850;line-height:1.62;letter-spacing:-.045em}
.products-v732 .v731-intro-copy>p{max-width:790px;margin:24px 0 0;color:#c0cde0;font-size:15px;font-weight:400;line-height:2.15}

.products-v732 .v732-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:30px}
.products-v732 .v732-benefit-grid article{grid-template-columns:44px minmax(0,1fr);min-height:128px;padding:17px 18px;border:1px solid rgba(118,169,241,.18);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.products-v732 .v732-benefit-grid article>span{width:42px;height:42px;border-radius:13px;background:rgba(60,132,238,.14);color:#a9d1ff}
.products-v732 .v732-benefit-grid article svg{width:21px;height:21px}
.products-v732 .v732-benefit-grid h3{margin:0;color:#f5f8ff;font-size:14px;font-weight:800;line-height:1.8}
.products-v732 .v732-benefit-grid p{margin:4px 0 0;color:#9fb0c8;font-size:11.5px;line-height:1.95}
.products-v732 .v732-intro-actions{display:flex;align-items:center;gap:12px;margin-top:27px}
.products-v732 .v732-intro-actions>a{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 20px;border-radius:13px;font-size:12px;font-weight:800}
.products-v732 .v732-intro-actions>a:first-child{background:linear-gradient(135deg,#3278ec,#315bd7);color:#fff;box-shadow:0 15px 34px rgba(39,100,216,.26)}
.products-v732 .v732-intro-actions>a:first-child svg{width:17px;height:17px;transform:rotate(180deg)}
.products-v732 .v732-secondary-action{border:1px solid rgba(135,181,246,.24);background:rgba(255,255,255,.035);color:#cfe2ff}
.products-v732 .v732-secondary-action:hover{border-color:rgba(135,181,246,.46);background:rgba(69,133,230,.10)}

.products-v732 .v732-ecosystem-map{min-height:620px;padding:25px;border-radius:28px;border:1px solid rgba(118,174,255,.25);background:linear-gradient(155deg,rgba(15,42,85,.96),rgba(4,15,34,.98));box-shadow:0 38px 90px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.05)}
.products-v732 .v732-ecosystem-map::after{content:"";position:absolute;right:-60px;bottom:-90px;width:260px;height:260px;border-radius:50%;background:rgba(43,111,227,.14);filter:blur(60px)}
.v732-platform-head{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid rgba(126,172,240,.16)}
.v732-platform-head>div{display:grid;gap:4px}
.v732-platform-head small{color:#94bff8;font-family:"Syncopate",sans-serif;font-size:7.5px;letter-spacing:1.1px;direction:ltr;text-align:left}
.v732-platform-head strong{color:#f4f8ff;font-size:14px;font-weight:800}
.v732-platform-head>span{display:inline-flex;align-items:center;gap:8px;color:#a9bdd8;font-size:9px;white-space:nowrap}
.v732-platform-head>span i{width:7px;height:7px;border-radius:50%;background:#42d5ad;box-shadow:0 0 0 6px rgba(66,213,173,.10)}
.v732-core-hub{position:relative;z-index:1;display:grid;grid-template-columns:58px 1fr;gap:15px;align-items:center;margin-top:22px;padding:20px;border:1px solid rgba(116,177,255,.33);border-radius:20px;background:linear-gradient(135deg,rgba(49,119,231,.24),rgba(29,75,151,.10));box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 18px 40px rgba(0,0,0,.16)}
.v732-core-logo{display:grid;place-items:center;width:56px;height:56px;border-radius:17px;background:linear-gradient(135deg,#4286ef,#275fc7);color:#fff;box-shadow:0 16px 34px rgba(31,90,190,.32)}
.v732-core-logo svg{width:28px;height:28px}
.v732-core-hub>div{display:grid;gap:3px}.v732-core-hub small{color:#9fc8ff;font-size:9px;font-weight:700;letter-spacing:.5px}.v732-core-hub strong{color:#fff;font-size:14px;font-weight:850}.v732-core-hub p{margin:2px 0 0;color:#aabbd2;font-size:10.5px;line-height:1.85}
.v732-module-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.v732-module-grid article{display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;align-items:center;min-height:78px;padding:12px 14px;border:1px solid rgba(116,165,235,.16);border-radius:16px;background:rgba(255,255,255,.034);transition:.24s ease}
.v732-module-grid article:hover{border-color:rgba(116,177,255,.34);background:rgba(65,130,224,.08);transform:translateY(-2px)}
.v732-module-grid article>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(57,126,224,.13);color:#a9d1ff}
.v732-module-grid svg{width:20px;height:20px}.v732-module-grid article>div{display:grid;gap:2px}.v732-module-grid strong{color:#f2f7ff;font-size:11.5px;font-weight:800}.v732-module-grid small{color:#94a8c5;font-size:9px;line-height:1.6}
.v732-module-grid .v732-ai-module{grid-column:1/-1;background:linear-gradient(105deg,rgba(43,120,226,.12),rgba(42,197,181,.05))}
.v732-platform-footer{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:7px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(123,167,231,.14);direction:ltr}
.v732-platform-footer span{padding:7px 10px;border:1px solid rgba(125,174,243,.18);border-radius:999px;background:rgba(255,255,255,.03);color:#bfd9fc;font-size:8px;font-weight:700}

.products-v732 .v730-products-workspace{grid-template-columns:315px minmax(0,1fr);gap:22px;margin-top:76px}
.products-v732 .v730-product-sidebar,.products-v732 .v730-showcase-panel{border-radius:26px;border-color:rgba(118,169,241,.21);background:linear-gradient(155deg,rgba(8,24,52,.94),rgba(4,14,31,.94));box-shadow:0 34px 80px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.04)}
.products-v732 .v730-product-sidebar{padding:22px}
.products-v732 .sidebar-title{padding:3px 4px 19px;border-bottom:1px solid rgba(122,169,237,.12)}
.products-v732 .sidebar-title small{color:#9fc8ff!important;font-size:10px;font-weight:600}
.products-v732 .sidebar-title strong{margin-top:4px;color:#f4f8ff;font-size:16px;font-weight:850;line-height:1.8}
.products-v732 .product-category-bar{gap:10px;margin-top:17px}
.products-v732 .product-category-button{grid-template-columns:46px minmax(0,1fr) 25px;min-height:82px;padding:12px 13px;border-radius:17px;border:1px solid rgba(117,164,232,.12);background:rgba(255,255,255,.025)}
.products-v732 .product-category-button:hover{border-color:rgba(117,177,255,.31);background:rgba(65,130,224,.07)}
.products-v732 .product-category-button.active{border-color:rgba(105,177,255,.48);background:linear-gradient(105deg,rgba(51,125,237,.25),rgba(22,67,139,.12));box-shadow:inset 3px 0 0 #68adff,0 14px 28px rgba(0,0,0,.14)}
.products-v732 .product-category-button>svg{width:42px;height:42px;padding:10px;border-radius:13px;background:rgba(64,133,232,.11);color:#acd3ff}
.products-v732 .product-category-button strong{color:#f3f7ff;font-size:12.5px;font-weight:800}
.products-v732 .product-category-button small{margin-top:2px;color:#9fafc5;font-size:10px}
.products-v732 .category-arrow{width:25px;height:25px;border-radius:9px}
.products-v732 .v730-consult-box{margin-top:18px;padding:19px;border-radius:18px;border:1px solid rgba(104,169,255,.23);background:linear-gradient(145deg,rgba(43,112,219,.18),rgba(10,42,91,.11))}
.products-v732 .v730-consult-box small{color:#9fc8ff!important;font-size:10px}.products-v732 .v730-consult-box strong{margin-top:7px;color:#f3f7ff;font-size:12.5px;line-height:1.9}.products-v732 .v730-consult-box a{margin-top:14px;color:#d5e7ff!important;font-size:10.5px;font-weight:800}
.products-v732 .v730-showcase-panel{padding:24px 22px 18px}
.products-v732 .v730-panel-head{padding:2px 3px 17px;border-bottom:1px solid rgba(122,169,237,.13)}
.products-v732 .v730-panel-head small{color:#9fc8ff!important;font-size:10px}.products-v732 .v730-panel-head strong{margin-top:3px;color:#f4f8ff;font-size:16px;font-weight:850}.products-v732 .v730-panel-head>span{color:#93a6c1;font-size:10px}

.products-v732 .product-stage{height:650px}
.products-v732 .product-card{width:min(590px,49vw);height:548px;border-radius:24px;border-color:rgba(220,230,245,.92);box-shadow:0 42px 95px rgba(0,0,0,.42)}
.products-v732 .product-card.active{box-shadow:0 50px 110px rgba(0,0,0,.50),0 0 0 1px rgba(104,167,255,.28)}
.products-v732 .product-visual{height:230px;padding:18px 20px 0;border-radius:24px 24px 0 0}
.products-v732 .product-visual-icon{width:47px;height:47px;border-radius:13px}.products-v732 .product-visual-icon svg{width:25px;height:25px}
.products-v732 .product-badge{padding:8px 12px;border-radius:999px;font-size:9px}
.products-v732 .product-mockup{height:155px;margin:11px auto 0;border-radius:11px 11px 0 0}
.products-v732 .product-body{height:318px;padding:19px 23px 20px}
.products-v732 .product-head{padding-bottom:13px}.products-v732 .product-brand strong{font-size:10px}.products-v732 .product-brand small{font-size:7px}.products-v732 .product-card-status{padding:7px 10px;font-size:8.5px}
.products-v732 .product-main{margin-top:18px;max-width:100%}.products-v732 .product-main>small{font-size:10px;font-weight:800}.products-v732 .product-main h3{margin:6px 0 8px;font-size:27px;line-height:1.5}.products-v732 .product-main p{max-width:95%;color:#56667d;font-size:12.5px;line-height:1.95}
.products-v732 .product-features{gap:7px;margin-top:13px}.products-v732 .product-features span{padding:6px 10px;border-radius:999px;font-size:9.5px}
.products-v732 .product-foot{right:23px;left:23px;bottom:17px;padding-top:13px}.products-v732 .product-foot small{color:#7f8da2;font-size:9px}.products-v732 .product-foot a{font-size:10px}.products-v732 .product-foot a svg{width:15px;height:15px}
.products-v732 .active-product{font-size:10px}.products-v732 .product-active-tags span{font-size:9px}

.products-v732 .v731-capability-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}
.products-v732 .v731-capability-grid article{grid-template-columns:58px minmax(0,1fr);min-height:190px;padding:24px;border-radius:22px;border-color:rgba(117,169,242,.20);background:linear-gradient(145deg,rgba(255,255,255,.047),rgba(255,255,255,.021));box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.products-v732 .v731-capability-grid .capability-icon{width:54px;height:54px;border-radius:16px;background:linear-gradient(145deg,rgba(52,124,230,.18),rgba(32,84,171,.09));color:#add4ff}
.products-v732 .v731-capability-grid .capability-icon svg{width:26px;height:26px}
.products-v732 .v731-capability-grid article>div>small{color:#9fc8ff;font-size:10px;font-weight:700}.products-v732 .v731-capability-grid strong{margin-top:5px;color:#f5f9ff;font-size:16px;font-weight:850}.products-v732 .v731-capability-grid p{margin-top:9px;color:#aebdd2;font-size:12px;line-height:2}.products-v732 .capability-tags{gap:7px;margin-top:14px}.products-v732 .capability-tags span{padding:6px 9px;font-size:8.5px}

@media(max-width:1180px){
  .products-v732 .v731-products-intro{grid-template-columns:1fr 410px;gap:38px}
  .products-v732 .v731-intro-copy h2{font-size:clamp(35px,4vw,48px)}
  .products-v732 .v730-products-workspace{grid-template-columns:275px minmax(0,1fr)}
  .products-v732 .product-card{width:min(540px,52vw)}
}
@media(max-width:920px){
  .products-v732{padding:92px 0}
  .products-v732 .v731-products-intro{grid-template-columns:1fr}
  .products-v732 .v732-ecosystem-map{max-width:760px;min-height:auto}
  .products-v732 .v730-products-workspace{grid-template-columns:1fr}
  .products-v732 .product-category-bar{display:flex;overflow-x:auto;padding-bottom:5px}
  .products-v732 .product-category-button{flex:0 0 250px}
  .products-v732 .v730-consult-box{display:none}
  .products-v732 .product-card{width:min(570px,72vw)}
}
@media(max-width:680px){
  .products-v732{padding:76px 0 72px}
  .products-v732 .products-shell{width:92vw}
  .products-v732 .v731-intro-copy h2{font-size:31px;line-height:1.72}
  .products-v732 .v731-intro-copy>p{font-size:13px;line-height:2.05}
  .products-v732 .v732-benefit-grid{grid-template-columns:1fr}
  .products-v732 .v732-benefit-grid article{min-height:auto}
  .products-v732 .v732-intro-actions{align-items:stretch;flex-direction:column}.products-v732 .v732-intro-actions>a{width:100%}
  .products-v732 .v732-ecosystem-map{padding:18px;border-radius:21px}
  .v732-platform-head{align-items:flex-start;gap:12px}.v732-platform-head>span{font-size:8px}
  .v732-core-hub{grid-template-columns:48px 1fr;padding:15px}.v732-core-logo{width:47px;height:47px;border-radius:14px}.v732-core-hub p{display:none}
  .v732-module-grid{grid-template-columns:1fr}.v732-module-grid .v732-ai-module{grid-column:auto}
  .products-v732 .v730-product-sidebar,.products-v732 .v730-showcase-panel{border-radius:20px}
  .products-v732 .product-stage{height:570px}
  .products-v732 .product-card{width:86vw;height:490px;border-radius:19px}.products-v732 .product-visual{height:198px;border-radius:19px 19px 0 0}.products-v732 .product-body{height:292px;padding:16px 18px}.products-v732 .product-main h3{font-size:21px}.products-v732 .product-main p{font-size:10px}.products-v732 .product-features span{font-size:8px}.products-v732 .product-foot{right:18px;left:18px}.products-v732 .product-foot small{display:none}
  .products-v732 .v731-capability-grid{grid-template-columns:1fr}.products-v732 .v731-capability-grid article{min-height:auto;padding:20px}
}


/* V7.32.1 — final optical tuning after desktop review */
.products-v732{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.products-v732 .v731-intro-copy{padding-inline:8px}
.products-v732 .v731-intro-copy h2{max-width:720px;font-size:clamp(36px,3.15vw,48px);line-height:1.68}
.products-v732 .product-stage{height:670px}
.products-v732 .product-card{height:566px}
.products-v732 .product-body{height:336px;padding-bottom:22px}
.products-v732 .product-foot{bottom:18px}
@media(max-width:1180px){.products-v732 .v731-intro-copy h2{font-size:clamp(34px,3.6vw,44px)}}
@media(max-width:680px){
  .products-v732 .v731-intro-copy{padding-inline:0}
  .products-v732 .v731-intro-copy h2{font-size:30px;line-height:1.75}
  .products-v732 .product-stage{height:585px}
  .products-v732 .product-card{height:506px}
  .products-v732 .product-body{height:308px}
}


/* =========================================================
   V7.33 — Product Universe / full visual redesign
   ========================================================= */
.products-v733{
  position:relative;
  width:100%;
  max-width:none;
  margin:0;
  padding:120px 0 110px;
  overflow:hidden;
  color:#eef5ff;
  background:
    radial-gradient(circle at 10% 8%,rgba(38,111,230,.20),transparent 28%),
    radial-gradient(circle at 87% 30%,rgba(23,161,190,.11),transparent 26%),
    linear-gradient(180deg,#020713 0%,#061126 48%,#030914 100%);
  font-family:"Vazirmatn",Tahoma,"Segoe UI",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.products-v733::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,transparent 0,#000 13%,#000 78%,transparent 100%)}
.products-v733::after{content:"";position:absolute;left:50%;top:0;width:min(1500px,100vw);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(92,151,255,.62),transparent)}
.p733-grid-bg{position:absolute;inset:0;pointer-events:none;opacity:.45;background-image:radial-gradient(circle,rgba(139,183,255,.30) .7px,transparent .8px);background-size:23px 23px;mask-image:radial-gradient(circle at 50% 17%,#000 0,transparent 44%)}
.products-v733 .p733-shell{position:relative;z-index:2;width:min(1420px,92vw);margin:auto}

.p733-hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(500px,.98fr);gap:72px;align-items:center;min-height:620px}
.p733-copy{padding:20px 0 20px 10px}
.p733-kicker{display:flex;align-items:center;gap:12px;margin-bottom:23px;color:#b9d8ff;font-size:10px;font-weight:700}
.p733-kicker>span{direction:ltr;font-family:"Syncopate",sans-serif;font-size:8px;letter-spacing:1.45px;color:#8ebcff}
.p733-kicker>i{width:38px;height:1px;background:linear-gradient(90deg,#57a4ff,transparent)}
.p733-kicker>small{font-size:11px;color:#c8d8ee}
.p733-copy h2{max-width:780px;margin:0;color:#fff;font-size:clamp(45px,4.4vw,69px);font-weight:850;line-height:1.34;letter-spacing:-1.7px}
.p733-copy h2 span{display:inline-block;color:#8fc5ff;font-size:.70em;font-weight:760;letter-spacing:-.8px}
.p733-copy>p{max-width:760px;margin:24px 0 0;color:#a9bcd5;font-size:15px;font-weight:400;line-height:2.15}
.p733-principles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:31px}
.p733-principles article{display:grid;grid-template-columns:46px 1fr;gap:12px;align-items:center;min-height:74px;padding:13px 14px;border:1px solid rgba(130,178,244,.13);border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));transition:.25s ease}
.p733-principles article:hover{transform:translateY(-3px);border-color:rgba(115,179,255,.34);background:rgba(51,118,219,.10)}
.p733-principles article>span{display:grid;place-items:center;width:45px;height:45px;border-radius:13px;background:rgba(64,136,241,.12);color:#9fceff}
.p733-principles svg{width:22px;height:22px}.p733-principles div{display:grid;gap:2px}.p733-principles strong{color:#f2f7ff;font-size:13px;font-weight:800}.p733-principles small{color:#8ea3bf;font-size:10px;line-height:1.7}
.p733-actions{display:flex;align-items:center;gap:12px;margin-top:30px}.p733-actions a{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 21px;border:1px solid #5aa1ff;border-radius:14px;background:linear-gradient(135deg,#2f7bea,#245ec6);color:#fff;font-size:12px;font-weight:800;box-shadow:0 14px 32px rgba(39,104,211,.24);transition:.25s}.p733-actions a:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(39,104,211,.32)}.p733-actions a svg{width:17px;height:17px}.p733-actions .ghost{border-color:rgba(132,177,239,.22);background:rgba(255,255,255,.035);box-shadow:none;color:#c9d9ed}

.p733-orbit{position:relative;height:570px;min-width:0;isolation:isolate}
.p733-orbit::before{content:"";position:absolute;inset:35px 0;border:1px solid rgba(105,156,225,.12);border-radius:38px;background:linear-gradient(145deg,rgba(10,30,64,.75),rgba(3,12,28,.78));box-shadow:0 45px 100px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.035);backdrop-filter:blur(16px)}
.p733-orbit::after{content:"";position:absolute;inset:35px 0;border-radius:38px;pointer-events:none;background:linear-gradient(90deg,transparent 49.8%,rgba(118,169,239,.05) 50%,transparent 50.2%),linear-gradient(transparent 49.8%,rgba(118,169,239,.05) 50%,transparent 50.2%)}
.p733-orbit-glow{position:absolute;z-index:-1;left:50%;top:50%;width:340px;height:340px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(55,132,248,.30),rgba(32,93,198,.08) 45%,transparent 70%);filter:blur(8px)}
.p733-orbit-ring{position:absolute;z-index:1;left:50%;top:50%;border:1px solid rgba(99,157,239,.14);border-radius:50%;transform:translate(-50%,-50%)}.p733-orbit-ring.ring-one{width:300px;height:300px;animation:p733Spin 28s linear infinite}.p733-orbit-ring.ring-two{width:420px;height:420px;border-style:dashed;animation:p733SpinReverse 35s linear infinite}.p733-orbit-ring::before,.p733-orbit-ring::after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#69b5ff;box-shadow:0 0 0 6px rgba(70,151,255,.08),0 0 20px rgba(94,176,255,.9)}.p733-orbit-ring::before{left:10%;top:18%}.p733-orbit-ring::after{right:12%;bottom:16%}
@keyframes p733Spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes p733SpinReverse{to{transform:translate(-50%,-50%) rotate(-360deg)}}
.p733-orbit-lines{position:absolute;z-index:1;inset:25px 0;width:100%;height:520px;overflow:visible}.p733-orbit-lines path{fill:none;stroke:rgba(104,171,255,.34);stroke-width:1;stroke-dasharray:5 7;animation:p733Dash 16s linear infinite}@keyframes p733Dash{to{stroke-dashoffset:-170}}
.p733-core{position:absolute;z-index:5;left:50%;top:50%;width:202px;height:202px;display:grid;place-items:center;align-content:center;gap:5px;transform:translate(-50%,-50%);border:1px solid rgba(125,184,255,.44);border-radius:50%;background:radial-gradient(circle at 36% 28%,#2f7ce4,#123c86 58%,#071a3f 100%);box-shadow:0 0 0 12px rgba(62,137,237,.055),0 0 0 25px rgba(62,137,237,.025),0 30px 70px rgba(0,0,0,.40),inset 0 1px 0 rgba(255,255,255,.22);text-align:center}
.p733-core>span{display:grid;place-items:center;width:48px;height:48px;margin-bottom:3px;border:1px solid rgba(255,255,255,.20);border-radius:15px;background:rgba(255,255,255,.11);color:#fff}.p733-core svg{width:27px;height:27px}.p733-core small{direction:ltr;color:#a9d3ff;font-family:"Syncopate",sans-serif;font-size:7px;letter-spacing:.9px}.p733-core strong{color:#fff;font-size:15px;font-weight:850}.p733-core p{margin:0;color:#b8d3f2;font-size:9px}.p733-core>i{display:inline-flex;align-items:center;gap:5px;margin-top:4px;padding:5px 9px;border-radius:999px;background:rgba(20,221,166,.10);color:#81e6c7;font-size:8px;font-style:normal}.p733-core>i::before{content:"";width:5px;height:5px;border-radius:50%;background:#42d8ae;box-shadow:0 0 10px #42d8ae}
.p733-node{position:absolute;z-index:4;display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;width:148px;min-height:68px;padding:10px 12px;border:1px solid rgba(123,176,247,.23);border-radius:17px;background:linear-gradient(145deg,rgba(17,47,91,.95),rgba(5,18,40,.96));box-shadow:0 18px 38px rgba(0,0,0,.27),inset 0 1px 0 rgba(255,255,255,.045);transition:.3s ease}.p733-node:hover{transform:translateY(-5px)!important;border-color:rgba(100,180,255,.55);box-shadow:0 24px 46px rgba(0,0,0,.35),0 0 26px rgba(54,139,240,.12)}
.p733-node>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(64,139,241,.13);color:#a9d6ff}.p733-node svg{width:21px;height:21px}.p733-node div{display:grid;gap:1px;direction:ltr;text-align:left}.p733-node strong{color:#f3f8ff;font-size:10px}.p733-node small{direction:rtl;color:#91a6c0;font-size:8px;text-align:left}.node-crm{right:4%;top:42px}.node-booking{left:4%;top:42px}.node-commerce{right:-1%;top:249px}.node-workflow{left:-1%;top:249px}.node-bi{right:4%;bottom:43px}.node-docs{left:4%;bottom:43px}
.p733-orbit-status{position:absolute;z-index:6;left:50%;bottom:3px;display:flex;gap:7px;transform:translateX(-50%);white-space:nowrap}.p733-orbit-status span{display:flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid rgba(122,171,238,.16);border-radius:999px;background:rgba(4,16,35,.88);color:#aac5e5;font-size:7.5px}.p733-orbit-status i{width:4px;height:4px;border-radius:50%;background:#5da7ff}

.p733-explorer{margin-top:120px;padding:34px 30px 24px;border:1px solid rgba(120,170,240,.16);border-radius:34px;background:linear-gradient(155deg,rgba(9,29,62,.88),rgba(4,15,34,.91));box-shadow:0 50px 110px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.035)}
.p733-explorer-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;padding:4px 6px 26px;border-bottom:1px solid rgba(119,164,226,.13)}.p733-explorer-head>div:first-child{max-width:760px}.p733-explorer-head>div:first-child>span{direction:ltr;display:block;color:#82b9ff;font-family:"Syncopate",sans-serif;font-size:8px;letter-spacing:1.3px}.p733-explorer-head h3{margin:8px 0 7px;color:#fff;font-size:clamp(27px,2.5vw,39px);font-weight:850;line-height:1.55}.p733-explorer-head p{margin:0;color:#96a9c3;font-size:12px;line-height:2}
.p733-live{display:flex;align-items:center;gap:11px;min-width:260px;padding:13px 15px;border:1px solid rgba(72,210,166,.19);border-radius:16px;background:rgba(38,177,139,.065)}.p733-live>i{width:11px;height:11px;border-radius:50%;background:#45d5aa;box-shadow:0 0 0 7px rgba(69,213,170,.08),0 0 18px rgba(69,213,170,.54)}.p733-live>span{display:grid;gap:2px}.p733-live small{color:#85b6aa;font-size:8px}.p733-live strong{color:#dffcf3;font-size:10px}
.p733-tabs{display:flex;gap:9px;margin:22px 0 0;padding:6px;overflow-x:auto;scrollbar-width:none;border:1px solid rgba(118,165,230,.11);border-radius:19px;background:rgba(0,0,0,.12)}.p733-tabs::-webkit-scrollbar{display:none}.p733-tabs .product-category-button{flex:0 0 auto;display:grid;grid-template-columns:38px 1fr;gap:9px;align-items:center;min-width:180px;min-height:62px;padding:9px 12px;border:1px solid transparent;border-radius:14px;background:transparent;color:#dce9f9;text-align:right;cursor:pointer;transition:.25s}.p733-tabs .product-category-button:hover{background:rgba(255,255,255,.035)}.p733-tabs .product-category-button.active{border-color:rgba(108,174,255,.39);background:linear-gradient(135deg,rgba(53,128,231,.25),rgba(20,68,139,.13));box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.p733-tab-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:rgba(66,139,239,.12);color:#9dcfff}.p733-tab-icon svg{width:19px;height:19px}.p733-tabs button>span:last-child{display:grid;gap:1px}.p733-tabs strong{color:#f2f7ff;font-size:10.5px;font-weight:800}.p733-tabs small{color:#8297b3;font-size:8px}.p733-tabs .active .p733-tab-icon{background:#2f78dd;color:#fff;box-shadow:0 8px 20px rgba(37,100,206,.25)}
.p733-showcase{margin-top:20px;padding:20px 12px 12px;border:1px solid rgba(116,161,224,.10);border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(0,0,0,.07))}.p733-showcase-top{display:flex;justify-content:space-between;gap:20px;padding:0 13px 12px;color:#8297b3;font-size:9px}.p733-showcase-top>span{color:#b8d3f4;font-weight:800}.p733-showcase-top p{margin:0}
.products-v733 .product-slider{margin:0}.products-v733 .product-stage{height:570px;overflow:hidden;perspective:2300px}.products-v733 .product-stage::before{bottom:63px;width:64%;height:60px;background:rgba(0,0,0,.38);filter:blur(34px)}
.products-v733 .product-card{--x:0%;--z:0;--ry:0deg;--scale:1;--opacity:1;--brightness:1;--blur:0;--layer:1;left:50%;top:47%;width:min(820px,61vw);height:445px;aspect-ratio:auto;display:grid;grid-template-columns:1.07fr .93fr;grid-template-areas:"visual body";direction:ltr;overflow:hidden;border:1px solid rgba(214,228,246,.96);border-radius:27px;background:#fff;color:#14223b;box-shadow:0 44px 100px rgba(0,0,0,.42),0 0 0 1px rgba(64,117,189,.06);transform:translate(-50%,-50%) translateX(var(--x)) translateZ(var(--z)) rotateY(var(--ry)) scale(var(--scale));transition:transform .78s cubic-bezier(.18,.78,.22,1),opacity .55s ease,filter .55s ease,box-shadow .75s ease}
.products-v733 .product-card::before{display:none}.products-v733 .product-card.active{box-shadow:0 54px 125px rgba(0,0,0,.52),0 0 0 1px rgba(93,159,247,.24)}
.products-v733 .product-card[data-pos="0"]{--x:0%;--z:140px;--ry:0deg;--scale:1;--opacity:1;--brightness:1;--blur:0;--layer:10}.products-v733 .product-card[data-pos="-1"]{--x:-56%;--z:-80px;--ry:8deg;--scale:.78;--opacity:.62;--brightness:.75;--blur:.25px;--layer:6}.products-v733 .product-card[data-pos="1"]{--x:56%;--z:-80px;--ry:-8deg;--scale:.78;--opacity:.62;--brightness:.75;--blur:.25px;--layer:6}.products-v733 .product-card[data-pos="-2"]{--x:-94%;--z:-180px;--ry:15deg;--scale:.61;--opacity:.25;--brightness:.56;--blur:1px;--layer:3}.products-v733 .product-card[data-pos="2"]{--x:94%;--z:-180px;--ry:-15deg;--scale:.61;--opacity:.25;--brightness:.56;--blur:1px;--layer:3}.products-v733 .product-card[data-pos="hidden-left"]{--x:-122%;--z:-250px;--ry:22deg;--scale:.5;--opacity:0;--brightness:.45;--blur:2px;--layer:1;pointer-events:none}.products-v733 .product-card[data-pos="hidden-right"]{--x:122%;--z:-250px;--ry:-22deg;--scale:.5;--opacity:0;--brightness:.45;--blur:2px;--layer:1;pointer-events:none}
.products-v733 .product-visual{grid-area:visual;position:relative;height:100%;min-height:0;padding:22px 22px 0;overflow:hidden;border-radius:26px 0 0 26px;background:radial-gradient(circle at 25% 18%,color-mix(in srgb,var(--accent) 30%,transparent),transparent 34%),linear-gradient(155deg,#07172f,#061022 70%,#040b18)}.products-v733 .product-visual::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:25px 25px;mask-image:linear-gradient(to bottom,#000,transparent 85%)}
.p733-product-watermark{position:absolute;left:-8px;bottom:17px;color:rgba(255,255,255,.025);font-family:"Syncopate",sans-serif;font-size:24px;font-weight:700;letter-spacing:2px;white-space:nowrap;transform:rotate(-90deg);transform-origin:left bottom}
.products-v733 .product-visual-head{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between}.products-v733 .product-visual-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid color-mix(in srgb,var(--accent) 48%,transparent);border-radius:14px;background:color-mix(in srgb,var(--accent) 17%,transparent);color:#fff;box-shadow:0 11px 28px color-mix(in srgb,var(--accent) 20%,transparent)}.products-v733 .product-visual-icon svg{width:25px;height:25px}.products-v733 .product-badge{padding:7px 11px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.06);color:#eaf4ff;font-size:8px;font-weight:800}
.p733-app-window{position:relative;z-index:2;width:94%;height:310px;margin:21px auto 0;overflow:hidden;border:1px solid rgba(173,208,255,.20);border-radius:14px 14px 0 0;background:#0b1e3b;box-shadow:0 26px 60px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.04)}.p733-app-top{height:34px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 11px;border-bottom:1px solid rgba(167,202,249,.11);background:rgba(255,255,255,.025)}.p733-app-top>div{display:flex;gap:4px}.p733-app-top i{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.26)}.p733-app-top b{color:#91b9e8;font-size:5.5px;letter-spacing:.8px}.p733-app-layout{display:grid;grid-template-columns:31px 1fr;height:calc(100% - 34px)}.p733-app-nav{display:grid;align-content:start;justify-items:center;gap:13px;padding-top:15px;border-right:1px solid rgba(167,202,249,.08);background:rgba(2,9,20,.22)}.p733-app-nav i{width:10px;height:10px;border-radius:3px;background:rgba(147,185,233,.14)}.p733-app-nav i.active{background:var(--accent);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 70%,transparent)}.p733-app-content{padding:13px 14px;overflow:hidden}.p733-app-title{display:flex;align-items:center;justify-content:space-between;color:#dcecff;font-size:7px;font-weight:800}.p733-app-title em{width:34px;height:7px;border-radius:999px;background:rgba(255,255,255,.07)}
.p733-mini-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px}.p733-mini-kpis span{display:grid;grid-template-columns:8px 1fr;align-items:center;gap:6px;min-height:37px;padding:6px;border:1px solid rgba(148,190,243,.09);border-radius:8px;background:rgba(255,255,255,.025)}.p733-mini-kpis i{width:8px;height:8px;border-radius:3px;background:color-mix(in srgb,var(--accent) 75%,white 8%)}.p733-mini-kpis small{color:#8faaca;font-size:5.4px}.p733-analytics{display:grid;grid-template-columns:1.4fr .6fr;gap:8px;margin-top:9px}.p733-bars{height:95px;display:flex;align-items:end;gap:5px;padding:12px 10px;border:1px solid rgba(148,190,243,.08);border-radius:9px;background:rgba(255,255,255,.018)}.p733-bars i{flex:1;border-radius:3px 3px 1px 1px;background:linear-gradient(to top,color-mix(in srgb,var(--accent) 75%,#0b1e3b),color-mix(in srgb,var(--accent) 95%,white 4%));opacity:.8}.p733-list{display:grid;align-content:start;gap:7px;padding:10px;border:1px solid rgba(148,190,243,.08);border-radius:9px;background:rgba(255,255,255,.018)}.p733-list span{height:17px;border-radius:5px;background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,255,255,.025))}
.p733-calendar{margin-top:11px;padding:10px;border:1px solid rgba(148,190,243,.09);border-radius:10px;background:rgba(255,255,255,.02)}.p733-calendar header{display:flex;justify-content:space-between;color:#99b3d1;font-size:6px}.p733-calendar header b{color:#dcecff}.p733-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-top:10px}.p733-calendar-grid i{height:20px;border-radius:5px;background:rgba(255,255,255,.045)}.p733-calendar-grid i.busy{background:color-mix(in srgb,var(--accent) 45%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 55%,transparent)}.p733-calendar footer{display:flex;gap:6px;margin-top:10px}.p733-calendar footer span{height:7px;flex:1;border-radius:999px;background:rgba(255,255,255,.045)}
.p733-order-list,.p733-doc-list,.p733-ticket-list{display:grid;gap:7px;margin-top:11px}.p733-order-list>div,.p733-doc-list>div,.p733-ticket-list>div{display:grid;grid-template-columns:24px 1fr 38px;gap:8px;align-items:center;min-height:48px;padding:7px 8px;border:1px solid rgba(148,190,243,.08);border-radius:8px;background:rgba(255,255,255,.02)}.p733-order-list>div>i,.p733-doc-list .file,.p733-ticket-list>div>i{width:22px;height:22px;border-radius:7px;background:color-mix(in srgb,var(--accent) 18%,transparent)}.p733-order-list span,.p733-doc-list p,.p733-ticket-list span{display:grid;gap:2px;margin:0}.p733-order-list b,.p733-doc-list b,.p733-ticket-list b{color:#d7e9ff;font-size:6.2px}.p733-order-list small,.p733-doc-list small,.p733-ticket-list small{color:#8099b8;font-size:5.2px}.p733-order-list em,.p733-doc-list em,.p733-ticket-list em{height:7px;border-radius:999px;background:rgba(255,255,255,.055)}.p733-doc-list .file{position:relative;border-radius:5px}.p733-doc-list .file::after{content:"";position:absolute;right:4px;top:4px;width:7px;height:1px;background:rgba(255,255,255,.35);box-shadow:0 4px rgba(255,255,255,.25),0 8px rgba(255,255,255,.17)}.p733-ticket-list>div>i.blue{background:rgba(51,139,255,.24)}.p733-ticket-list>div>i.green{background:rgba(37,203,155,.22)}.p733-ticket-list>div>i.amber{background:rgba(245,178,57,.20)}
.p733-flow{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:29px}.p733-flow>span{display:grid;justify-items:center;gap:6px;min-width:58px}.p733-flow>span i{width:18px;height:18px;border:2px solid rgba(151,188,235,.24);border-radius:50%}.p733-flow>span.done i{border-color:#45d2a8;background:#45d2a8;box-shadow:0 0 0 5px rgba(69,210,168,.08)}.p733-flow>span.active i{border-color:var(--accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 12%,transparent),0 0 14px color-mix(in srgb,var(--accent) 45%,transparent)}.p733-flow b{color:#91a9c6;font-size:5.2px}.p733-flow>em{width:34px;height:1px;background:linear-gradient(90deg,rgba(130,174,233,.15),rgba(130,174,233,.55),rgba(130,174,233,.15))}.p733-flow-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:27px}.p733-flow-meta span{height:26px;border-radius:7px;background:rgba(255,255,255,.025)}
.p733-health{margin-top:13px}.p733-health-profile{display:grid;grid-template-columns:38px 1fr;gap:9px;align-items:center;padding:9px;border:1px solid rgba(148,190,243,.08);border-radius:9px;background:rgba(255,255,255,.02)}.p733-health-profile>i{width:36px;height:36px;border-radius:50%;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 36%,transparent),rgba(255,255,255,.04))}.p733-health-profile span{display:grid}.p733-health-profile b{color:#dbeaff;font-size:6.3px}.p733-health-profile small{color:#829bbb;font-size:5.2px}.p733-health-track{display:flex;align-items:center;gap:0;margin:21px 9px}.p733-health-track span{position:relative;flex:1;height:1px;background:rgba(139,181,236,.15)}.p733-health-track span::before{content:"";position:absolute;right:0;top:50%;width:8px;height:8px;border-radius:50%;transform:translateY(-50%);background:#25486e}.p733-health-track span.active{background:color-mix(in srgb,var(--accent) 68%,transparent)}.p733-health-track span.active::before{background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 11%,transparent)}.p733-health-cards{display:grid;grid-template-columns:1fr 1fr;gap:7px}.p733-health-cards span{height:39px;display:grid;place-items:center;border-radius:8px;background:rgba(255,255,255,.025);color:#8ca5c4;font-size:5.4px}
.p733-bi-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:8px;margin-top:12px}.p733-bi-chart,.p733-bi-side{min-height:151px;padding:10px;border:1px solid rgba(148,190,243,.08);border-radius:9px;background:rgba(255,255,255,.018)}.p733-bi-chart>div{height:105px;display:flex;align-items:end;gap:5px}.p733-bi-chart i{flex:1;border-radius:3px 3px 1px 1px;background:linear-gradient(to top,color-mix(in srgb,var(--accent) 68%,#0b1e3b),var(--accent))}.p733-bi-chart small{display:block;margin-top:7px;color:#839cbb;font-size:5px}.p733-bi-side{display:grid;align-content:center;justify-items:center;gap:10px}.p733-donut{width:64px;height:64px;border-radius:50%;background:conic-gradient(var(--accent) 0 67%,rgba(255,255,255,.07) 67% 100%);position:relative}.p733-donut::after{content:"";position:absolute;inset:12px;border-radius:50%;background:#0b1e3b}.p733-bi-side span{display:grid;text-align:center}.p733-bi-side b{color:#dbeaff;font-size:5.8px}.p733-bi-side small{color:#8099b8;font-size:4.8px}
.products-v733 .product-body{grid-area:body;position:relative;height:100%;padding:25px 27px 24px;display:flex;flex-direction:column;direction:rtl;background:linear-gradient(180deg,#fff,#f8fbff)}.products-v733 .product-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding-bottom:14px;border-bottom:1px solid #e7edf5}.products-v733 .product-brand{display:grid;direction:ltr;text-align:left}.products-v733 .product-brand strong{color:#1e57a6;font-size:10px;font-weight:900;letter-spacing:.35px}.products-v733 .product-brand small{color:#8a9ab0;font-size:6.5px;letter-spacing:.7px}.products-v733 .product-card-status{display:flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #dfe8f3;border-radius:999px;background:#f5f8fc;color:#52657f;font-size:8px;font-weight:800;white-space:nowrap}.products-v733 .product-card-status i{width:5px;height:5px;border-radius:50%;background:#27bf8f;box-shadow:0 0 0 4px rgba(39,191,143,.08)}
.products-v733 .product-main{max-width:none;margin-top:23px;align-self:stretch}.products-v733 .product-main>small{display:inline-flex;align-items:center;gap:7px;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#2f69bd;font-size:10px;font-weight:800}.products-v733 .product-main>small::before{content:"";width:22px;height:2px;border-radius:99px;background:var(--accent)}.products-v733 .product-main h3{margin:7px 0 9px;color:#12213a;font-size:29px;font-weight:900;line-height:1.48;letter-spacing:-.65px}.products-v733 .product-main p{margin:0;color:#5e6d82;font-size:11.5px;line-height:2.05;opacity:1}.products-v733 .product-features{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.products-v733 .product-features span{padding:6px 9px;border:1px solid #e1e9f3;border-radius:9px;background:#f7f9fc;color:#44566e;font-size:8.5px;font-weight:700}.products-v733 .product-foot{margin-top:auto;padding-top:15px;border-top:1px solid #e7edf5;display:grid;gap:10px;opacity:1}.products-v733 .product-foot small{color:#7d8ba0;font-size:8.5px;line-height:1.8}.products-v733 .product-foot a{display:inline-flex;align-items:center;gap:7px;width:max-content;color:#235fb2;font-size:10px;font-weight:900}.products-v733 .product-foot a svg{width:15px;height:15px}
.products-v733 .product-nav{bottom:16px;width:46px;height:46px;border-color:rgba(133,180,242,.22);background:#0b2144;color:#b9d8ff;box-shadow:0 12px 28px rgba(0,0,0,.28)}.products-v733 .product-nav:hover{border-color:#4d99f7;background:#2d73d7;color:#fff}.products-v733 .product-prev{left:calc(50% - 184px)}.products-v733 .product-next{right:calc(50% - 184px)}.products-v733 .product-controls{bottom:18px}.products-v733 .product-controls>button{width:40px;height:40px;border-color:rgba(133,180,242,.20);background:#0b2144}.products-v733 .product-controls>button span{background:#a9c9ef}.products-v733 .product-controls>button.paused span:first-child{border-left-color:#a9c9ef}.products-v733 #productDots{border-color:rgba(133,180,242,.16);background:#081a36;box-shadow:0 10px 26px rgba(0,0,0,.25)}.products-v733 .product-dot{background:#345276}.products-v733 .product-dot.active{background:#61a8ff}.products-v733 .product-active-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:7px 13px 0}.products-v733 .active-product{margin:0;color:#9bb0ca;font-size:10px;text-align:right}.products-v733 .active-product strong{color:#eaf4ff}.products-v733 .product-active-tags{display:flex;flex-wrap:wrap;gap:7px}.products-v733 .product-active-tags span{padding:5px 8px;border:1px solid rgba(126,173,238,.13);border-radius:999px;color:#91a7c3;font-size:8px}

.p733-foundation-head{display:grid;grid-template-columns:160px 1fr;gap:32px;align-items:start;margin:105px 0 26px}.p733-foundation-head>span{direction:ltr;color:#7fb7ff;font-family:"Syncopate",sans-serif;font-size:8px;letter-spacing:1.3px;padding-top:10px}.p733-foundation-head h3{margin:0;color:#fff;font-size:clamp(29px,2.5vw,40px);font-weight:850;line-height:1.5}.p733-foundation-head p{max-width:760px;margin:8px 0 0;color:#96a9c2;font-size:12px;line-height:2}
.p733-bento{display:grid;grid-template-columns:1.1fr .9fr .9fr;grid-template-rows:1fr 1fr;gap:15px}.p733-bento article{position:relative;overflow:hidden;padding:24px;border:1px solid rgba(119,169,239,.16);border-radius:24px;background:linear-gradient(145deg,rgba(13,38,79,.82),rgba(4,16,36,.88));box-shadow:inset 0 1px 0 rgba(255,255,255,.035);transition:.28s}.p733-bento article:hover{transform:translateY(-4px);border-color:rgba(102,175,255,.38);box-shadow:0 26px 60px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.05)}.p733-bento article::before{content:"";position:absolute;width:190px;height:190px;left:-80px;bottom:-110px;border-radius:50%;background:rgba(46,119,220,.10);filter:blur(8px)}.p733-bento-security{grid-row:1/3}.p733-bento-deploy{grid-column:2/4}.p733-bento-icon{position:relative;display:grid;place-items:center;width:49px;height:49px;border-radius:15px;background:rgba(58,132,235,.13);color:#a9d4ff}.p733-bento-icon svg{width:25px;height:25px}.p733-bento article>span{position:relative;display:block;margin-top:18px;direction:ltr;color:#7fb5f6;font-family:"Syncopate",sans-serif;font-size:7px;letter-spacing:1px}.p733-bento h3{position:relative;margin:8px 0 7px;color:#f5f9ff;font-size:18px;font-weight:850;line-height:1.65}.p733-bento p{position:relative;margin:0;color:#94a8c3;font-size:10.5px;line-height:2}.p733-security-stack{position:relative;display:grid;gap:8px;margin-top:25px}.p733-security-stack span{display:grid;grid-template-columns:32px 1fr auto;gap:9px;align-items:center;padding:10px;border:1px solid rgba(118,168,236,.12);border-radius:12px;background:rgba(255,255,255,.025)}.p733-security-stack i{width:30px;height:30px;border-radius:9px;background:rgba(53,126,229,.13)}.p733-security-stack b{color:#dceaff;font-size:9px}.p733-security-stack small{direction:ltr;color:#8098b7;font-size:6.5px}.p733-connector{position:relative;display:flex;justify-content:space-between;align-items:center;margin:24px 8px 13px}.p733-connector::before{content:"";position:absolute;right:12px;left:12px;height:1px;background:linear-gradient(90deg,rgba(73,157,255,.12),rgba(73,157,255,.75),rgba(73,157,255,.12))}.p733-connector i{position:relative;z-index:2;width:22px;height:22px;border:1px solid rgba(92,168,255,.32);border-radius:7px;background:#0c2954}.p733-connector em{position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:50%;background:#62afff;transform:translate(-50%,-50%);box-shadow:0 0 14px #62afff;animation:p733Connector 3.2s ease-in-out infinite}@keyframes p733Connector{0%,100%{left:15%;opacity:.4}50%{left:85%;opacity:1}}.p733-tags{display:flex;gap:6px}.p733-tags b{padding:5px 8px;border-radius:999px;background:rgba(66,139,235,.09);color:#9ec8f8;font-size:7px}.p733-mini-chart{height:78px;display:flex;align-items:end;gap:7px;margin-top:16px;padding:9px;border-left:1px solid rgba(122,170,235,.10);border-bottom:1px solid rgba(122,170,235,.10)}.p733-mini-chart i{flex:1;border-radius:4px 4px 1px 1px;background:linear-gradient(to top,#285ea9,#55a6ff);opacity:.78}.p733-deploy-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.p733-deploy-options span{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(124,175,242,.14);border-radius:10px;background:rgba(255,255,255,.025);color:#aac1df;font-size:8px}.p733-deploy-options i{width:6px;height:6px;border-radius:50%;background:#58a8ff}
.p733-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:22px;padding:25px 28px;border:1px solid rgba(108,171,255,.26);border-radius:23px;background:linear-gradient(110deg,rgba(39,111,216,.24),rgba(14,53,111,.17) 58%,rgba(20,146,164,.09));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.p733-cta div{display:grid;gap:4px}.p733-cta span{color:#91baf0;font-size:10px}.p733-cta strong{color:#f5f9ff;font-size:16px;font-weight:850}.p733-cta a{display:inline-flex;align-items:center;gap:8px;padding:12px 17px;border-radius:13px;background:#fff;color:#255da9;font-size:10px;font-weight:900;white-space:nowrap}.p733-cta svg{width:16px;height:16px}

@media(max-width:1220px){
  .p733-hero{grid-template-columns:1fr 480px;gap:42px}.p733-copy h2{font-size:clamp(42px,4.4vw,58px)}.p733-orbit{height:520px}.p733-orbit-lines{height:470px}.p733-node{width:135px}.products-v733 .product-card{width:min(760px,66vw)}
}
@media(max-width:980px){
  .products-v733{padding:96px 0}.p733-hero{grid-template-columns:1fr;gap:54px}.p733-copy{padding:0}.p733-copy h2{max-width:760px}.p733-copy>p{max-width:800px}.p733-orbit{width:min(650px,100%);margin:auto}.p733-explorer{margin-top:90px}.p733-explorer-head{align-items:flex-start;flex-direction:column}.p733-live{min-width:0}.products-v733 .product-card{width:min(760px,78vw)}.p733-bento{grid-template-columns:1fr 1fr;grid-template-rows:auto}.p733-bento-security{grid-row:auto}.p733-bento-deploy{grid-column:1/3}.p733-foundation-head{grid-template-columns:1fr;gap:9px}
}
@media(max-width:720px){
  .products-v733{padding:76px 0 72px}.products-v733 .p733-shell{width:92vw}.p733-kicker{flex-wrap:wrap}.p733-copy h2{font-size:36px;line-height:1.47;letter-spacing:-.8px}.p733-copy h2 span{font-size:.72em}.p733-copy>p{font-size:13px;line-height:2.05}.p733-principles{grid-template-columns:1fr}.p733-actions{align-items:stretch;flex-direction:column}.p733-actions a{width:100%}.p733-orbit{height:470px}.p733-orbit::before{inset:20px 0}.p733-orbit-ring.ring-one{width:235px;height:235px}.p733-orbit-ring.ring-two{width:315px;height:315px}.p733-core{width:166px;height:166px}.p733-core strong{font-size:12px}.p733-orbit-lines{display:none}.p733-node{width:117px;min-height:57px;grid-template-columns:32px 1fr;padding:8px;border-radius:13px}.p733-node>span{width:31px;height:31px;border-radius:9px}.p733-node svg{width:16px;height:16px}.p733-node strong{font-size:8px}.p733-node small{font-size:6.5px}.node-crm{right:2%;top:25px}.node-booking{left:2%;top:25px}.node-commerce{right:-1%;top:203px}.node-workflow{left:-1%;top:203px}.node-bi{right:2%;bottom:24px}.node-docs{left:2%;bottom:24px}.p733-orbit-status{display:none}
  .p733-explorer{margin-top:70px;padding:20px 11px 14px;border-radius:24px}.p733-explorer-head{padding:2px 7px 19px}.p733-explorer-head h3{font-size:26px}.p733-tabs{margin-top:14px}.p733-tabs .product-category-button{min-width:160px;min-height:57px}.p733-showcase{padding:14px 2px 8px}.p733-showcase-top p{display:none}.products-v733 .product-stage{height:640px}.products-v733 .product-card{top:46%;width:86vw;height:540px;grid-template-columns:1fr;grid-template-rows:235px 1fr;grid-template-areas:"visual" "body";border-radius:21px}.products-v733 .product-card[data-pos="-1"]{--x:-75%;--scale:.60;--opacity:.43}.products-v733 .product-card[data-pos="1"]{--x:75%;--scale:.60;--opacity:.43}.products-v733 .product-card[data-pos="-2"],.products-v733 .product-card[data-pos="2"]{--opacity:0}.products-v733 .product-visual{border-radius:20px 20px 0 0;padding:14px 14px 0}.products-v733 .product-visual-icon{width:39px;height:39px}.p733-app-window{height:175px;margin-top:10px}.p733-app-content{padding:8px}.p733-app-top{height:26px}.p733-app-layout{height:calc(100% - 26px)}.p733-mini-kpis,.p733-analytics,.p733-calendar,.p733-order-list,.p733-doc-list,.p733-ticket-list,.p733-flow,.p733-health,.p733-bi-grid{transform:scale(.78);transform-origin:top center}.products-v733 .product-body{padding:17px 18px}.products-v733 .product-main{margin-top:13px}.products-v733 .product-main h3{font-size:22px}.products-v733 .product-main p{font-size:9.5px;line-height:1.9}.products-v733 .product-features{margin-top:10px}.products-v733 .product-features span{font-size:7.5px;padding:5px 7px}.products-v733 .product-foot small{display:none}.products-v733 .product-prev{left:calc(50% - 150px)}.products-v733 .product-next{right:calc(50% - 150px)}.products-v733 .product-active-row{align-items:flex-start;flex-direction:column}.products-v733 .product-active-tags{display:none}
  .p733-foundation-head{margin-top:70px}.p733-foundation-head h3{font-size:27px}.p733-bento{grid-template-columns:1fr}.p733-bento-deploy{grid-column:auto}.p733-bento article{padding:20px;border-radius:19px}.p733-cta{align-items:flex-start;flex-direction:column}.p733-cta a{width:100%;justify-content:center}
}
@media(prefers-reduced-motion:reduce){.p733-orbit-ring,.p733-orbit-lines path,.p733-connector em{animation:none!important}}


/* =========================================================
   V7.34 — Premium Product System
   A clearer business-oriented ecosystem, improved Persian typography,
   calmer surfaces and stronger hierarchy.
   ========================================================= */
.products-v734{
  --p734-bg:#031027;
  --p734-panel:#081a38;
  --p734-panel-2:#0b2147;
  --p734-line:rgba(133,182,247,.17);
  --p734-text:#f6f9ff;
  --p734-muted:#a9b9cf;
  --p734-blue:#5ba8ff;
  --p734-cyan:#58d6d0;
  padding:124px 0 112px;
  background:
    radial-gradient(circle at 16% 10%,rgba(48,122,231,.18),transparent 30%),
    radial-gradient(circle at 86% 28%,rgba(41,193,197,.10),transparent 27%),
    linear-gradient(180deg,#020a1a 0%,#03112a 45%,#020a19 100%);
}
.products-v734 .p733-shell{width:min(1380px,92vw)}
.products-v734 .p733-grid-bg{opacity:.22;background-size:72px 72px}
.p734-hero{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);grid-template-areas:"platform copy";gap:76px;align-items:center;direction:ltr}
.p734-copy{grid-area:copy;direction:rtl;padding:12px 0}
.p734-platform{grid-area:platform;direction:rtl}
.p734-kicker{display:flex;align-items:center;gap:11px;margin-bottom:22px;color:#9fcaff}
.p734-kicker>span{direction:ltr;font-family:"Syncopate",sans-serif;font-size:8px;letter-spacing:1.35px;color:#8abcf8}
.p734-kicker>i{width:38px;height:1px;background:linear-gradient(90deg,rgba(86,165,255,.15),#59a7ff)}
.p734-kicker>small{font-size:11px;font-weight:650;color:#bdd7f8}
.p734-copy h2{max-width:700px;margin:0;color:var(--p734-text);font-size:clamp(43px,4.2vw,68px);font-weight:900;line-height:1.38;letter-spacing:-1.8px;text-wrap:balance}
.p734-copy h2 span{display:inline-block;margin-top:8px;color:#b9d8ff;font-size:.62em;font-weight:760;line-height:1.7;letter-spacing:-.5px}
.p734-copy>p{max-width:680px;margin:25px 0 0;color:#a9bad1;font-size:14px;font-weight:400;line-height:2.18;text-align:justify;text-align-last:right}
.p734-value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:32px}
.p734-value-grid article{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center;min-height:100px;padding:15px;border:1px solid rgba(121,172,241,.15);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));box-shadow:inset 0 1px 0 rgba(255,255,255,.035);transition:.25s ease}
.p734-value-grid article:hover{transform:translateY(-3px);border-color:rgba(102,174,255,.34);background:rgba(69,137,231,.075)}
.p734-value-grid article>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:rgba(67,142,238,.13);color:#acd5ff}
.p734-value-grid svg{width:21px;height:21px}
.p734-value-grid article>div{display:grid;gap:3px}
.p734-value-grid strong{color:#f4f8ff;font-size:12.5px;font-weight:820;line-height:1.65}
.p734-value-grid small{color:#91a5c0;font-size:9.5px;line-height:1.85}
.p734-actions{display:flex;align-items:center;gap:12px;margin-top:28px}
.p734-actions a{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 20px;border-radius:13px;font-size:11.5px;font-weight:850;transition:.23s ease}
.p734-actions a:first-child{background:linear-gradient(135deg,#438cf1,#2c65ca);color:#fff;box-shadow:0 16px 36px rgba(39,102,211,.27)}
.p734-actions a:first-child:hover{transform:translateY(-2px);box-shadow:0 20px 42px rgba(39,102,211,.34)}
.p734-actions svg{width:17px;height:17px;transform:rotate(180deg)}
.p734-actions .ghost{border:1px solid rgba(133,180,243,.22);background:rgba(255,255,255,.035);color:#d6e8ff}
.p734-actions .ghost:hover{border-color:rgba(133,180,243,.44);background:rgba(72,137,226,.10)}

.p734-platform{position:relative;overflow:hidden;min-height:620px;border:1px solid rgba(122,177,251,.24);border-radius:30px;background:linear-gradient(155deg,rgba(12,35,73,.98),rgba(4,16,37,.98));box-shadow:0 44px 110px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.055)}
.p734-platform::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(116,167,238,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(116,167,238,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 92%)}
.p734-platform::after{content:"";position:absolute;left:-100px;bottom:-120px;width:330px;height:330px;border-radius:50%;background:rgba(46,126,232,.16);filter:blur(70px)}
.p734-platform-top{position:relative;z-index:2;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;height:58px;padding:0 20px;border-bottom:1px solid rgba(124,173,239,.13);direction:ltr;background:rgba(2,11,27,.28)}
.p734-platform-top>div{display:flex;gap:6px}.p734-platform-top>div i{width:7px;height:7px;border-radius:50%;background:#284d7e}.p734-platform-top>div i:first-child{background:#4b92eb}.p734-platform-top>span{color:#91b5e5;font-family:"Syncopate",sans-serif;font-size:7px;letter-spacing:1px}.p734-platform-top>small{display:flex;align-items:center;gap:7px;color:#a5bddb;font-size:8.5px;direction:rtl}.p734-platform-top>small b{width:7px;height:7px;border-radius:50%;background:#45d9b0;box-shadow:0 0 0 5px rgba(69,217,176,.10)}
.p734-platform-canvas{position:relative;z-index:2;height:500px}
.p734-links{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.p734-links path{fill:none;stroke:rgba(91,168,255,.30);stroke-width:1.25;stroke-dasharray:5 8;animation:p734Flow 9s linear infinite}@keyframes p734Flow{to{stroke-dashoffset:-120}}
.p734-core-card{position:absolute;left:50%;top:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;width:185px;height:185px;padding:20px;border:1px solid rgba(132,192,255,.42);border-radius:36px;background:linear-gradient(150deg,rgba(38,108,210,.88),rgba(14,57,127,.92));box-shadow:0 30px 70px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.15),0 0 0 12px rgba(71,145,239,.055);transform:translate(-50%,-50%);text-align:center}
.p734-core-card>span{display:grid;place-items:center;width:48px;height:48px;margin-bottom:8px;border:1px solid rgba(255,255,255,.19);border-radius:15px;background:rgba(255,255,255,.10);color:#fff}.p734-core-card svg{width:26px;height:26px}.p734-core-card small{direction:ltr;color:#b8dcff;font-family:"Syncopate",sans-serif;font-size:7px;letter-spacing:.8px}.p734-core-card strong{margin-top:5px;color:#fff;font-size:16px;font-weight:880}.p734-core-card p{margin:3px 0 0;color:#d1e6ff;font-size:9px}.p734-core-card em{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:5px 9px;border-radius:999px;background:rgba(24,215,163,.11);color:#91ecd2;font-size:7.5px;font-style:normal}.p734-core-card em i{width:5px;height:5px;border-radius:50%;background:#4ce0b7;box-shadow:0 0 10px #4ce0b7}
.p734-family{position:absolute;display:grid;grid-template-columns:45px minmax(0,1fr);gap:12px;align-items:center;width:225px;min-height:88px;padding:14px 15px;border:1px solid rgba(126,178,245,.18);border-radius:18px;background:linear-gradient(145deg,rgba(15,45,91,.96),rgba(7,25,55,.96));box-shadow:0 20px 45px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04);transition:.25s ease}
.p734-family:hover{transform:translateY(-4px);border-color:rgba(97,177,255,.42);box-shadow:0 28px 60px rgba(0,0,0,.28),0 0 0 1px rgba(97,177,255,.08)}
.p734-family>span{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:rgba(66,142,237,.13);color:#acd5ff}.p734-family svg{width:21px;height:21px}.p734-family>div{display:grid;gap:2px}.p734-family small{color:#8eb6e8;font-size:8.5px;font-weight:650}.p734-family strong{color:#f5f9ff;font-size:11.5px;font-weight:830;line-height:1.7}.p734-family p{margin:0;color:#8fa4bf;font-size:8.5px}.p734-family>b{position:absolute;left:12px;top:10px;direction:ltr;color:rgba(152,193,242,.35);font-family:"Syncopate",sans-serif;font-size:5.8px;letter-spacing:.7px}.family-customer{right:25px;top:36px}.family-service{left:25px;top:36px}.family-operations{right:25px;bottom:34px}.family-intelligence{left:25px;bottom:34px}
.p734-platform-foot{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;min-height:61px;padding:13px 18px;border-top:1px solid rgba(124,173,239,.12);background:rgba(2,11,27,.22);direction:ltr}.p734-platform-foot span{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid rgba(126,176,242,.14);border-radius:999px;background:rgba(255,255,255,.025);color:#9eb9d9;font-size:7.5px;font-weight:700}.p734-platform-foot i{width:5px;height:5px;border-radius:50%;background:#55a8ff}

.products-v734 .p733-explorer{margin-top:110px;padding:30px 26px 22px;border-radius:30px;border-color:rgba(125,177,245,.20);background:linear-gradient(155deg,rgba(7,24,52,.95),rgba(3,14,32,.97));box-shadow:0 46px 110px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.04)}
.products-v734 .p733-explorer-head{padding:4px 6px 28px}
.products-v734 .p733-explorer-head h3{font-size:clamp(30px,2.55vw,42px);font-weight:900;letter-spacing:-.7px}
.products-v734 .p733-explorer-head p{max-width:780px;color:#a7b8ce;font-size:12.5px;line-height:2.08}
.products-v734 .p733-live{border-color:rgba(90,173,255,.22);background:linear-gradient(145deg,rgba(52,128,226,.12),rgba(255,255,255,.025))}
.products-v734 .p733-tabs{gap:10px;padding:4px 3px 14px;margin-top:18px}
.products-v734 .p733-tabs .product-category-button{min-width:215px;min-height:72px;padding:11px 13px;border-radius:17px;border-color:rgba(125,171,235,.13);background:rgba(255,255,255,.025)}
.products-v734 .p733-tabs .product-category-button:hover{transform:translateY(-2px);border-color:rgba(103,177,255,.31);background:rgba(57,126,221,.075)}
.products-v734 .p733-tabs .product-category-button.active{border-color:rgba(105,180,255,.48);background:linear-gradient(135deg,rgba(57,136,239,.30),rgba(24,73,151,.14));box-shadow:inset 0 -3px 0 #64adff,0 16px 30px rgba(0,0,0,.17)}
.products-v734 .p733-tab-icon{width:43px;height:43px;border-radius:13px;background:rgba(76,150,244,.13);color:#b7dcff}
.products-v734 .p733-tabs strong{font-size:11.5px;font-weight:840}.products-v734 .p733-tabs small{font-size:8.8px;color:#8fa3be}
.products-v734 .p733-showcase{margin-top:6px;padding-top:17px;border-top:1px solid rgba(119,165,229,.10)}
.products-v734 .p733-showcase-top{padding:0 8px 14px}.products-v734 .p733-showcase-top>span{font-size:10.5px;font-weight:800;color:#bddaff}.products-v734 .p733-showcase-top p{font-size:9.5px;color:#8fa3bd}
.products-v734 .product-card{border-radius:28px;box-shadow:0 44px 100px rgba(0,0,0,.40)}
.products-v734 .product-card.active{box-shadow:0 56px 120px rgba(0,0,0,.48),0 0 0 1px rgba(99,171,255,.28)}
.products-v734 .product-body{padding:27px 28px 24px}.products-v734 .product-main h3{font-size:29px;font-weight:900;letter-spacing:-.5px}.products-v734 .product-main p{font-size:11.5px;line-height:2.05;color:#596a80}.products-v734 .product-features span{font-size:9px;padding:7px 10px;border-radius:999px}.products-v734 .product-foot small{font-size:9px;line-height:1.8}.products-v734 .product-foot a{font-size:10px;font-weight:850}
.products-v734 .p733-foundation-head{margin-top:120px;grid-template-columns:190px 1fr}.products-v734 .p733-foundation-head h3{font-size:clamp(31px,2.7vw,44px);font-weight:900;letter-spacing:-.65px}.products-v734 .p733-foundation-head p{color:#a4b5cb;font-size:12.5px;line-height:2.08}
.products-v734 .p733-bento{gap:17px}.products-v734 .p733-bento article{padding:27px;border-radius:26px;border-color:rgba(124,175,243,.17);background:linear-gradient(145deg,rgba(13,39,81,.86),rgba(4,17,38,.92))}.products-v734 .p733-bento h3{font-size:19px;font-weight:880}.products-v734 .p733-bento p{color:#9fb1c9;font-size:11px;line-height:2.06}.products-v734 .p733-bento-icon{width:52px;height:52px;border-radius:16px}.products-v734 .p733-cta{margin-top:26px;padding:28px 31px;border-radius:25px}.products-v734 .p733-cta strong{font-size:17px}.products-v734 .p733-cta a{min-height:45px;padding:0 18px}

@media(max-width:1180px){
  .p734-hero{grid-template-columns:1fr;grid-template-areas:"copy" "platform";gap:58px}.p734-copy{max-width:900px}.p734-copy h2{max-width:800px}.p734-platform{width:min(760px,100%);margin:auto}.p734-value-grid{max-width:850px}.products-v734 .p733-explorer{margin-top:90px}
}
@media(max-width:760px){
  .products-v734{padding:86px 0 78px}.products-v734 .p733-shell{width:92vw}.p734-copy h2{font-size:37px;line-height:1.48;letter-spacing:-.7px}.p734-copy h2 span{font-size:.68em}.p734-copy>p{font-size:12.5px;line-height:2.05;text-align:right}.p734-value-grid{grid-template-columns:1fr}.p734-value-grid article{min-height:82px}.p734-actions{align-items:stretch;flex-direction:column}.p734-actions a{width:100%}.p734-platform{min-height:650px;border-radius:24px}.p734-platform-top{grid-template-columns:auto 1fr;height:54px}.p734-platform-top>small{display:none}.p734-platform-canvas{height:535px}.p734-links{display:none}.p734-core-card{width:155px;height:155px;border-radius:29px}.p734-family{width:calc(50% - 20px);min-height:92px;grid-template-columns:38px minmax(0,1fr);gap:8px;padding:11px}.p734-family>span{width:37px;height:37px}.p734-family svg{width:18px;height:18px}.p734-family strong{font-size:9.5px}.p734-family small,.p734-family p{font-size:7px}.p734-family>b{display:none}.family-customer{right:10px;top:24px}.family-service{left:10px;top:24px}.family-operations{right:10px;bottom:25px}.family-intelligence{left:10px;bottom:25px}.p734-platform-foot{gap:6px}.p734-platform-foot span{font-size:6.5px}.products-v734 .p733-explorer{margin-top:72px;padding:20px 11px 15px;border-radius:24px}.products-v734 .p733-explorer-head h3{font-size:27px}.products-v734 .p733-tabs .product-category-button{min-width:175px}.products-v734 .p733-foundation-head{grid-template-columns:1fr;margin-top:78px}.products-v734 .p733-bento article{padding:21px;border-radius:20px}
}
@media(prefers-reduced-motion:reduce){.p734-links path{animation:none!important}}


/* =========================================================
   V7.35 — Product Lab / editorial light-theme redesign
   ========================================================= */
.products-v735{
  position:relative;
  overflow:hidden;
  padding:120px 0 92px;
  color:#10213d;
  background:
    radial-gradient(circle at 11% 8%,rgba(76,145,255,.17),transparent 28%),
    radial-gradient(circle at 88% 18%,rgba(31,197,187,.11),transparent 24%),
    linear-gradient(180deg,#edf4fc 0%,#f8fbff 52%,#eef4fb 100%) !important;
}
.products-v735::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(45,89,150,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(45,89,150,.045) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,#000 0%,transparent 58%);pointer-events:none}
.p735-bg-grid{position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 47%,rgba(44,107,202,.05) 47.2% 47.35%,transparent 47.6%)}
.p735-orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}.p735-orb-one{width:360px;height:360px;right:-120px;top:340px;background:rgba(49,126,235,.14)}.p735-orb-two{width:300px;height:300px;left:-110px;top:920px;background:rgba(26,190,173,.10)}
.products-v735 .p735-shell{position:relative;z-index:2;width:min(1440px,94vw);margin:auto}
.p735-hero{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:70px;align-items:center}
.p735-copy{max-width:690px}.p735-kicker{display:flex;align-items:center;gap:11px;margin-bottom:18px}.p735-kicker span{direction:ltr;color:#2f69bd;font-family:"Syncopate",sans-serif;font-size:8px;font-weight:700;letter-spacing:1.1px}.p735-kicker i{width:34px;height:1px;background:#9bb9df}.p735-kicker small{color:#537095;font-size:10px;font-weight:700}
.p735-copy h2{margin:0;color:#10213d;font-size:clamp(43px,4vw,67px);font-weight:900;line-height:1.32;letter-spacing:-1.6px}.p735-copy h2 span{display:inline-block;margin-top:5px;color:#2f6fca;font-size:.7em;font-weight:850;letter-spacing:-.8px}.p735-copy>p{max-width:650px;margin:23px 0 0;color:#516681;font-size:14px;line-height:2.15;text-align:justify}
.p735-points{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:28px}.p735-points article{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:start;min-height:110px;padding:16px 14px;border:1px solid rgba(56,103,168,.13);border-radius:20px;background:rgba(255,255,255,.66);box-shadow:0 18px 40px rgba(34,73,126,.065),inset 0 1px 0 rgba(255,255,255,.9);backdrop-filter:blur(10px)}.p735-points article>span{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:#e8f1ff;color:#2f70c9}.p735-points svg{width:21px;height:21px}.p735-points div{display:grid;gap:4px}.p735-points strong{color:#132844;font-size:11.5px;font-weight:880}.p735-points small{color:#6f829a;font-size:8.6px;line-height:1.85}
.p735-actions{display:flex;gap:10px;margin-top:26px}.p735-actions a{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 18px;border-radius:15px;background:linear-gradient(135deg,#276dd0,#2357aa);color:#fff;font-size:10.5px;font-weight:900;box-shadow:0 15px 30px rgba(38,100,192,.22)}.p735-actions a svg{width:17px;height:17px}.p735-actions .ghost{border:1px solid rgba(43,91,156,.19);background:rgba(255,255,255,.7);color:#274c7d;box-shadow:none}
.p735-lab{position:relative;overflow:hidden;min-height:650px;border:1px solid rgba(78,141,225,.20);border-radius:34px;background:linear-gradient(155deg,#0b2142,#06152d 68%,#071b36);box-shadow:0 50px 110px rgba(27,62,112,.25),inset 0 1px 0 rgba(255,255,255,.06)}.p735-lab::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(118,173,245,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(118,173,245,.055) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(to bottom,#000,transparent 92%)}.p735-lab::after{content:"";position:absolute;width:330px;height:330px;right:-90px;bottom:-120px;border-radius:50%;background:rgba(48,133,244,.24);filter:blur(70px)}
.p735-lab-top{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;height:58px;padding:0 20px;border-bottom:1px solid rgba(135,181,243,.13);direction:ltr}.p735-lab-top span{color:#8fb6e9;font-family:"Syncopate",sans-serif;font-size:7px;letter-spacing:1.1px}.p735-lab-top div{display:flex;gap:6px}.p735-lab-top i{width:7px;height:7px;border-radius:50%;background:#2c5283}.p735-lab-top i:first-child{background:#4fa0ff}
.p735-lab-canvas{position:relative;z-index:2;height:520px}.p735-lines{position:absolute;inset:0;width:100%;height:100%}.p735-lines path{fill:none;stroke:rgba(92,171,255,.26);stroke-width:1.3;stroke-dasharray:5 8;animation:p735Flow 10s linear infinite}@keyframes p735Flow{to{stroke-dashoffset:-130}}
.p735-lab-core{position:absolute;z-index:3;left:50%;top:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;width:205px;height:205px;border:1px solid rgba(145,199,255,.40);border-radius:42px;background:linear-gradient(150deg,rgba(49,125,229,.93),rgba(21,71,152,.95));box-shadow:0 30px 80px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.16),0 0 0 15px rgba(67,148,247,.055);transform:translate(-50%,-50%);text-align:center}.p735-lab-core>span{display:grid;place-items:center;width:53px;height:53px;border:1px solid rgba(255,255,255,.20);border-radius:17px;background:rgba(255,255,255,.10);color:#fff}.p735-lab-core svg{width:28px;height:28px}.p735-lab-core small{margin-top:12px;direction:ltr;color:#b9dcff;font-family:"Syncopate",sans-serif;font-size:7px;letter-spacing:.8px}.p735-lab-core strong{margin-top:5px;color:#fff;font-size:17px;font-weight:900}.p735-lab-core p{margin:4px 0 0;color:#d3e8ff;font-size:9px}
.p735-module{position:absolute;z-index:3;display:grid;gap:3px;min-width:145px;padding:12px 14px;border:1px solid rgba(126,180,246,.18);border-radius:16px;background:linear-gradient(145deg,rgba(15,48,96,.95),rgba(7,25,55,.97));box-shadow:0 18px 40px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04)}.p735-module b{direction:ltr;color:#abd4ff;font-family:"Syncopate",sans-serif;font-size:7px;letter-spacing:.7px}.p735-module span{color:#eef7ff;font-size:9.5px;font-weight:800}.module-crm{right:24px;top:44px}.module-booking{left:24px;top:44px}.module-commerce{right:24px;bottom:38px}.module-workflow{left:24px;bottom:38px}.module-bi{left:50%;bottom:12px;transform:translateX(-50%)}
.p735-pulse{position:absolute;z-index:2;width:8px;height:8px;border-radius:50%;background:#61b7ff;box-shadow:0 0 18px #61b7ff}.pulse-a{left:25%;top:35%;animation:p735PulseA 5s ease-in-out infinite}.pulse-b{right:25%;top:63%;animation:p735PulseB 6s ease-in-out infinite}.pulse-c{left:50%;top:79%;animation:p735PulseC 4.6s ease-in-out infinite}@keyframes p735PulseA{0%,100%{transform:translate(0,0);opacity:.35}50%{transform:translate(105px,74px);opacity:1}}@keyframes p735PulseB{0%,100%{transform:translate(0,0);opacity:.35}50%{transform:translate(-105px,-70px);opacity:1}}@keyframes p735PulseC{0%,100%{transform:translateY(0);opacity:.35}50%{transform:translateY(-105px);opacity:1}}
.p735-lab-foot{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;gap:8px;min-height:70px;padding:15px;border-top:1px solid rgba(124,176,244,.12);direction:ltr}.p735-lab-foot span{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid rgba(131,181,245,.14);border-radius:999px;background:rgba(255,255,255,.025);color:#9ebbdc;font-size:7.5px;font-weight:700}.p735-lab-foot i{width:5px;height:5px;border-radius:50%;background:#53aaff}
.p735-ticker{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:13px;margin:54px 0 28px;padding:14px 18px;border-top:1px solid rgba(52,96,156,.10);border-bottom:1px solid rgba(52,96,156,.10);color:#5e7492;font-size:9px;font-weight:750}.p735-ticker i{width:4px;height:4px;border-radius:50%;background:#4a8de7}

.products-v735 .p735-explorer{display:grid!important;grid-template-columns:285px minmax(0,1fr)!important;grid-template-areas:"head head" "tabs showcase"!important;gap:24px!important;margin-top:28px!important;padding:26px!important;border:1px solid rgba(47,91,151,.12)!important;border-radius:32px!important;background:rgba(255,255,255,.84)!important;box-shadow:0 38px 90px rgba(39,78,130,.13),inset 0 1px 0 #fff!important;backdrop-filter:blur(16px)}
.products-v735 .p735-explorer-head{grid-area:head!important;display:flex!important;align-items:end!important;justify-content:space-between!important;gap:30px!important;padding:5px 6px 22px!important;border-bottom:1px solid rgba(46,89,148,.10)!important}.products-v735 .p735-explorer-head>div:first-child{max-width:820px}.products-v735 .p735-explorer-head>div>span{direction:ltr;color:#2c68b9!important;font-family:"Syncopate",sans-serif;font-size:8px!important;letter-spacing:1px}.products-v735 .p735-explorer-head h3{margin:9px 0 6px!important;color:#10213d!important;font-size:clamp(31px,2.7vw,45px)!important;font-weight:900!important;line-height:1.46!important;letter-spacing:-.8px!important}.products-v735 .p735-explorer-head p{max-width:820px!important;margin:0!important;color:#647890!important;font-size:12.5px!important;line-height:2.05!important}.p735-explorer-note{display:grid;gap:4px;max-width:285px;padding:14px 16px;border:1px solid rgba(53,102,171,.11);border-radius:16px;background:#f2f7fd}.p735-explorer-note small{color:#6380a3;font-size:8.5px}.p735-explorer-note strong{color:#17345a;font-size:10px;line-height:1.8}
.products-v735 .p733-tabs{grid-area:tabs!important;display:grid!important;grid-template-columns:1fr!important;align-content:start!important;gap:8px!important;overflow:visible!important;margin:0!important;padding:12px!important;border-radius:24px!important;background:linear-gradient(160deg,#102d56,#091c38)!important;box-shadow:0 24px 50px rgba(13,42,81,.20)!important}
.products-v735 .p733-tabs .product-category-button{width:100%!important;min-width:0!important;min-height:66px!important;display:grid!important;grid-template-columns:42px 1fr!important;gap:10px!important;align-items:center!important;padding:10px 11px!important;border:1px solid transparent!important;border-radius:15px!important;background:transparent!important;color:#fff!important;text-align:right!important;box-shadow:none!important;transform:none!important}.products-v735 .p733-tabs .product-category-button:hover{border-color:rgba(133,187,248,.17)!important;background:rgba(255,255,255,.045)!important}.products-v735 .p733-tabs .product-category-button.active{border-color:rgba(123,185,255,.28)!important;background:linear-gradient(135deg,rgba(68,145,238,.28),rgba(255,255,255,.04))!important;box-shadow:inset 3px 0 0 #6fb4ff!important}.products-v735 .p733-tab-icon{width:40px!important;height:40px!important;border-radius:12px!important;background:rgba(94,163,244,.13)!important;color:#b9dcff!important}.products-v735 .p733-tabs strong{color:#f6fbff!important;font-size:10.5px!important;font-weight:850!important}.products-v735 .p733-tabs small{color:#8faaca!important;font-size:7.8px!important}
.products-v735 .p733-showcase{grid-area:showcase!important;margin:0!important;padding:0!important;border:0!important}.products-v735 .p733-showcase-top{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:2px 4px 13px!important}.products-v735 .p733-showcase-top>span{color:#17355c!important;font-size:10.5px!important;font-weight:850!important}.products-v735 .p733-showcase-top p{margin:0!important;color:#75869b!important;font-size:8.5px!important}
.products-v735 .product-slider{min-height:620px!important;padding:0!important;border-radius:24px!important;background:transparent!important}.products-v735 .product-stage{min-height:560px!important;height:auto!important;overflow:hidden!important;border:1px solid rgba(47,92,152,.11)!important;border-radius:24px!important;background:#f7faff!important}.products-v735 .product-cards{position:relative!important;min-height:560px!important;height:auto!important}.products-v735 .product-card{display:none!important;position:relative!important;inset:auto!important;width:100%!important;min-height:560px!important;grid-template-columns:1.08fr .92fr!important;opacity:0!important;visibility:hidden!important;transform:none!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;cursor:default!important}.products-v735 .product-card.active{display:grid!important;opacity:1!important;visibility:visible!important;z-index:2!important}.products-v735 .product-visual{min-height:560px!important;padding:22px!important;border-radius:0!important;background:linear-gradient(155deg,#0f2b52,#071a35)!important}.products-v735 .product-body{min-height:560px!important;padding:34px 31px 28px!important;border-radius:0!important;background:#fff!important;color:#11233f!important}.products-v735 .product-head{padding-bottom:17px!important;border-bottom:1px solid #e7edf5!important}.products-v735 .product-brand strong{color:#1d5daa!important}.products-v735 .product-brand small{color:#8392a5!important}.products-v735 .product-card-status{border:1px solid #dbe8f7!important;background:#f2f7fd!important;color:#2a6cba!important}.products-v735 .product-main{margin-top:27px!important}.products-v735 .product-main>small{color:#3b79c6!important;font-size:9px!important;font-weight:800!important}.products-v735 .product-main h3{margin:7px 0 10px!important;color:#10213d!important;font-size:clamp(31px,2.7vw,43px)!important;font-weight:900!important;line-height:1.45!important}.products-v735 .product-main p{color:#61748c!important;font-size:12.5px!important;line-height:2.1!important}.products-v735 .product-features{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;margin-top:24px!important}.products-v735 .product-features span{position:relative!important;padding:11px 28px 11px 11px!important;border:1px solid #e4ebf4!important;border-radius:12px!important;background:#f7faff!important;color:#284465!important;font-size:9px!important}.products-v735 .product-features span::before{content:"";position:absolute;right:12px;top:50%;width:7px;height:7px;border-radius:50%;background:var(--accent);transform:translateY(-50%);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 12%,transparent)}.products-v735 .product-foot{margin-top:auto!important;padding-top:22px!important;border-top:1px solid #e7edf5!important}.products-v735 .product-foot small{color:#6f8094!important;font-size:8.5px!important}.products-v735 .product-foot a{min-height:43px!important;padding:0 15px!important;border-radius:12px!important;background:linear-gradient(135deg,#2b72d1,#2459a8)!important;color:#fff!important;font-size:9.5px!important}.products-v735 .product-nav{top:auto!important;bottom:17px!important;width:40px!important;height:40px!important;border:1px solid rgba(41,88,150,.12)!important;border-radius:12px!important;background:#fff!important;color:#2c67b5!important;box-shadow:0 10px 25px rgba(36,72,120,.12)!important}.products-v735 .product-prev{right:auto!important;left:64px!important}.products-v735 .product-next{right:auto!important;left:18px!important}.products-v735 .product-controls{right:18px!important;bottom:18px!important;left:auto!important}.products-v735 .product-active-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;margin-top:14px!important;padding:13px 16px!important;border:1px solid rgba(46,91,151,.10)!important;border-radius:16px!important;background:#f6f9fd!important}.products-v735 .active-product{color:#5f7188!important}.products-v735 .active-product strong{color:#193c69!important}.products-v735 .product-active-tags span{border:1px solid #dce7f4!important;background:#fff!important;color:#537195!important}

.products-v735 .p733-foundation-head{grid-template-columns:180px 1fr!important;margin:105px 0 25px!important}.products-v735 .p733-foundation-head>span{color:#2e6ec3!important}.products-v735 .p733-foundation-head h3{color:#10213d!important;font-size:clamp(32px,2.8vw,46px)!important;font-weight:900!important}.products-v735 .p733-foundation-head p{color:#62768f!important;font-size:12.5px!important}.products-v735 .p733-bento{gap:15px!important}.products-v735 .p733-bento article{border:1px solid rgba(47,92,151,.11)!important;border-radius:25px!important;background:#fff!important;box-shadow:0 22px 50px rgba(38,75,124,.08)!important}.products-v735 .p733-bento-security{background:linear-gradient(155deg,#102d56,#081d3b)!important}.products-v735 .p733-bento article>span{color:#3775c4!important}.products-v735 .p733-bento h3{color:#10213d!important}.products-v735 .p733-bento p{color:#687b92!important}.products-v735 .p733-bento-security>span{color:#80bbff!important}.products-v735 .p733-bento-security h3{color:#fff!important}.products-v735 .p733-bento-security p{color:#a7bdd8!important}.products-v735 .p733-bento-icon{background:#e9f2ff!important;color:#2d6fc6!important}.products-v735 .p733-bento-security .p733-bento-icon{background:rgba(80,151,239,.14)!important;color:#a7d2ff!important}.products-v735 .p733-security-stack span{border-color:rgba(132,184,245,.13)!important;background:rgba(255,255,255,.035)!important}.products-v735 .p733-security-stack b{color:#e8f4ff!important}.products-v735 .p733-connector i{background:#edf5ff!important}.products-v735 .p733-tags b{background:#eef5ff!important;color:#2f6fbf!important}.products-v735 .p733-deploy-options span{border-color:#e1e9f3!important;background:#f7faff!important;color:#47627f!important}.products-v735 .p733-cta{margin-top:24px!important;border:0!important;border-radius:25px!important;background:linear-gradient(115deg,#163b6d,#0b2447 70%,#0a3652)!important;box-shadow:0 28px 60px rgba(19,53,99,.22)!important}.products-v735 .p733-cta span{color:#9fc7f4!important}.products-v735 .p733-cta strong{color:#fff!important}.products-v735 .p733-cta a{background:#fff!important;color:#245a9c!important}

@media(max-width:1180px){.p735-hero{grid-template-columns:1fr;gap:48px}.p735-copy{max-width:940px}.p735-lab{width:min(800px,100%);margin:auto}.p735-points{max-width:900px}.products-v735 .p735-explorer{grid-template-columns:240px minmax(0,1fr)!important}.products-v735 .product-card.active{grid-template-columns:1fr!important}.products-v735 .product-visual,.products-v735 .product-body{min-height:470px!important}.products-v735 .product-slider,.products-v735 .product-stage,.products-v735 .product-cards,.products-v735 .product-card{min-height:940px!important}}
@media(max-width:820px){.products-v735{padding:88px 0 65px}.products-v735 .p735-shell{width:92vw}.p735-copy h2{font-size:38px;line-height:1.48}.p735-copy h2 span{font-size:.72em}.p735-copy>p{font-size:12.5px;text-align:right}.p735-points{grid-template-columns:1fr}.p735-actions{flex-direction:column}.p735-actions a{width:100%}.p735-lab{min-height:655px;border-radius:25px}.p735-lab-canvas{height:540px}.p735-lab-core{width:158px;height:158px;border-radius:32px}.p735-module{min-width:115px;padding:10px}.module-crm{right:9px;top:28px}.module-booking{left:9px;top:28px}.module-commerce{right:9px;bottom:36px}.module-workflow{left:9px;bottom:36px}.module-bi{bottom:6px}.p735-module span{font-size:8px}.p735-lines{display:none}.p735-ticker{justify-content:flex-start;overflow:hidden;flex-wrap:nowrap;white-space:nowrap}.products-v735 .p735-explorer{display:block!important;padding:16px!important;border-radius:24px!important}.products-v735 .p735-explorer-head{align-items:start!important;flex-direction:column!important}.p735-explorer-note{max-width:none;width:100%}.products-v735 .p733-tabs{display:flex!important;overflow-x:auto!important;margin:0 0 15px!important;padding:9px!important}.products-v735 .p733-tabs .product-category-button{min-width:190px!important}.products-v735 .p733-showcase-top{align-items:flex-start!important;flex-direction:column!important;gap:3px!important}.products-v735 .product-card.active{display:block!important}.products-v735 .product-visual,.products-v735 .product-body{min-height:auto!important}.products-v735 .product-slider,.products-v735 .product-stage,.products-v735 .product-cards,.products-v735 .product-card{min-height:0!important}.products-v735 .product-visual{padding:14px!important}.products-v735 .product-body{padding:25px 20px 84px!important}.products-v735 .product-main h3{font-size:29px!important}.products-v735 .product-features{grid-template-columns:1fr!important}.products-v735 .product-active-row{align-items:flex-start!important;flex-direction:column!important}.products-v735 .p733-foundation-head{grid-template-columns:1fr!important;margin-top:75px!important}.products-v735 .p733-bento{grid-template-columns:1fr!important;grid-template-rows:auto!important}.products-v735 .p733-bento-security,.products-v735 .p733-bento-deploy{grid-column:auto!important;grid-row:auto!important}.products-v735 .p733-cta{align-items:flex-start!important;flex-direction:column!important}.products-v735 .p733-cta a{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.p735-lines path,.p735-pulse{animation:none!important}}

/* =========================================================
   V7.36 — Signature Product Journey
   A distinct, content-led product experience.
   ========================================================= */
.products-v736{
  position:relative;
  overflow:hidden;
  padding:112px 0 120px;
  color:#f7faff;
  background:
    radial-gradient(circle at 14% 12%,rgba(37,99,235,.19),transparent 28%),
    radial-gradient(circle at 88% 28%,rgba(14,116,144,.14),transparent 26%),
    linear-gradient(180deg,#07101f 0%,#091528 48%,#07101f 100%);
  font-family:"Vazirmatn",Tahoma,"Segoe UI",Arial,sans-serif;
  isolation:isolate;
}
.products-v736::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  opacity:.18;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:linear-gradient(to bottom,transparent,#000 15%,#000 85%,transparent);
}
.products-v736 .p736-noise{
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.4;
  background:
    radial-gradient(circle at 30% 45%,rgba(255,255,255,.05) 0 1px,transparent 1.6px) 0 0/26px 26px,
    radial-gradient(circle at 70% 70%,rgba(92,161,255,.05) 0 1px,transparent 1.7px) 0 0/34px 34px;
}
.products-v736 .p736-shell{width:min(1440px,94vw);margin:auto}
.products-v736 svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

.products-v736 .p736-intro{
  display:grid;
  grid-template-columns:minmax(0,.83fr) minmax(620px,1.17fr);
  gap:clamp(44px,5.4vw,86px);
  align-items:center;
}
.products-v736 .p736-intro-copy{max-width:600px}
.products-v736 .p736-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:12px;
  margin-bottom:22px;
  color:#8bb8ff;
  font-size:11px;
  font-weight:800;
  letter-spacing:2px;
  direction:ltr;
}
.products-v736 .p736-eyebrow::before{content:"";width:42px;height:1px;background:#4f8cff}
.products-v736 .p736-intro h2{
  margin:0;
  color:#f9fbff;
  font-size:clamp(40px,4.25vw,68px);
  line-height:1.38;
  letter-spacing:-2px;
  font-weight:800;
}
.products-v736 .p736-intro h2 strong{
  color:#fff;
  font-weight:900;
  background:linear-gradient(90deg,#fff 8%,#91c7ff 58%,#55dbc9 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.products-v736 .p736-intro-copy>p{
  max-width:570px;
  margin:24px 0 0;
  color:#b7c4d9;
  font-size:16px;
  font-weight:400;
  line-height:2.15;
}
.products-v736 .p736-intro-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.products-v736 .p736-intro-actions a{
  min-height:50px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:0 22px;
  border:1px solid #4d83e7;
  border-radius:14px;
  color:#fff;
  background:linear-gradient(135deg,#2563eb,#1755c5);
  box-shadow:0 14px 32px rgba(37,99,235,.24);
  font-size:13px;
  font-weight:800;
  transition:.25s ease;
}
.products-v736 .p736-intro-actions a:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(37,99,235,.34)}
.products-v736 .p736-intro-actions a svg{width:17px;height:17px}
.products-v736 .p736-intro-actions a.ghost{border-color:rgba(144,174,225,.25);background:rgba(255,255,255,.035);box-shadow:none;color:#dbe8fa}

.products-v736 .p736-journey{
  position:relative;
  padding:22px;
  border:1px solid rgba(124,160,220,.22);
  border-radius:28px;
  background:linear-gradient(145deg,rgba(13,27,51,.94),rgba(7,17,34,.92));
  box-shadow:0 30px 80px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.06);
  overflow:hidden;
}
.products-v736 .p736-journey::before{
  content:"";
  position:absolute;
  width:360px;height:360px;
  left:-180px;bottom:-220px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(48,116,232,.2),transparent 68%);
}
.products-v736 .p736-journey-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:3px 4px 18px;border-bottom:1px solid rgba(132,161,208,.16)}
.products-v736 .p736-journey-head div{display:grid;gap:4px}
.products-v736 .p736-journey-head small{color:#6e9ee9;font-size:9px;font-weight:900;letter-spacing:1.7px;direction:ltr}
.products-v736 .p736-journey-head strong{color:#f4f8ff;font-size:15px;font-weight:800}
.products-v736 .p736-journey-head>span{display:inline-flex;align-items:center;gap:8px;color:#a9bbd4;font-size:10px;font-weight:700}
.products-v736 .p736-journey-head>span i{width:7px;height:7px;border-radius:50%;background:#4dd8c6;box-shadow:0 0 0 5px rgba(77,216,198,.09)}
.products-v736 .p736-journey-track{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:24px 0 20px}
.products-v736 .p736-journey-track::before{content:"";position:absolute;top:48px;right:7%;left:7%;height:1px;background:linear-gradient(90deg,rgba(75,218,199,.12),rgba(83,148,255,.72),rgba(75,218,199,.12))}
.products-v736 .p736-journey-track article{position:relative;z-index:1;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 6px}
.products-v736 .p736-step-icon{width:50px;height:50px;display:grid;place-items:center;border:1px solid rgba(116,164,238,.3);border-radius:16px;color:#90baff;background:#0e203e;box-shadow:0 10px 24px rgba(0,0,0,.22)}
.products-v736 .p736-step-icon svg{width:22px;height:22px}
.products-v736 .p736-journey-track small{margin-top:13px;color:#6f99dc;font-size:9px;font-weight:800}
.products-v736 .p736-journey-track strong{min-height:46px;margin-top:4px;color:#eaf1fb;font-size:11px;font-weight:750;line-height:1.7}
.products-v736 .p736-journey-track em{margin-top:6px;color:#6f819d;font-family:"Syncopate",sans-serif;font-size:6px;font-style:normal;letter-spacing:.3px;direction:ltr}
.products-v736 .p736-corebar{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:16px 18px;border:1px solid rgba(87,145,237,.25);border-radius:18px;background:linear-gradient(90deg,rgba(31,78,154,.35),rgba(17,37,71,.8))}
.products-v736 .p736-corebar>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:#8fc0ff;background:rgba(74,133,228,.18)}
.products-v736 .p736-corebar>span svg{width:22px;height:22px}
.products-v736 .p736-corebar>div:nth-child(2){display:grid;gap:3px}
.products-v736 .p736-corebar small{color:#6d99df;font-size:8px;font-weight:900;letter-spacing:1.4px;direction:ltr}
.products-v736 .p736-corebar strong{color:#edf4ff;font-size:11px;font-weight:700}
.products-v736 .p736-core-tags{display:flex;gap:6px;direction:ltr}
.products-v736 .p736-core-tags b{padding:6px 8px;border:1px solid rgba(133,171,230,.17);border-radius:8px;color:#9db1ce;background:rgba(255,255,255,.03);font-size:7px;font-weight:700}

.products-v736 .p736-trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px}
.products-v736 .p736-trust-row article{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:20px 22px;border:1px solid rgba(118,153,209,.16);border-radius:18px;background:rgba(255,255,255,.035)}
.products-v736 .p736-trust-row article>span{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;color:#86b7ff;background:rgba(56,118,218,.14)}
.products-v736 .p736-trust-row svg{width:22px;height:22px}
.products-v736 .p736-trust-row div{display:grid;gap:4px}
.products-v736 .p736-trust-row strong{color:#f0f5fd;font-size:13px;font-weight:800}
.products-v736 .p736-trust-row small{color:#9dadc3;font-size:11px;line-height:1.8}

.products-v736 .p736-explorer{margin-top:82px;padding:36px;border:1px solid rgba(136,164,211,.18);border-radius:32px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02));box-shadow:0 32px 80px rgba(0,0,0,.22)}
.products-v736 .p736-explorer-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:24px}
.products-v736 .p736-explorer-head>div:first-child{max-width:760px}
.products-v736 .p736-explorer-head span{color:#75a9f5;font-size:9px;font-weight:900;letter-spacing:1.8px;direction:ltr}
.products-v736 .p736-explorer-head h3{margin:8px 0 6px;color:#fff;font-size:clamp(30px,3vw,46px);line-height:1.45;font-weight:900;letter-spacing:-1px}
.products-v736 .p736-explorer-head p{margin:0;color:#a9b8ce;font-size:14px;line-height:2}
.products-v736 .p736-method{max-width:360px;display:grid;gap:5px;padding:14px 16px;border-right:2px solid #3d83ef;background:rgba(20,50,98,.26)}
.products-v736 .p736-method small{color:#6f99da;font-size:9px;font-weight:800}
.products-v736 .p736-method strong{color:#dfeafa;font-size:11px;font-weight:650;line-height:1.8}

.products-v736 .p736-problem-nav{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:10px!important;margin:0 0 18px!important;padding:0!important;border:0!important;background:none!important;overflow:visible!important}
.products-v736 .p736-problem-nav .product-category-button{position:relative!important;min-height:110px!important;width:auto!important;display:grid!important;grid-template-columns:auto 1fr!important;align-items:center!important;gap:13px!important;padding:16px!important;border:1px solid rgba(125,157,208,.16)!important;border-radius:17px!important;color:#c9d5e6!important;background:rgba(255,255,255,.025)!important;text-align:right!important;box-shadow:none!important;transform:none!important;cursor:pointer!important;overflow:hidden!important;transition:.25s ease!important}
.products-v736 .p736-problem-nav .product-category-button::before{content:"";position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,transparent,#4d91ff,transparent);opacity:0;transition:.25s}
.products-v736 .p736-problem-nav .product-category-button:hover{border-color:rgba(104,157,239,.42)!important;background:rgba(48,98,181,.1)!important;transform:translateY(-2px)!important}
.products-v736 .p736-problem-nav .product-category-button.active{border-color:rgba(111,167,255,.6)!important;background:linear-gradient(145deg,rgba(37,99,235,.18),rgba(17,39,76,.5))!important;box-shadow:0 15px 34px rgba(0,0,0,.16)!important}
.products-v736 .p736-problem-nav .product-category-button.active::before{opacity:1}
.products-v736 .p736-problem-nav .product-category-button>span{width:43px;height:43px;display:grid;place-items:center;border:1px solid rgba(126,162,221,.2);border-radius:13px;color:#8cbcff;background:#10213e}
.products-v736 .p736-problem-nav .product-category-button svg{width:21px;height:21px}
.products-v736 .p736-problem-nav .product-category-button>div{min-width:0;display:grid;gap:2px}
.products-v736 .p736-problem-nav small{color:#6f91c2;font-size:8px;font-weight:700}
.products-v736 .p736-problem-nav strong{color:#e8eff9;font-size:11px;font-weight:800;line-height:1.65}
.products-v736 .p736-problem-nav em{color:#637795;font-family:"Syncopate",sans-serif;font-size:6px;font-style:normal;letter-spacing:.2px;direction:ltr}

.products-v736 .p736-product-frame{overflow:hidden;border:1px solid rgba(118,151,202,.19);border-radius:24px;background:#f7f9fd;box-shadow:0 26px 70px rgba(0,0,0,.28)}
.products-v736 .p736-frame-top{height:56px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:0 20px;color:#63708a;background:#eaf0f8;border-bottom:1px solid #dce4f0}
.products-v736 .p736-frame-top>div{display:flex;align-items:center;gap:7px;direction:ltr}
.products-v736 .p736-frame-top>div span{width:8px;height:8px;border-radius:50%;background:#b7c2d2}
.products-v736 .p736-frame-top>div span:first-child{background:#f58d8d}.products-v736 .p736-frame-top>div span:nth-child(2){background:#f3c761}.products-v736 .p736-frame-top>div span:nth-child(3){background:#6fd0a0}
.products-v736 .p736-frame-top b{margin-left:10px;color:#52627d;font-size:8px;letter-spacing:1px}
.products-v736 .p736-frame-top p{margin:0;font-size:10px}
.products-v736 .product-slider{position:relative!important;min-height:650px!important;padding:0!important;overflow:hidden!important;background:#f7f9fd!important}
.products-v736 .product-stage{position:relative!important;min-height:650px!important;height:650px!important;perspective:none!important;overflow:hidden!important;cursor:grab!important}
.products-v736 .product-stage.dragging{cursor:grabbing!important}
.products-v736 .product-cards{position:relative!important;width:100%!important;height:100%!important;min-height:650px!important}
.products-v736 .product-card{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:grid!important;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;gap:0!important;border:0!important;border-radius:0!important;background:#f7f9fd!important;box-shadow:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(18px) scale(.99)!important;transition:opacity .35s ease,transform .35s ease!important;overflow:hidden!important}
.products-v736 .product-card.active{z-index:3!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}
.products-v736 .product-card[data-pos]:not(.active){display:grid!important}
.products-v736 .product-body{min-width:0;display:flex!important;flex-direction:column!important;padding:38px 42px 34px!important;color:#172033!important;background:#fff!important;border-left:1px solid #e1e8f2!important}
.products-v736 .product-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;margin:0 0 25px!important}
.products-v736 .product-brand{display:grid!important;gap:2px!important;direction:ltr!important;text-align:left!important}
.products-v736 .product-brand strong{color:var(--accent)!important;font-family:"Syncopate",sans-serif!important;font-size:11px!important;letter-spacing:1.2px!important}
.products-v736 .product-brand small{color:#8a96aa!important;font-size:8px!important;letter-spacing:.8px!important}
.products-v736 .product-card-status{display:inline-flex!important;align-items:center!important;gap:7px!important;padding:7px 10px!important;border:1px solid rgba(var(--accent-rgb),.18)!important;border-radius:999px!important;color:#5b687c!important;background:rgba(var(--accent-rgb),.055)!important;font-size:9px!important;font-weight:700!important}
.products-v736 .product-card-status i{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(var(--accent-rgb),.09)}
.products-v736 .product-main{display:block!important;margin:0!important}
.products-v736 .product-main>small{display:block!important;margin-bottom:7px!important;color:var(--accent)!important;font-size:10px!important;font-weight:800!important}
.products-v736 .product-main h3{margin:0!important;color:#111a2c!important;font-size:clamp(28px,2.55vw,41px)!important;line-height:1.45!important;font-weight:900!important;letter-spacing:-1px!important}
.products-v736 .product-main p{max-width:660px!important;margin:12px 0 0!important;color:#526079!important;font-size:13px!important;line-height:2!important}
.products-v736 .p736-solution-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}
.products-v736 .p736-solution-grid>div{padding:14px 15px;border:1px solid #e5eaf2;border-radius:13px;background:#f8fafe}
.products-v736 .p736-solution-grid small{display:block;color:#8a96a9;font-size:8px;font-weight:700}
.products-v736 .p736-solution-grid strong{display:block;margin-top:4px;color:#334159;font-size:10px;font-weight:750;line-height:1.75}
.products-v736 .product-features{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:18px 0 0!important}
.products-v736 .product-features span{position:relative!important;display:flex!important;align-items:center!important;min-height:38px!important;padding:8px 28px 8px 10px!important;border:0!important;border-radius:10px!important;color:#42516a!important;background:#f1f5fa!important;font-size:9px!important;font-weight:700!important}
.products-v736 .product-features span::before{content:"";position:absolute;right:11px;width:7px;height:7px;border:2px solid var(--accent);border-radius:50%;box-sizing:border-box}
.products-v736 .p736-connect{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:17px}
.products-v736 .p736-connect small{margin-left:3px;color:#7b879a;font-size:8px;font-weight:800}
.products-v736 .p736-connect span{padding:5px 8px;border:1px solid #e0e6ef;border-radius:8px;color:#617089;background:#fff;font-size:8px;font-weight:650}
.products-v736 .product-foot{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;margin-top:auto!important;padding-top:22px!important;border-top:1px solid #e8edf4!important}
.products-v736 .product-foot>small{max-width:52%;color:#7b8799!important;font-size:8px!important;line-height:1.7!important}
.products-v736 .product-foot a{min-height:43px!important;display:inline-flex!important;align-items:center!important;gap:8px!important;padding:0 15px!important;border-radius:11px!important;color:#fff!important;background:var(--accent)!important;font-size:10px!important;font-weight:800!important;box-shadow:0 10px 22px rgba(var(--accent-rgb),.22)!important}
.products-v736 .product-foot a svg{width:15px;height:15px}

.products-v736 .product-visual{position:relative!important;min-width:0!important;height:auto!important;padding:34px!important;overflow:hidden!important;background:
  radial-gradient(circle at 78% 15%,rgba(var(--accent-rgb),.18),transparent 28%),
  linear-gradient(145deg,#0a1324,#111f38)!important}
.products-v736 .product-visual::before{content:"";position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(135deg,#000,transparent 75%)}
.products-v736 .p736-ui{display:grid!important;grid-template-columns:48px 1fr!important;gap:0!important;align-items:stretch!important}
.products-v736 .p736-ui-sidebar{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:14px;padding:16px 0;border-radius:15px 0 0 15px;background:#0b1527;box-shadow:0 20px 40px rgba(0,0,0,.24)}
.products-v736 .p736-ui-sidebar b{width:28px;height:28px;display:grid;place-items:center;margin-bottom:12px;border-radius:9px;color:#fff;background:var(--accent);font-family:"Syncopate",sans-serif;font-size:8px}
.products-v736 .p736-ui-sidebar i{width:18px;height:18px;border:1px solid rgba(151,173,207,.18);border-radius:6px;background:rgba(255,255,255,.04)}
.products-v736 .p736-ui-sidebar i.active{border-color:rgba(var(--accent-rgb),.45);background:rgba(var(--accent-rgb),.22)}
.products-v736 .p736-ui-main{position:relative;z-index:1;min-width:0;padding:24px;border-radius:0 18px 18px 0;background:#f8fbff;box-shadow:0 28px 55px rgba(0,0,0,.28)}
.products-v736 .p736-ui-title{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:18px;border-bottom:1px solid #e3eaf3}
.products-v736 .p736-ui-title div{display:grid;gap:2px}
.products-v736 .p736-ui-title small{color:#8a96aa;font-size:8px}
.products-v736 .p736-ui-title strong{color:#1b263a;font-size:13px;font-weight:850}
.products-v736 .p736-ui-title button{border:0;border-radius:8px;padding:8px 11px;color:#fff;background:var(--accent);font-size:8px;font-weight:800}

.products-v736 .p736-crm-kpis,.products-v736 .p736-order-summary,.products-v736 .p736-bi-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}
.products-v736 .p736-crm-kpis span,.products-v736 .p736-order-summary span,.products-v736 .p736-bi-kpis span{display:grid;gap:4px;padding:11px;border:1px solid #e5ebf3;border-radius:10px;background:#fff}
.products-v736 .p736-crm-kpis small,.products-v736 .p736-order-summary small,.products-v736 .p736-bi-kpis small{color:#8a96aa;font-size:7px}
.products-v736 .p736-crm-kpis b,.products-v736 .p736-order-summary b,.products-v736 .p736-bi-kpis b{color:#344259;font-size:8px}
.products-v736 .p736-pipeline{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px}
.products-v736 .p736-pipeline section{min-height:255px;padding:10px;border-radius:10px;background:#eef3f9}
.products-v736 .p736-pipeline section>b{color:#66748a;font-size:8px}
.products-v736 .p736-pipeline article{display:flex;gap:8px;margin-top:9px;padding:10px;border:1px solid #e2e8f0;border-radius:9px;background:#fff;box-shadow:0 7px 14px rgba(45,63,91,.05)}
.products-v736 .p736-pipeline article>span{width:7px;height:7px;margin-top:3px;border-radius:50%;background:var(--accent)}
.products-v736 .p736-pipeline article div{display:grid;gap:2px}
.products-v736 .p736-pipeline strong{color:#364359;font-size:7px}.products-v736 .p736-pipeline small{color:#909bad;font-size:6px}

.products-v736 .p736-booking-layout{display:grid;grid-template-columns:1fr 122px;gap:12px;margin-top:18px}
.products-v736 .p736-calendar{padding:14px;border:1px solid #e4eaf2;border-radius:12px;background:#fff}
.products-v736 .p736-calendar-head{display:flex;justify-content:space-between;color:#526079;font-size:8px}.products-v736 .p736-calendar-head span{color:#9aa5b6}
.products-v736 .p736-days{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-top:13px}.products-v736 .p736-days span{text-align:center;color:#8995a8;font-size:6px}
.products-v736 .p736-slots{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-top:8px}.products-v736 .p736-slots i{height:42px;border-radius:7px;background:#edf2f8}.products-v736 .p736-slots i.filled{background:rgba(var(--accent-rgb),.18);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.16)}
.products-v736 .p736-booking-layout aside{display:flex;flex-direction:column;gap:9px;padding:14px;border-radius:12px;color:#dce8f7;background:#12223c}.products-v736 .p736-booking-layout aside small{color:#7f9dc4;font-size:7px}.products-v736 .p736-booking-layout aside strong{font-size:11px}.products-v736 .p736-booking-layout aside span{padding:7px;border-radius:7px;background:rgba(255,255,255,.05);font-size:7px}

.products-v736 .p736-order-table{margin-top:15px;border:1px solid #e2e8f0;border-radius:11px;overflow:hidden;background:#fff}
.products-v736 .p736-order-table header,.products-v736 .p736-order-table>div{display:grid;grid-template-columns:1.25fr 1fr 1fr;align-items:center;padding:10px 12px;border-bottom:1px solid #edf1f6;font-size:7px}.products-v736 .p736-order-table header{color:#8793a6;background:#f3f6fa}.products-v736 .p736-order-table>div{color:#4d5a70}.products-v736 .p736-order-table>div:last-child{border-bottom:0}.products-v736 .p736-order-table em{width:max-content;padding:4px 7px;border-radius:999px;color:#8b6a24;background:#fff5d9;font-style:normal}.products-v736 .p736-order-table em.green{color:#34745c;background:#e7f7ef}

.products-v736 .p736-flow{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:48px}.products-v736 .p736-flow article{width:105px;min-height:82px;display:grid;align-content:center;gap:4px;padding:10px;border:1px solid #dfe7f1;border-radius:11px;background:#fff;text-align:center;box-shadow:0 10px 20px rgba(40,55,82,.06)}.products-v736 .p736-flow article.start,.products-v736 .p736-flow article.finish{border-color:rgba(var(--accent-rgb),.3);background:rgba(var(--accent-rgb),.07)}.products-v736 .p736-flow article b{color:#3f4c62;font-size:8px}.products-v736 .p736-flow article small{color:#909bac;font-size:6px}.products-v736 .p736-flow>i{width:22px;height:1px;background:#9fb0c6;position:relative}.products-v736 .p736-flow>i::after{content:"";position:absolute;left:0;top:-3px;border:4px solid transparent;border-right-color:#9fb0c6}
.products-v736 .p736-flow-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:42px}.products-v736 .p736-flow-meta span{padding:9px;border-radius:8px;color:#69768b;background:#eef3f8;text-align:center;font-size:7px}

.products-v736 .p736-health-layout{display:grid;grid-template-columns:145px 1fr;gap:12px;margin-top:20px}.products-v736 .p736-health-layout aside{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 12px;border-radius:12px;color:#526079;background:#eef4f8;text-align:center}.products-v736 .p736-health-layout .avatar{width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,rgba(var(--accent-rgb),.25),rgba(var(--accent-rgb),.08))}.products-v736 .p736-health-layout aside strong{font-size:9px}.products-v736 .p736-health-layout aside small{font-size:7px;color:#8d98aa}.products-v736 .p736-health-layout aside b{width:100%;padding:7px;border-radius:7px;color:#526079;background:#fff;font-size:7px}.products-v736 .p736-health-layout>div{padding:14px;border:1px solid #e3e9f1;border-radius:12px;background:#fff}.products-v736 .p736-health-layout header{display:flex;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid #edf1f6;color:#56637a;font-size:8px}.products-v736 .p736-health-layout header em{color:var(--accent);font-style:normal}.products-v736 .p736-health-layout article{display:flex;gap:10px;padding:13px 0;border-bottom:1px solid #edf1f6}.products-v736 .p736-health-layout article:last-child{border-bottom:0}.products-v736 .p736-health-layout article i{width:9px;height:9px;margin-top:2px;border:2px solid var(--accent);border-radius:50%}.products-v736 .p736-health-layout article div{display:grid;gap:2px}.products-v736 .p736-health-layout article strong{color:#435069;font-size:8px}.products-v736 .p736-health-layout article small{color:#939daf;font-size:7px}

.products-v736 .p736-docs-layout{display:grid;grid-template-columns:140px 1fr;gap:12px;margin-top:18px}.products-v736 .p736-docs-layout aside{display:flex;flex-direction:column;gap:5px;padding:13px;border-radius:12px;background:#edf2f7}.products-v736 .p736-docs-layout aside b{margin-bottom:5px;color:#566378;font-size:8px}.products-v736 .p736-docs-layout aside span{padding:8px;border-radius:7px;color:#7a8799;font-size:7px}.products-v736 .p736-docs-layout aside span.active{color:var(--accent);background:#fff;font-weight:800}.products-v736 .p736-docs-layout>div{border:1px solid #e1e8f0;border-radius:12px;overflow:hidden;background:#fff}.products-v736 .p736-docs-layout header,.products-v736 .p736-docs-layout article{display:grid;grid-template-columns:1.5fr .7fr .75fr;align-items:center;padding:11px 12px;border-bottom:1px solid #edf1f6;font-size:7px}.products-v736 .p736-docs-layout header{color:#8793a5;background:#f3f6f9}.products-v736 .p736-docs-layout article{position:relative;color:#4d5b70}.products-v736 .p736-docs-layout article:last-child{border-bottom:0}.products-v736 .p736-docs-layout article i{position:absolute;right:5px;width:4px;height:28px;border-radius:4px;background:var(--accent)}.products-v736 .p736-docs-layout article small{color:#919bad}.products-v736 .p736-docs-layout article em{width:max-content;padding:4px 6px;border-radius:6px;color:#617088;background:#edf2f7;font-style:normal}

.products-v736 .p736-bi-grid{display:grid;grid-template-columns:1.35fr .75fr;grid-template-rows:150px 110px;gap:10px;margin-top:14px}.products-v736 .p736-bi-grid>div{border:1px solid #e3e9f1;border-radius:11px;background:#fff}.products-v736 .p736-bi-grid .chart{display:flex;align-items:end;gap:10px;padding:18px}.products-v736 .p736-bi-grid .chart i{flex:1;border-radius:6px 6px 2px 2px;background:linear-gradient(to top,var(--accent),rgba(var(--accent-rgb),.24))}.products-v736 .p736-bi-grid .donut{display:grid;place-items:center;align-content:center;gap:8px}.products-v736 .p736-bi-grid .donut span{width:70px;height:70px;border:13px solid rgba(var(--accent-rgb),.14);border-top-color:var(--accent);border-radius:50%}.products-v736 .p736-bi-grid .donut b{color:#6a7689;font-size:7px}.products-v736 .p736-bi-grid .trend{grid-column:1/-1;padding:14px}.products-v736 .p736-bi-grid .trend svg{width:100%;height:100%}.products-v736 .p736-bi-grid .trend path{fill:none;stroke:var(--accent);stroke-width:4;filter:drop-shadow(0 4px 4px rgba(var(--accent-rgb),.15))}

.products-v736 .p736-ticket-layout{display:grid;grid-template-columns:1fr 135px;gap:12px;margin-top:18px}.products-v736 .p736-ticket-layout>div{border:1px solid #e3e9f1;border-radius:12px;overflow:hidden;background:#fff}.products-v736 .p736-ticket-layout header{display:grid;grid-template-columns:1.7fr .6fr .8fr;padding:10px 12px;color:#8793a5;background:#f2f5f9;font-size:7px}.products-v736 .p736-ticket-layout article{position:relative;display:grid;grid-template-columns:1.7fr .8fr;align-items:center;padding:13px 12px 13px 22px;border-bottom:1px solid #edf1f5}.products-v736 .p736-ticket-layout article:last-child{border-bottom:0}.products-v736 .p736-ticket-layout article>i{position:absolute;right:8px;width:7px;height:7px;border-radius:50%;background:#60a5fa}.products-v736 .p736-ticket-layout article>i.high{background:#f87171}.products-v736 .p736-ticket-layout article>i.medium{background:#fbbf24}.products-v736 .p736-ticket-layout article div{display:grid;gap:2px}.products-v736 .p736-ticket-layout article strong{color:#425068;font-size:8px}.products-v736 .p736-ticket-layout article small{color:#929caf;font-size:6px}.products-v736 .p736-ticket-layout article em{width:max-content;padding:5px 7px;border-radius:7px;color:#6a7689;background:#edf2f7;font-size:6px;font-style:normal}.products-v736 .p736-ticket-layout aside{display:flex;flex-direction:column;gap:8px;padding:15px;border-radius:12px;color:#dce8f8;background:#11223d}.products-v736 .p736-ticket-layout aside small{color:#7e9cc4;font-size:7px}.products-v736 .p736-ticket-layout aside strong{font-size:11px}.products-v736 .p736-ticket-layout aside span{padding:8px;border-radius:7px;background:rgba(255,255,255,.055);font-size:7px}

.products-v736 .product-nav{position:absolute!important;z-index:8!important;top:50%!important;width:42px!important;height:42px!important;display:grid!important;place-items:center!important;border:1px solid #dce4ef!important;border-radius:12px!important;color:#52627a!important;background:rgba(255,255,255,.94)!important;box-shadow:0 12px 28px rgba(29,43,67,.14)!important;transform:translateY(-50%)!important;cursor:pointer!important}
.products-v736 .product-nav svg{width:18px;height:18px}.products-v736 .product-prev{right:14px!important}.products-v736 .product-next{left:14px!important}
.products-v736 .product-controls{position:absolute!important;z-index:9!important;right:50%!important;bottom:13px!important;display:flex!important;align-items:center!important;gap:10px!important;transform:translateX(50%)!important}
.products-v736 .product-controls>button{width:30px!important;height:30px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;border:1px solid #dfe6ef!important;border-radius:9px!important;background:#fff!important}
.products-v736 .product-controls>button span{width:2px!important;height:9px!important;background:#7c899c!important}.products-v736 .product-controls>button.paused span:first-child{width:0!important;height:0!important;border-top:5px solid transparent!important;border-bottom:5px solid transparent!important;border-left:8px solid #64748b!important;background:none!important}.products-v736 .product-controls>button.paused span:last-child{display:none!important}
.products-v736 #productDots{display:flex;gap:6px}.products-v736 .product-dot{width:6px!important;height:6px!important;padding:0!important;border:0!important;border-radius:99px!important;background:#bdc7d5!important;transition:.2s!important}.products-v736 .product-dot.active{width:22px!important;background:#2563eb!important}
.products-v736 .p736-frame-foot{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 20px;border-top:1px solid #dfe6ef;color:#66758c;background:#edf2f8}
.products-v736 .p736-frame-foot p{margin:0;font-size:10px}.products-v736 .p736-frame-foot p strong{color:#24324a}.products-v736 .p736-frame-foot>span{font-size:9px}

.products-v736 .p736-foundation{display:grid;grid-template-columns:.72fr 1.28fr;gap:50px;align-items:center;margin-top:72px;padding:40px 0;border-top:1px solid rgba(132,164,214,.16);border-bottom:1px solid rgba(132,164,214,.16)}
.products-v736 .p736-foundation-copy>span{color:#75a6ee;font-size:9px;font-weight:900;letter-spacing:1.7px;direction:ltr}.products-v736 .p736-foundation-copy h3{margin:10px 0 8px;color:#fff;font-size:clamp(27px,2.5vw,40px);line-height:1.55;font-weight:900}.products-v736 .p736-foundation-copy p{margin:0;color:#9eacc1;font-size:13px;line-height:2}
.products-v736 .p736-foundation-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.products-v736 .p736-foundation-grid article{position:relative;min-height:130px;padding:20px;border:1px solid rgba(120,153,205,.16);border-radius:17px;background:rgba(255,255,255,.03)}.products-v736 .p736-foundation-grid article::before{content:"";position:absolute;right:20px;top:20px;width:9px;height:9px;border:2px solid #659ef5;border-radius:3px;transform:rotate(45deg)}.products-v736 .p736-foundation-grid b{display:none}.products-v736 .p736-foundation-grid strong{display:block;padding-right:25px;color:#edf4ff;font-size:13px;font-weight:800}.products-v736 .p736-foundation-grid small{display:block;margin-top:8px;color:#91a0b7;font-size:10px;line-height:1.9}
.products-v736 .p736-cta{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:38px;padding:28px 30px;border:1px solid rgba(107,155,229,.25);border-radius:22px;background:linear-gradient(90deg,rgba(35,78,147,.34),rgba(16,35,68,.48))}.products-v736 .p736-cta>div{max-width:900px}.products-v736 .p736-cta small{color:#80aceb;font-size:9px;font-weight:800}.products-v736 .p736-cta strong{display:block;margin-top:4px;color:#f4f8ff;font-size:17px;font-weight:850}.products-v736 .p736-cta p{margin:7px 0 0;color:#a5b3c7;font-size:11px;line-height:1.9}.products-v736 .p736-cta a{min-width:175px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 18px;border-radius:13px;color:#fff;background:#2563eb;font-size:11px;font-weight:800;box-shadow:0 14px 28px rgba(37,99,235,.23)}.products-v736 .p736-cta a svg{width:16px;height:16px}

@media(max-width:1240px){
  .products-v736 .p736-intro{grid-template-columns:1fr;gap:42px}.products-v736 .p736-intro-copy{max-width:850px}.products-v736 .p736-intro-copy>p{max-width:800px}.products-v736 .p736-journey{max-width:100%}.products-v736 .product-slider,.products-v736 .product-stage,.products-v736 .product-cards{min-height:690px!important;height:690px!important}.products-v736 .product-card{grid-template-columns:1fr 1fr!important}.products-v736 .product-body{padding:32px!important}.products-v736 .product-visual{padding:28px!important}.products-v736 .p736-flow article{width:92px}.products-v736 .p736-problem-nav{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:980px){
  .products-v736{padding:86px 0 94px}.products-v736 .p736-trust-row{grid-template-columns:1fr}.products-v736 .p736-explorer{padding:24px}.products-v736 .p736-explorer-head{display:grid;gap:20px}.products-v736 .p736-method{max-width:none}.products-v736 .product-slider,.products-v736 .product-stage,.products-v736 .product-cards{min-height:1040px!important;height:1040px!important}.products-v736 .product-card{grid-template-columns:1fr!important;grid-template-rows:auto 480px!important}.products-v736 .product-body{border-left:0!important;border-bottom:1px solid #e1e8f2!important}.products-v736 .product-visual{min-height:480px!important}.products-v736 .p736-foundation{grid-template-columns:1fr;gap:28px}.products-v736 .p736-cta{align-items:flex-start;flex-direction:column}.products-v736 .p736-journey-track{grid-template-columns:repeat(3,1fr);row-gap:22px}.products-v736 .p736-journey-track::before{display:none}.products-v736 .p736-corebar{grid-template-columns:auto 1fr}.products-v736 .p736-core-tags{grid-column:1/-1;justify-content:center}
}
@media(max-width:680px){
  .products-v736 .p736-shell{width:min(94vw,560px)}.products-v736 .p736-intro h2{font-size:clamp(34px,10vw,48px);letter-spacing:-1.3px}.products-v736 .p736-intro-copy>p{font-size:14px;line-height:2}.products-v736 .p736-intro-actions{display:grid}.products-v736 .p736-intro-actions a{width:100%}.products-v736 .p736-journey{padding:16px;border-radius:21px}.products-v736 .p736-journey-head{align-items:flex-start;flex-direction:column}.products-v736 .p736-journey-track{grid-template-columns:1fr 1fr}.products-v736 .p736-journey-track article:last-child{grid-column:1/-1}.products-v736 .p736-corebar{grid-template-columns:1fr;text-align:center}.products-v736 .p736-corebar>span{margin:auto}.products-v736 .p736-trust-row article{padding:17px}.products-v736 .p736-explorer{margin-top:58px;padding:15px;border-radius:22px}.products-v736 .p736-explorer-head h3{font-size:31px}.products-v736 .p736-problem-nav{grid-template-columns:1fr!important}.products-v736 .p736-problem-nav .product-category-button{min-height:88px!important}.products-v736 .p736-frame-top{height:auto;min-height:58px;align-items:flex-start;flex-direction:column;padding:13px}.products-v736 .p736-frame-top p{line-height:1.6}.products-v736 .product-slider,.products-v736 .product-stage,.products-v736 .product-cards{min-height:1230px!important;height:1230px!important}.products-v736 .product-card{grid-template-rows:auto 425px!important}.products-v736 .product-body{padding:25px 19px!important}.products-v736 .product-head{align-items:flex-start;flex-direction:column}.products-v736 .product-main h3{font-size:29px!important}.products-v736 .p736-solution-grid,.products-v736 .product-features{grid-template-columns:1fr!important}.products-v736 .product-foot{align-items:flex-start!important;flex-direction:column!important}.products-v736 .product-foot>small{max-width:100%!important}.products-v736 .product-foot a{width:100%;justify-content:center}.products-v736 .product-visual{padding:16px!important}.products-v736 .p736-ui{grid-template-columns:36px 1fr!important}.products-v736 .p736-ui-main{padding:14px}.products-v736 .p736-ui-sidebar{border-radius:11px 0 0 11px}.products-v736 .p736-crm-kpis,.products-v736 .p736-order-summary,.products-v736 .p736-bi-kpis{grid-template-columns:1fr}.products-v736 .p736-pipeline{grid-template-columns:1fr 1fr}.products-v736 .p736-pipeline section:last-child{display:none}.products-v736 .p736-booking-layout,.products-v736 .p736-health-layout,.products-v736 .p736-docs-layout,.products-v736 .p736-ticket-layout{grid-template-columns:1fr}.products-v736 .p736-booking-layout aside,.products-v736 .p736-ticket-layout aside,.products-v736 .p736-health-layout aside,.products-v736 .p736-docs-layout aside{display:none}.products-v736 .p736-flow{gap:4px;margin-top:34px}.products-v736 .p736-flow article{width:72px;padding:7px}.products-v736 .p736-flow>i{width:10px}.products-v736 .p736-flow-meta{grid-template-columns:1fr 1fr}.products-v736 .p736-bi-grid{grid-template-columns:1fr;grid-template-rows:130px 90px 100px}.products-v736 .p736-bi-grid .trend{grid-column:auto}.products-v736 .product-nav{top:auto!important;bottom:12px!important;transform:none!important}.products-v736 .product-prev{right:12px!important}.products-v736 .product-next{left:12px!important}.products-v736 .product-controls{bottom:18px!important}.products-v736 .p736-frame-foot{height:auto;min-height:65px;align-items:flex-start;flex-direction:column;padding:12px 16px}.products-v736 .p736-foundation-grid{grid-template-columns:1fr}.products-v736 .p736-cta{padding:23px 20px}.products-v736 .p736-cta a{width:100%}
}

/* V7.36 visual QA refinements */
@media(min-width:1241px){
  .products-v736 .p736-intro h2{font-size:clamp(38px,3.45vw,56px);letter-spacing:-1.35px}
  .products-v736 .p736-intro-copy{padding-right:4px}
  .products-v736 .p736-pipeline section{min-height:340px}
}
.products-v736 .p736-intro h2{white-space:normal!important;overflow-wrap:normal}
.products-v736 .p736-intro h2>span,.products-v736 .p736-intro h2>strong{display:block}
@media(min-width:1241px){.products-v736 .p736-intro h2{font-size:clamp(37px,3.15vw,50px)}}
@media(max-width:680px){
  .products-v736 .p736-intro h2{font-size:33px!important;line-height:1.55!important;letter-spacing:-.55px!important}
}


/* =========================================================
   V7.37 — cinematic scroll-driven product story
   ========================================================= */
.products-v737{position:relative;overflow:clip;padding:128px 0 120px;background:
radial-gradient(circle at 12% 8%,rgba(73,125,255,.14),transparent 28%),
linear-gradient(180deg,#f7f9fd 0%,#eef3fb 100%);color:#0c1830}
.products-v737::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.34;background-image:linear-gradient(rgba(38,76,145,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(38,76,145,.055) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,black,transparent 72%)}
.p737-shell{position:relative;z-index:1;width:min(1380px,92vw);margin:auto}
.p737-heading{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:72px;align-items:end;margin-bottom:80px}
.p737-eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px;color:#245fd5;font-size:12px;font-weight:900;letter-spacing:1.8px;direction:ltr}
.p737-eyebrow::before{content:"";width:42px;height:2px;background:linear-gradient(90deg,#245fd5,transparent)}
.p737-heading h2{margin:0;color:#0a1730;font-size:clamp(38px,4.4vw,70px);line-height:1.3;letter-spacing:-2.1px;font-weight:700}
.p737-heading h2 strong{color:#245fd5;font-weight:900}
.p737-heading-copy p{margin:0;color:#52617a;font-size:16px;line-height:2.05}
.p737-platform-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.p737-platform-tags span{padding:8px 12px;border:1px solid #d7e1f1;border-radius:999px;background:rgba(255,255,255,.78);color:#344767;font-size:11px;font-weight:800}
.p737-story{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(480px,.92fr);gap:56px;align-items:start}
.p737-stage{position:sticky;top:100px;min-height:720px;padding:22px;border:1px solid rgba(147,177,231,.24);border-radius:32px;background:linear-gradient(145deg,#071229 0%,#0b1c3d 58%,#071329 100%);box-shadow:0 34px 90px rgba(13,31,67,.25),inset 0 1px 0 rgba(255,255,255,.06);overflow:hidden}
.p737-stage::before{content:"";position:absolute;width:430px;height:430px;right:-190px;top:-210px;border-radius:50%;background:radial-gradient(circle,rgba(55,119,255,.34),transparent 70%);filter:blur(10px)}
.p737-stage::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.045),transparent 26%)}
.p737-stage-top,.p737-stage-foot{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between}
.p737-stage-brand{display:flex;flex-direction:column;direction:ltr;text-align:left}
.p737-stage-brand b{color:#fff;font-size:16px;letter-spacing:2px}.p737-stage-brand small{color:#7891bc;font-size:8px;letter-spacing:1.8px}
.p737-live{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid rgba(107,159,255,.24);border-radius:999px;background:rgba(49,102,213,.12);color:#b9d2ff;font-size:10px;font-weight:800}.p737-live i{width:7px;height:7px;border-radius:50%;background:#5da2ff;box-shadow:0 0 0 5px rgba(93,162,255,.13)}
.p737-screen{position:relative;z-index:2;margin-top:22px;border:1px solid rgba(133,164,220,.18);border-radius:22px;background:#f7f9fd;overflow:hidden;box-shadow:0 28px 70px rgba(0,0,0,.28)}
.p737-screen-bar{height:42px;display:flex;align-items:center;gap:6px;padding:0 14px;background:#e9eef7;border-bottom:1px solid #dbe3ef;direction:ltr}.p737-screen-bar>span{width:8px;height:8px;border-radius:50%;background:#bdc8d9}.p737-screen-bar>span:first-child{background:#ff7f74}.p737-screen-bar>span:nth-child(2){background:#ffc85d}.p737-screen-bar>span:nth-child(3){background:#58c98f}.p737-screen-bar em{margin-left:auto;color:#64748b;font-size:9px;font-style:normal;font-weight:800;letter-spacing:.8px}
.p737-screen-body{display:grid;grid-template-columns:50px 1fr;min-height:540px}.p737-screen-nav{display:flex;flex-direction:column;align-items:center;gap:17px;padding:16px 0;background:#0b1832}.p737-screen-nav b{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:linear-gradient(135deg,#2e72ef,#55b5ff);color:#fff;font-size:9px}.p737-screen-nav i{width:7px;height:7px;border-radius:3px;background:#314665}.p737-screen-nav i.active{height:25px;background:#4b8dff}
.p737-preview-stack{position:relative;min-width:0;min-height:540px;background:#f7f9fd}.p737-preview{position:absolute;inset:0;padding:24px;opacity:0;transform:translateY(12px) scale(.985);pointer-events:none;transition:opacity .42s ease,transform .42s ease}.p737-preview.active{opacity:1;transform:none;pointer-events:auto}
.p737-preview-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.p737-preview-head div{display:flex;flex-direction:column}.p737-preview-head small{color:#7c8ba4;font-size:9px}.p737-preview-head strong{color:#10213f;font-size:17px}.p737-preview-head button{border:0;border-radius:9px;padding:9px 12px;background:#2768e8;color:#fff;font-size:9px;font-weight:800}
.p737-kpis,.p737-bi-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.p737-kpis span,.p737-bi-kpis span{padding:12px;border:1px solid #e1e7f1;border-radius:12px;background:#fff}.p737-kpis small,.p737-bi-kpis small{display:block;color:#8a98ac;font-size:8px}.p737-kpis b,.p737-bi-kpis b{color:#243653;font-size:10px}
.p737-kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.p737-kanban section{min-height:270px;padding:12px;border-radius:13px;background:#edf2f8}.p737-kanban header{margin-bottom:10px;color:#65738a;font-size:9px;font-weight:800}.p737-kanban p{position:relative;margin:8px 0;padding:11px 10px 10px 19px;border:1px solid #dfe7f2;border-radius:10px;background:#fff}.p737-kanban p i{position:absolute;left:8px;top:12px;width:5px;height:28px;border-radius:3px;background:#4b88f5}.p737-kanban p b,.p737-kanban p small{display:block}.p737-kanban p b{color:#283a58;font-size:9px}.p737-kanban p small{color:#8795a9;font-size:7px}
.p737-booking,.p737-commerce,.p737-health,.p737-tickets{display:grid;grid-template-columns:1fr 170px;gap:14px}.p737-calendar,.p737-commerce-chart,.p737-health>div,.p737-tickets>div{padding:15px;border:1px solid #e1e7f1;border-radius:14px;background:#fff}.p737-calendar header,.p737-commerce-chart header,.p737-docs header,.p737-tickets header{display:flex;justify-content:space-between;margin-bottom:14px;color:#6c7b91;font-size:9px}.p737-days,.p737-slots{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.p737-days span{color:#78869b;font-size:8px;text-align:center}.p737-slots{margin-top:9px}.p737-slots i{height:48px;border:1px solid #e6ebf3;border-radius:8px;background:#f4f7fb}.p737-slots i.filled{background:linear-gradient(135deg,#dfeaff,#bcd5ff);border-color:#a7c6fb}.p737-booking aside,.p737-commerce aside,.p737-tickets aside{padding:16px;border-radius:14px;background:#10224a;color:#fff}.p737-booking aside small,.p737-booking aside strong,.p737-booking aside span,.p737-tickets aside small,.p737-tickets aside strong,.p737-tickets aside span{display:block}.p737-booking aside small,.p737-tickets aside small{color:#87a2d2;font-size:8px}.p737-booking aside strong,.p737-tickets aside strong{margin:5px 0 18px;font-size:12px}.p737-booking aside span,.p737-tickets aside span{padding:8px 0;border-top:1px solid rgba(255,255,255,.09);color:#cbd8ed;font-size:8px}
.p737-commerce-chart>div{height:250px;display:flex;align-items:flex-end;gap:12px;padding:20px 10px 0;border-bottom:1px solid #dbe4f0}.p737-commerce-chart i{flex:1;border-radius:7px 7px 0 0;background:linear-gradient(180deg,#4b8cf7,#b9d1fb)}.p737-commerce aside{display:grid;gap:9px;background:#eef3fa}.p737-commerce aside article{padding:12px;border-radius:10px;background:#fff}.p737-commerce aside small,.p737-commerce aside b{display:block}.p737-commerce aside small{color:#8a98ac;font-size:8px}.p737-commerce aside b{color:#243653;font-size:9px}
.p737-workflow{height:370px;display:flex;align-items:center;justify-content:center;gap:8px;padding:18px;border:1px solid #e1e7f1;border-radius:14px;background:linear-gradient(180deg,#fff,#eef3fa)}.p737-workflow .node{width:120px;padding:15px 9px;border:1px solid #dce5f2;border-radius:13px;background:#fff;text-align:center;box-shadow:0 10px 25px rgba(31,54,93,.06)}.p737-workflow .node.accent{background:#1f5ed0;border-color:#1f5ed0;color:#fff}.p737-workflow .node b,.p737-workflow .node small{display:block}.p737-workflow .node b{font-size:9px}.p737-workflow .node small{margin-top:4px;color:#8390a4;font-size:7px}.p737-workflow .node.accent small{color:#c9dcff}.p737-workflow>span{width:24px;height:1px;background:#9bb8e9}
.p737-health aside{padding:18px;border:1px solid #e1e7f1;border-radius:14px;background:#fff}.p737-health aside .avatar{width:52px;height:52px;margin-bottom:12px;border-radius:15px;background:linear-gradient(135deg,#cfe1ff,#8fb9ff)}.p737-health aside b,.p737-health aside small,.p737-health aside span{display:block}.p737-health aside b{color:#263855;font-size:10px}.p737-health aside small{margin:5px 0 15px;color:#8795a9;font-size:8px}.p737-health aside span{padding:7px 0;border-top:1px solid #eef2f7;color:#60708a;font-size:8px}.p737-health>div article{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:17px;border:1px solid #e3eaf3;border-radius:12px;background:#fff}.p737-health>div article i{width:10px;height:10px;border-radius:50%;background:#4d8cf8;box-shadow:0 0 0 5px #e6efff}.p737-health>div article b,.p737-health>div article small{display:block}.p737-health>div article b{color:#263855;font-size:10px}.p737-health>div article small{color:#8896aa;font-size:8px}
.p737-docs{display:grid;grid-template-columns:150px 1fr;gap:14px}.p737-docs aside{padding:14px;border-radius:14px;background:#10224a;color:#fff}.p737-docs aside b,.p737-docs aside span{display:block}.p737-docs aside b{margin-bottom:13px;font-size:10px}.p737-docs aside span{padding:9px;border-radius:8px;color:#aebed8;font-size:8px}.p737-docs aside span.active{background:#255fc9;color:#fff}.p737-docs>div{padding:15px;border:1px solid #e1e7f1;border-radius:14px;background:#fff}.p737-docs header,.p737-docs article{display:grid;grid-template-columns:1fr 80px 80px;gap:8px;align-items:center}.p737-docs article{padding:13px 0;border-top:1px solid #edf1f6}.p737-docs article b{color:#2c3f5d;font-size:9px}.p737-docs article small{color:#7f8da1;font-size:8px}.p737-docs article em{color:#2f6dcc;font-size:8px;font-style:normal;font-weight:800}
.p737-bi-grid{display:grid;grid-template-columns:1fr 170px;gap:14px}.p737-bi-grid>div{height:300px;padding:18px;border:1px solid #e1e7f1;border-radius:14px;background:#fff}.p737-bi-grid .bars{display:flex;align-items:flex-end;gap:12px}.p737-bi-grid .bars i{flex:1;border-radius:7px 7px 0 0;background:linear-gradient(180deg,#3c83ef,#b9d4ff)}.p737-bi-grid .ring{display:grid;place-items:center}.p737-bi-grid .ring span{width:110px;height:110px;border-radius:50%;background:conic-gradient(#3179eb 0 43%,#5dc0c6 43% 68%,#cddaf0 68%);position:relative}.p737-bi-grid .ring span::after{content:"";position:absolute;inset:20px;border-radius:50%;background:#fff}.p737-bi-grid .ring b{color:#43536d;font-size:9px}
.p737-tickets header,.p737-tickets article{display:grid;grid-template-columns:20px 1fr 100px;gap:8px;align-items:center}.p737-tickets article{padding:15px 0;border-top:1px solid #edf1f6}.p737-tickets article i{width:8px;height:8px;border-radius:50%;background:#5c9af8}.p737-tickets article i.high{background:#e56868}.p737-tickets article i.mid{background:#e7b14e}.p737-tickets article b{color:#2b3d5a;font-size:9px}.p737-tickets article small{color:#77869b;font-size:8px}
.p737-stage-foot{gap:7px;margin-top:18px}.p737-stage-foot span{flex:1;padding:10px;border:1px solid rgba(117,153,215,.17);border-radius:11px;background:rgba(255,255,255,.035);color:#9fb5da;font-size:9px;text-align:center}
.p737-narratives{display:grid;gap:34px}.p737-story-card{position:relative;min-height:580px;padding:38px 38px 34px;border:1px solid #dce5f2;border-radius:28px;background:rgba(255,255,255,.84);box-shadow:0 20px 55px rgba(34,58,98,.08);opacity:.55;transform:scale(.985);transition:opacity .35s ease,transform .35s ease,border-color .35s ease,box-shadow .35s ease}.p737-story-card.active{opacity:1;transform:none;border-color:#a8c3ef;box-shadow:0 26px 70px rgba(36,72,132,.16)}
.p737-card-icon{display:grid;place-items:center;width:54px;height:54px;margin-bottom:28px;border:1px solid #dce7f8;border-radius:17px;background:linear-gradient(145deg,#f7faff,#e4edfc);color:#2867da}.p737-card-icon svg{width:25px;height:25px}
.p737-card-kicker{color:#2a66d2;font-size:11px;font-weight:900}.p737-story-card h3{margin:10px 0 13px;color:#10213f;font-size:clamp(28px,2.4vw,42px);line-height:1.45;letter-spacing:-1.1px}.p737-story-card>p{margin:0;color:#5a6980;font-size:14px;line-height:2.1}
.p737-problem-result{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0}.p737-problem-result div{padding:15px;border:1px solid #e0e8f3;border-radius:15px;background:#f7f9fd}.p737-problem-result small,.p737-problem-result strong{display:block}.p737-problem-result small{margin-bottom:6px;color:#7c8ba1;font-size:9px}.p737-problem-result strong{color:#273a58;font-size:11px;line-height:1.8}
.p737-story-card ul{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0;padding:0;list-style:none}.p737-story-card li{position:relative;padding:11px 29px 11px 11px;border-radius:11px;background:#eef4fd;color:#334764;font-size:10px;font-weight:800}.p737-story-card li::before{content:"";position:absolute;right:11px;top:50%;width:7px;height:7px;border-radius:50%;background:#3a79e7;transform:translateY(-50%);box-shadow:0 0 0 4px rgba(58,121,231,.11)}
.p737-story-card footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px;padding-top:20px;border-top:1px solid #e4ebf4}.p737-story-card footer span{color:#6d7b90;font-size:10px}.p737-story-card footer a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 17px;border-radius:11px;background:#153d87;color:#fff;font-size:10px;font-weight:900}
.p737-foundation{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:55px;align-items:center;margin-top:100px;padding:48px;border:1px solid #d5e0f0;border-radius:30px;background:#fff;box-shadow:0 24px 70px rgba(34,58,98,.09)}.p737-foundation>div:first-child>span{color:#2867d6;font-size:11px;font-weight:900}.p737-foundation h3{margin:10px 0 12px;color:#10213f;font-size:30px;line-height:1.55}.p737-foundation p{margin:0;color:#637188;font-size:13px;line-height:2}.p737-foundation-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.p737-foundation-grid article{padding:18px;border:1px solid #e0e8f3;border-radius:16px;background:#f8faff}.p737-foundation-grid svg{width:22px;height:22px;margin-bottom:12px;color:#2e6edc}.p737-foundation-grid strong,.p737-foundation-grid small{display:block}.p737-foundation-grid strong{color:#273a58;font-size:11px}.p737-foundation-grid small{margin-top:4px;color:#7d8ca1;font-size:9px;line-height:1.8}
@media(max-width:1180px){.p737-heading{grid-template-columns:1fr;gap:28px}.p737-story{grid-template-columns:1fr}.p737-stage{position:relative;top:auto;min-height:auto}.p737-story-card{min-height:auto}.p737-foundation{grid-template-columns:1fr}}
@media(max-width:760px){.products-v737{padding:90px 0}.p737-heading h2{font-size:36px;letter-spacing:-1px}.p737-stage{padding:13px;border-radius:22px}.p737-screen-body{grid-template-columns:36px 1fr;min-height:470px}.p737-preview-stack{min-height:470px}.p737-preview{padding:15px}.p737-screen-nav{gap:14px}.p737-kpis,.p737-bi-kpis{grid-template-columns:1fr}.p737-kanban{grid-template-columns:1fr}.p737-kanban section{min-height:auto}.p737-booking,.p737-commerce,.p737-health,.p737-tickets,.p737-bi-grid{grid-template-columns:1fr}.p737-workflow{overflow-x:auto;justify-content:flex-start}.p737-docs{grid-template-columns:1fr}.p737-stage-foot{display:none}.p737-story-card{padding:27px 22px;border-radius:21px}.p737-problem-result,.p737-story-card ul{grid-template-columns:1fr}.p737-story-card footer{align-items:flex-start;flex-direction:column}.p737-foundation{padding:27px 21px}.p737-foundation-grid{grid-template-columns:1fr}}


/* =========================================================
   V7.70 — Three additional sections: client stories, latest news, blog
   ========================================================= */
.stories-section,.latest-news-section,.blog-section{padding:96px 0 0}
.stories-panel{
  padding:42px 34px 46px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:34px;
  background:linear-gradient(145deg,#7ba33b 0%,#7ca83e 44%,#70992f 100%);
  box-shadow:0 30px 70px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.14);
  overflow:hidden;
  position:relative;
}
.stories-panel::before{
  content:"";
  position:absolute;
  inset:auto auto -90px -80px;
  width:280px;height:280px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.18),transparent 68%);
  pointer-events:none;
}
.stories-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px}
.stories-title,.news-title,.blog-title{font-size:clamp(31px,3.1vw,50px);line-height:1.2;color:#fff;margin:0}
.stories-controls{display:flex;align-items:center;gap:10px}
.stories-nav{
  width:38px;height:38px;border-radius:11px;border:1px solid rgba(255,255,255,.28);
  background:rgba(255,255,255,.14);display:grid;place-items:center;cursor:pointer;
  transition:.2s ease;color:#fff;flex:0 0 38px;
}
.stories-nav:hover{background:rgba(255,255,255,.24);transform:translateY(-1px)}
.stories-nav svg{width:18px;height:18px}
.stories-viewport{overflow:hidden}
.stories-track{display:flex;gap:18px;transition:transform .35s ease;will-change:transform}
.story-card{
  min-width:min(370px,calc(100vw - 110px));
  flex:0 0 min(370px,calc(100vw - 110px));
  padding:28px 24px 22px;border-radius:22px;
  background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);
  color:#f8fce9;backdrop-filter:blur(5px);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.story-card p{margin:0 0 20px;font-size:15px;line-height:2.1;color:#f7f9eb;min-height:188px}
.story-meta{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}
.story-meta strong{display:block;font-size:16px;font-weight:800;color:#fff}
.story-meta small{display:block;font-size:12px;color:rgba(245,249,230,.86);margin-top:4px;line-height:1.9}
.story-logo{
  width:58px;height:58px;flex:0 0 58px;border-radius:16px;display:grid;place-items:center;
  background:#fff;color:#6d8d2d;box-shadow:0 10px 24px rgba(0,0,0,.12);
}
.story-logo svg{width:34px;height:34px;stroke-width:1.7}
.story-card a{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:#fff;opacity:.96}
.story-card a::after{content:"←";font-size:14px;line-height:1}
.mark-university{color:#5d6f95}.mark-industry{color:#8d6a2f}.mark-finance{color:#2e6f8d}.mark-tech{color:#5b7893}.mark-service{color:#6d8d2d}

.news-layout-grid{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.48fr);grid-template-areas:"list feature";gap:28px;align-items:stretch}
.news-feature-card{
  grid-area:feature;display:flex;flex-direction:column;gap:18px;
}
.news-feature-media{display:block;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 28px 58px rgba(0,0,0,.18)}
.news-feature-media img,.news-mini-card img,.blog-card img{display:block;width:100%;height:100%;object-fit:cover}
.news-feature-media img{aspect-ratio:1.63/1}
.news-feature-content h3{margin:0 0 10px;font-size:31px;line-height:1.65;color:#fff;font-weight:900}
.news-feature-content p{margin:0 0 14px;font-size:15px;line-height:2.1;color:rgba(223,233,249,.78)}
.news-meta-line{display:flex;align-items:center;gap:12px;color:#95a3b8;font-size:13px}
.news-meta-line i{width:5px;height:5px;border-radius:50%;background:#86be3f}
.news-list-column{grid-area:list;display:grid;gap:18px}
.news-mini-card{
  display:grid;grid-template-columns:156px minmax(0,1fr);gap:16px;align-items:center;
  padding:10px;border-radius:24px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07);
  transition:.22s ease;min-height:160px;
}
.news-mini-card:hover,.blog-card:hover{transform:translateY(-4px);border-color:rgba(134,190,63,.35);box-shadow:0 18px 38px rgba(0,0,0,.17)}
.news-mini-card img{height:138px;border-radius:18px}
.news-mini-card h4{margin:0 0 10px;font-size:18px;line-height:1.95;color:#fff;font-weight:800}
.news-mini-card span{font-size:12px;color:#8ea0b4}

.blog-grid-four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.blog-card{
  display:flex;flex-direction:column;border-radius:24px;overflow:hidden;
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.07);box-shadow:0 18px 44px rgba(0,0,0,.14);
}
.blog-card img{aspect-ratio:1.34/1;border-bottom:1px solid rgba(255,255,255,.08)}
.blog-card-body{padding:18px 18px 16px;display:grid;gap:14px;min-height:198px}
.blog-card-body h3{margin:0;font-size:18px;line-height:2;color:#fff;font-weight:800}
.blog-card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#8fa0b6;font-size:12px;margin-top:auto}
.blog-card-meta svg{width:17px;height:17px;color:#879ab2}
.blog-dots{display:flex;justify-content:center;gap:10px;margin-top:22px}
.blog-dots span{width:11px;height:11px;border-radius:50%;border:1px solid rgba(255,255,255,.55);background:transparent}
.blog-dots .active{background:#86be3f;border-color:#86be3f;box-shadow:0 0 0 4px rgba(134,190,63,.16)}
.blog-actions{display:flex;justify-content:center;margin-top:32px}
.blog-more-link{
  display:inline-flex;align-items:center;gap:10px;padding:0 28px;height:56px;border-radius:17px;
  background:#86be3f;color:#fff;font-size:18px;font-weight:800;box-shadow:0 16px 28px rgba(134,190,63,.23);
}
.blog-more-link svg{width:20px;height:20px}

/* English alignment helpers */
.stories-panel-en,.story-card-en,.news-feature-card-en,.news-mini-card-en,.blog-card-en{direction:ltr;text-align:left}
.stories-track-en .story-card a::after{content:"→"}
.story-meta-en,.news-meta-line-en,.blog-card-meta-en{direction:ltr}
.news-layout-grid-en{grid-template-columns:minmax(0,1.48fr) minmax(320px,.9fr);grid-template-areas:"feature list"}
.news-mini-card-en{grid-template-columns:156px minmax(0,1fr)}
.blog-grid-four-en .blog-card-body h3,.story-card-en p,.news-mini-card-en h4,.news-feature-content-en h3,.news-feature-content-en p{line-height:1.7}
.story-card-en p{min-height:176px}

@media(max-width:1200px){
  .blog-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}
  .news-feature-content h3{font-size:28px}
}
@media(max-width:980px){
  .stories-panel{padding:34px 22px 38px}
  .story-card{min-width:min(320px,calc(100vw - 90px));flex-basis:min(320px,calc(100vw - 90px))}
  .news-layout-grid,.news-layout-grid-en{grid-template-columns:1fr;grid-template-areas:"feature" "list"}
}
@media(max-width:760px){
  .stories-section,.latest-news-section,.blog-section{padding-top:74px}
  .stories-head{align-items:flex-start;flex-direction:column}
  .news-mini-card,.news-mini-card-en{grid-template-columns:1fr}
  .news-mini-card img{height:auto;aspect-ratio:1.65/1}
  .blog-grid-four{grid-template-columns:1fr}
  .news-feature-content h3{font-size:24px;line-height:1.75}
  .blog-card-body{min-height:auto}
}
@media(max-width:520px){
  .stories-panel{padding:28px 16px 30px;border-radius:24px}
  .story-card{min-width:calc(100vw - 56px);flex-basis:calc(100vw - 56px);padding:22px 16px 18px;border-radius:18px}
  .story-card p{font-size:13px;min-height:unset;line-height:2}
  .story-meta strong{font-size:14px}.story-meta small{font-size:11px}
  .stories-nav{width:34px;height:34px;flex-basis:34px}
  .news-feature-media{border-radius:20px}.news-feature-content h3{font-size:21px}
  .news-feature-content p{font-size:13px}
  .news-mini-card{padding:8px;border-radius:18px}
  .news-mini-card h4,.blog-card-body h3{font-size:16px}
  .blog-more-link{width:100%;justify-content:center;height:52px;font-size:16px}
}


/* =========================================================
   V7.71 — theme, interactive news, compact blog slider
   ========================================================= */
/* Client stories: remove green and match the navy/blue theme */
.stories-panel{
  background:
    radial-gradient(circle at 12% 14%,rgba(67,126,255,.20),transparent 30%),
    radial-gradient(circle at 88% 78%,rgba(115,88,221,.15),transparent 32%),
    linear-gradient(145deg,#071426 0%,#0b1a35 54%,#081329 100%)!important;
  border-color:rgba(149,181,240,.15)!important;
  box-shadow:0 30px 70px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.stories-panel::before{background:radial-gradient(circle,rgba(74,139,255,.17),transparent 68%)!important}
.story-card{background:linear-gradient(145deg,rgba(255,255,255,.052),rgba(255,255,255,.025))!important;border-color:rgba(159,188,239,.14)!important}
.story-logo{color:#5f8fea!important;background:#f5f8ff!important}
.stories-nav{background:rgba(255,255,255,.055)!important;border-color:rgba(169,194,239,.18)!important}
.stories-nav:hover{background:rgba(72,126,236,.20)!important;border-color:rgba(111,167,255,.34)!important}

/* Shared scroll-to-top control (including every product page) */
.page-scroll-controls{
  position:fixed;
  right:18px;
  left:auto;
  bottom:20px;
  z-index:9998;
  display:grid;
  gap:9px;
}
.page-scroll-controls button{
  width:42px;
  height:42px;
  padding:0;
  border:1px solid rgba(173,196,241,.18);
  border-radius:13px;
  background:rgba(7,18,35,.90);
  box-shadow:0 12px 26px rgba(0,0,0,.28);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  color:#fff;
  display:grid;
  place-items:center;
  cursor:pointer;
  transition:transform .2s ease,background .2s ease,border-color .2s ease;
}
.page-scroll-controls button:hover,
.page-scroll-controls button:focus-visible{
  transform:translateY(-2px);
  background:rgba(18,40,78,.98);
  border-color:rgba(128,170,255,.42);
  outline:none;
}
.page-scroll-controls svg{
  width:18px;
  height:18px;
  stroke:currentColor;
  fill:none;
  stroke-width:2.1;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* Single scroll-to-top button on the right */
.page-scroll-controls{right:18px!important;left:auto!important;bottom:20px!important;display:grid!important}
.page-scroll-controls button{display:grid!important}
html[dir="ltr"] .page-scroll-controls{right:18px!important;left:auto!important}

/* Latest news: smaller, interactive list + feature area */
.news-shell-compact{width:min(1120px,92vw)!important}
.latest-news-section{padding-top:82px!important}
.news-layout-grid,.news-layout-grid-en{grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr)!important;grid-template-areas:"list feature"!important;gap:20px!important}
.news-feature-card{gap:13px!important}
.news-feature-media{border-radius:22px!important}
.news-feature-media img{aspect-ratio:1.76/1!important;max-height:350px!important}
.news-feature-content h3{font-size:24px!important;line-height:1.7!important;margin-bottom:7px!important}
.news-feature-content p{font-size:13px!important;line-height:2!important;margin-bottom:10px!important}
.news-feature-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.news-meta-line{font-size:11.5px!important}
.news-read-more{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:12px;background:rgba(53,104,232,.14);border:1px solid rgba(105,156,255,.24);color:#dce9ff;font-size:12px;font-weight:800;transition:.2s ease}
.news-read-more:hover{background:rgba(53,104,232,.24);transform:translateY(-1px)}
.news-read-more svg{width:16px;height:16px}
.news-list-column{gap:11px!important}
.news-mini-card{
  width:100%;min-height:102px!important;padding:7px!important;border-radius:17px!important;
  grid-template-columns:104px minmax(0,1fr)!important;gap:11px!important;text-align:right;cursor:pointer;color:inherit;
  font:inherit;background:rgba(255,255,255,.035)!important;
}
.news-mini-card img{height:88px!important;border-radius:13px!important}
.news-mini-card h4{font-size:13.5px!important;line-height:1.8!important;margin-bottom:5px!important}
.news-mini-card span{font-size:10.5px!important}
.news-mini-card.active{border-color:rgba(96,155,255,.38)!important;background:linear-gradient(135deg,rgba(49,104,224,.16),rgba(255,255,255,.035))!important;box-shadow:inset 3px 0 0 rgba(89,151,255,.76)}
.news-mini-card-en{text-align:left!important}

/* Blog: smaller cards and working horizontal slider */
.blog-shell-compact{width:min(1120px,92vw)!important}
.blog-section{padding-top:82px!important;padding-bottom:10px!important}
.blog-head-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.blog-title{margin:0!important}
.blog-slider-controls{display:flex;align-items:center;gap:9px}
.blog-slider-controls button{width:38px;height:38px;border-radius:12px;border:1px solid rgba(165,190,237,.17);background:rgba(255,255,255,.045);color:#fff;display:grid;place-items:center;cursor:pointer;transition:.2s ease}
.blog-slider-controls button:hover{background:rgba(53,104,232,.20);border-color:rgba(104,158,255,.32)}
.blog-slider-controls svg{width:18px;height:18px}
.blog-slider-viewport{overflow:hidden;direction:ltr;scroll-behavior:smooth}
.blog-slider-track{display:flex;gap:14px;width:max-content;transition:transform .3s ease}
.blog-slider-track .blog-card{width:calc((min(1120px,92vw) - 28px)/3);flex:0 0 calc((min(1120px,92vw) - 28px)/3);direction:rtl}
.blog-slider-track .blog-card-en{direction:ltr;text-align:left}
.blog-card{border-radius:19px!important}
.blog-card img{aspect-ratio:1.52/1!important}
.blog-card-body{padding:14px 15px 13px!important;min-height:150px!important;gap:10px!important}
.blog-card-body h3{font-size:14.5px!important;line-height:1.85!important}
.blog-card-meta{font-size:10.5px!important}
.blog-card-meta svg{width:15px!important;height:15px!important}
.blog-dots{margin-top:17px!important}
.blog-dots span{width:9px!important;height:9px!important}
.blog-dots .active{background:#4f86f7!important;border-color:#4f86f7!important;box-shadow:0 0 0 4px rgba(79,134,247,.14)!important}
.blog-actions{margin-top:24px!important}
.blog-more-link{height:50px!important;padding:0 23px!important;border-radius:15px!important;background:linear-gradient(135deg,var(--primary),var(--primary-dark))!important;color:#fff!important;font-size:15px!important;box-shadow:0 12px 25px rgba(53,104,232,.25)!important}
.blog-more-link:hover{transform:translateY(-2px);box-shadow:0 15px 29px rgba(53,104,232,.31)!important}

@media(max-width:980px){
  .news-layout-grid,.news-layout-grid-en{grid-template-columns:1fr!important;grid-template-areas:"feature" "list"!important}
  .news-list-column{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .blog-slider-track .blog-card{width:calc((92vw - 14px)/2);flex-basis:calc((92vw - 14px)/2)}
}
@media(max-width:680px){
  .page-scroll-controls{right:10px!important;left:auto!important;bottom:14px!important}
  .news-list-column{grid-template-columns:1fr!important}
  .news-mini-card{grid-template-columns:92px minmax(0,1fr)!important}
  .news-mini-card img{height:78px!important}
  .news-feature-content h3{font-size:20px!important}
  .news-feature-footer{align-items:flex-start;flex-direction:column}
  .blog-slider-track .blog-card{width:92vw;flex-basis:92vw}
  .blog-head-row{align-items:flex-end}
}

/* V7.71 visual order correction: featured news remains on the right */
.news-layout-grid{grid-template-areas:"feature list"!important}
.news-layout-grid-en{grid-template-areas:"list feature"!important}
.blog-slider-controls button:disabled{opacity:.38;cursor:not-allowed;background:rgba(255,255,255,.025)!important}
@media(max-width:980px){
  .news-layout-grid,.news-layout-grid-en{grid-template-areas:"feature" "list"!important}
}


/* =========================================================
   V7.72 — Story heading outside panel + clear < > controls + clickable blog dots
   ========================================================= */
.stories-head-outside{
  margin-bottom:22px!important;
  padding:0 2px;
  align-items:center;
}
.stories-head-outside .stories-title{
  margin:0!important;
  text-align:right;
  color:#fff!important;
}
html[dir="ltr"] .stories-head-outside .stories-title{text-align:left}
.stories-panel{padding-top:34px!important}
.stories-nav,.blog-slider-controls button{
  border-radius:50%!important;
  font-family:Arial,sans-serif!important;
  font-size:23px!important;
  font-weight:400!important;
  line-height:1!important;
}
.stories-nav span,.blog-slider-controls button span{
  display:block;
  transform:translateY(-1px);
}
.blog-slider-controls button{width:40px!important;height:40px!important}
.blog-slider-controls button:disabled{opacity:.38}

.blog-dots{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:11px!important;
  margin-top:18px!important;
}
.blog-dots button{
  width:12px;
  height:12px;
  padding:0;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.58);
  background:transparent;
  cursor:pointer;
  transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.blog-dots button:hover{transform:scale(1.16);border-color:#8fb4ff}
.blog-dots button.active{
  background:#4f86f7;
  border-color:#4f86f7;
  box-shadow:0 0 0 4px rgba(79,134,247,.14);
}
.blog-dots button:focus-visible{outline:2px solid #9cc0ff;outline-offset:4px}
@media(max-width:680px){
  .stories-head-outside{margin-bottom:16px!important}
  .stories-nav,.blog-slider-controls button{width:36px!important;height:36px!important;font-size:21px!important}
}


/* =========================================================
   V7.73 — Remove dividers between content sections
   Keep only the matching top and bottom borders of the footer.
   ========================================================= */
.products-section,
.follow-section,
.customers-section,
.beside-section,
.stories-section,
.latest-news-section,
.blog-section{
  border-top:0!important;
  border-bottom:0!important;
}
.customers-section::before,
.products-section::before,
.products-section::after,
.follow-section::before,
.follow-section::after,
.beside-section::before,
.beside-section::after,
.stories-section::before,
.stories-section::after,
.latest-news-section::before,
.latest-news-section::after,
.blog-section::before,
.blog-section::after{
  display:none!important;
  content:none!important;
  background:none!important;
  border:0!important;
}
.footer-premium .footer-main{
    border-bottom:1px solid rgba(164,185,235,.12)!important;
}


/* =========================================================
   V7.74 — Uniform section titles + exact full-card client story slider
   ========================================================= */
.stories-title,
.news-title,
.blog-title{
  font-family:inherit!important;
  font-size:24px!important;
  font-weight:800!important;
  line-height:1.5!important;
  letter-spacing:normal!important;
  color:#fff!important;
  justify-content:flex-start!important;
  text-align:right!important;
  margin-bottom:24px!important;
}
html[dir="ltr"] .stories-title,
html[dir="ltr"] .news-title,
html[dir="ltr"] .blog-title{
  justify-content:flex-start!important;
  text-align:left!important;
}
.stories-head-outside{
  margin-bottom:22px!important;
}
.stories-head-outside .stories-title,
.blog-head-row .blog-title{
  margin-bottom:0!important;
}

/* Desktop: exactly three complete cards inside the panel. */
.stories-viewport{
  width:100%;
  overflow:hidden!important;
  scroll-behavior:auto!important;
}
.stories-track{
  display:flex!important;
  gap:18px!important;
  width:100%;
  transform:translateX(0);
  transition:transform .38s cubic-bezier(.22,.8,.25,1)!important;
  will-change:transform;
}
.story-card{
  min-width:calc((100% - 36px)/3)!important;
  width:calc((100% - 36px)/3)!important;
  flex:0 0 calc((100% - 36px)/3)!important;
  max-width:none!important;
}
.stories-nav:disabled{
  opacity:.38;
  cursor:not-allowed;
}

@media(max-width:980px){
  .story-card{
    min-width:calc((100% - 18px)/2)!important;
    width:calc((100% - 18px)/2)!important;
    flex-basis:calc((100% - 18px)/2)!important;
  }
}
@media(max-width:680px){
  .stories-title,.news-title,.blog-title{
    font-size:22px!important;
    margin-bottom:20px!important;
  }
  .stories-head-outside .stories-title,
  .blog-head-row .blog-title{margin-bottom:0!important}
  .stories-track{gap:14px!important}
  .story-card{
    min-width:100%!important;
    width:100%!important;
    flex-basis:100%!important;
  }
}


/* =========================================================
   V7.75 — Expanded seamless customer logo marquee
   ========================================================= */
.customers-section .logo-marquee{
  direction:ltr!important;
  width:100%!important;
  overflow:hidden!important;
  padding:3px 0!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
}
.customers-section .logo-track{
  display:flex!important;
  align-items:center!important;
  gap:0!important;
  width:max-content!important;
  min-width:max-content!important;
  padding:0!important;
  animation:customer-logo-seamless 42s linear infinite!important;
  will-change:transform!important;
}
.customers-section .logo-group{
  display:flex!important;
  align-items:center!important;
  gap:16px!important;
  flex:0 0 auto!important;
  width:max-content!important;
  padding:0 16px 0 0!important;
  margin:0!important;
}
.customers-section .logo-item{
  --logo-accent:#5b83e8;
  --logo-soft:#8fd8ee;
  width:148px!important;
  min-width:148px!important;
  height:82px!important;
  flex:0 0 148px!important;
  border-radius:21px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.022))!important;
  border:1px solid rgba(164,190,241,.13)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.11),inset 0 1px 0 rgba(255,255,255,.035)!important;
  overflow:hidden!important;
}
.customers-section .logo-item:nth-child(3n+2){--logo-accent:#37a6c7;--logo-soft:#9fe6ef}
.customers-section .logo-item:nth-child(3n+3){--logo-accent:#786dd9;--logo-soft:#b7b1ff}
.customers-section .logo-item:nth-child(4n){--logo-accent:#3f90bd;--logo-soft:#a6d9ef}
.customers-section .logo-item svg{
  width:112px!important;
  height:42px!important;
  display:block!important;
  overflow:visible!important;
}
.customers-section .logo-item svg *{vector-effect:non-scaling-stroke}
.customers-section .logo-accent{fill:var(--logo-accent)!important;stroke:none!important}
.customers-section .logo-light{fill:none!important;stroke:#f3f7ff!important;stroke-width:2.3!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.customers-section .logo-muted{fill:rgba(237,244,255,.9)!important;stroke:none!important}
.customers-section .logo-dark{fill:#0b1322!important;stroke:none!important}
@keyframes customer-logo-seamless{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-33.333333%,0,0)}
}
@media(max-width:820px){
  .customers-section .logo-track{animation-duration:36s!important}
  .customers-section .logo-group{gap:12px!important;padding-right:12px!important}
  .customers-section .logo-item{width:128px!important;min-width:128px!important;flex-basis:128px!important;height:72px!important;border-radius:19px!important}
  .customers-section .logo-item svg{width:98px!important;height:37px!important}
}
@media(max-width:560px){
  .customers-section .logo-track{animation-duration:30s!important}
  .customers-section .logo-group{gap:10px!important;padding-right:10px!important}
  .customers-section .logo-item{width:108px!important;min-width:108px!important;flex-basis:108px!important;height:64px!important;border-radius:17px!important}
  .customers-section .logo-item svg{width:84px!important;height:32px!important}
}
@media(prefers-reduced-motion:reduce){
  .customers-section .logo-track{animation-duration:80s!important}
}

/* V7.77 uniform spacing and hover states */
:root{--section-space:88px}
main > section:not(.hero):not(.detail-hero):not(.brand-intro):not(.network-brand-intro){padding-top:var(--section-space)!important;padding-bottom:var(--section-space)!important}
.detail-section,.detail-section.compact{padding-top:var(--section-space)!important;padding-bottom:var(--section-space)!important}
.detail-info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:30px}
.detail-info-card{padding:24px;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:rgba(255,255,255,.035);transition:.22s ease}.detail-info-card>span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(53,104,232,.14);color:#7aa7ff;font-size:12px;font-weight:800;margin-bottom:18px}.detail-info-card h3{margin:0 0 10px;color:#fff;font-size:18px}.detail-info-card p{margin:0;color:rgba(218,228,245,.72);font-size:13px;line-height:2}
.detail-content-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:24px;align-items:start}.detail-article,.detail-sticky-card{padding:30px;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:rgba(255,255,255,.035)}.detail-article h2{margin-top:0;color:#fff}.detail-check-list{display:grid;gap:14px;margin:24px 0 0;padding:0;list-style:none}.detail-check-list li{position:relative;padding-right:28px;color:rgba(228,236,249,.82)}.detail-check-list li::before{content:'✓';position:absolute;right:0;color:#7aa7ff;font-weight:900}.detail-sticky-card{position:sticky;top:110px}.detail-sticky-card strong{display:block;color:#fff;font-size:20px}.detail-sticky-card p{color:rgba(218,228,245,.72);line-height:2}.detail-side-stack .detail-info-card{margin-bottom:14px}
a,button,.product-mini-card,.story-card,.news-mini-card,.blog-card,.detail-info-card,.detail-contact-box,.logo-item{transition:color .2s ease,background-color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease,opacity .2s ease}a:hover{color:#8db3ff}button:hover,.detail-primary:hover,.demo-button:hover,.footer-button:hover,.blog-more-link:hover{filter:brightness(1.12);transform:translateY(-2px)}.detail-secondary:hover{background:rgba(53,104,232,.14);border-color:#5f8df4;color:#fff}.product-mini-card:hover,.story-card:hover,.news-mini-card:hover,.blog-card:hover,.detail-info-card:hover,.detail-contact-box:hover{transform:translateY(-4px);border-color:rgba(85,139,245,.42);box-shadow:0 18px 42px rgba(0,0,0,.18)}.logo-item:hover{opacity:1;transform:translateY(-3px)}.main-nav a:hover,.footer-column a:hover,.footer-contact a:hover{color:#8db3ff}
@media(max-width:1000px){.detail-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-content-grid{grid-template-columns:1fr}.detail-sticky-card{position:static}}@media(max-width:620px){:root{--section-space:64px}.detail-info-grid{grid-template-columns:1fr}}

/* V7.91 — global desktop dropdown behavior and home-only intro guard */
.site-header .main-nav{
  overflow:visible!important;
}
.site-header .nav-dropdown{
  position:relative;
  display:flex;
  align-items:center;
  align-self:stretch;
}
.site-header .nav-dropdown-trigger{
  display:flex!important;
  align-items:center;
  gap:6px;
  height:100%;
  cursor:pointer;
}
.site-header .nav-dropdown-trigger > span{
  display:inline-block;
  font-size:13px;
  line-height:1;
  transition:transform .2s ease;
}
.site-header .nav-dropdown-menu{
  position:absolute;
  z-index:1200;
  top:calc(100% + 12px);
  right:50%;
  width:250px;
  margin:0;
  padding:9px;
  border:1px solid rgba(162,188,238,.15);
  border-radius:18px;
  background:rgba(8,18,37,.98);
  box-shadow:0 24px 58px rgba(0,0,0,.34);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateX(50%) translateY(8px);
  transition:opacity .18s ease,visibility .18s ease,transform .18s ease;
}
.site-header .nav-dropdown-menu::before{
  content:"";
  position:absolute;
  right:0;
  left:0;
  top:-16px;
  height:16px;
}
.site-header .nav-dropdown:hover > .nav-dropdown-menu,
.site-header .nav-dropdown:focus-within > .nav-dropdown-menu{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateX(50%) translateY(0);
}
.site-header .nav-dropdown:hover > .nav-dropdown-trigger > span,
.site-header .nav-dropdown:focus-within > .nav-dropdown-trigger > span{
  transform:rotate(180deg);
}
.site-header .main-nav .nav-dropdown-menu a{
  display:flex!important;
  align-items:center;
  min-height:43px;
  padding:9px 12px;
  border-radius:11px;
  color:rgba(239,245,255,.82)!important;
  font-size:13px;
  line-height:1.7;
  white-space:nowrap;
}
.site-header .main-nav .nav-dropdown-menu a::after{
  display:none!important;
}
.site-header .main-nav .nav-dropdown-menu a:hover,
.site-header .main-nav .nav-dropdown-menu a:focus-visible{
  background:rgba(78,128,238,.14);
  color:#fff!important;
  outline:none;
}
.site-header .nav-products-dropdown > .products-dropdown-menu,
.site-header .nav-mega-menu > .nav-dropdown-menu{
  width:330px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:3px;
}
.site-header .nav-products-dropdown > .products-dropdown-menu a,
.site-header .nav-mega-menu > .nav-dropdown-menu a{
  min-height:52px;
  white-space:normal;
}
body[data-cms-page]:not([data-cms-page="home"]) #brandIntro,
body[data-cms-page]:not([data-cms-page="home"]) .network-brand-intro[data-cms-section="hero"],
body[data-cms-page]:not([data-cms-page="home"]) [data-home-only="true"]{
  display:none!important;
}
@media(max-width:920px){
  .site-header .main-nav{display:none!important}
  .site-header .nav-dropdown{display:none!important}
}


/* =========================================================
   V7.92 — Close desktop dropdown after pointer click
   Keep keyboard focus support without the persistent dark strip.
   ========================================================= */
@media (min-width:921px){
  .site-header .nav-dropdown:not(:hover):not(:has(> .nav-dropdown-trigger:focus-visible)):not(:has(> .nav-dropdown-menu a:focus-visible)) > .nav-dropdown-menu{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateX(50%) translateY(8px)!important;
  }
  .site-header .nav-dropdown:has(> .nav-dropdown-trigger:focus-visible) > .nav-dropdown-menu,
  .site-header .nav-dropdown:has(> .nav-dropdown-menu a:focus-visible) > .nav-dropdown-menu{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateX(50%) translateY(0)!important;
  }
}


/* V7.94 — Home hero must start exactly below the fixed 82px header.
   The generic 88px section spacing previously created a visible dark strip. */
#brandIntro.brand-intro.network-brand-intro{padding-top:0!important;padding-bottom:0!important;}
#brandIntro > .brand-intro-sticky.network-intro-sticky{margin-top:0!important;}

/* =========================================================
   V7.99 — Wider services mega menu and single-line labels
   ========================================================= */
@media (min-width:921px){
  .site-header .nav-mega-menu > .nav-dropdown-menu{
    width:min(704px,calc(100vw - 40px));
    grid-template-columns:repeat(2,minmax(0,1fr));
    row-gap:6px;
    column-gap:4px;
    padding:14px;
    border-radius:22px;
  }
  .site-header .main-nav .nav-mega-menu > .nav-dropdown-menu a{
    min-height:46px;
    padding:10px 15px;
    white-space:nowrap;
    line-height:1.45;
  }
}
@media (min-width:921px) and (max-width:1080px){
  .site-header .nav-mega-menu > .nav-dropdown-menu{
    width:min(660px,calc(100vw - 28px));
    row-gap:4px;
    column-gap:3px;
    padding:12px;
  }
  .site-header .main-nav .nav-mega-menu > .nav-dropdown-menu a{
    padding-inline:12px;
    font-size:12px;
  }
}


/* V8.01 — compact two-column services mega menu */
@media (min-width:921px){
  .site-header .nav-mega-menu > .nav-dropdown-menu{
    width:auto!important;
    min-width:0;
    grid-template-columns:repeat(2,minmax(244px,250px))!important;
    column-gap:2px!important;
    row-gap:3px!important;
    padding:10px!important;
  }
  .site-header .main-nav .nav-mega-menu > .nav-dropdown-menu a{
    min-height:42px;
    padding:8px 10px!important;
    font-size:12.2px;
    white-space:nowrap;
  }
}
@media (min-width:921px) and (max-width:1080px){
  .site-header .nav-mega-menu > .nav-dropdown-menu{
    grid-template-columns:repeat(2,minmax(236px,244px))!important;
    column-gap:0!important;
    padding:9px!important;
  }
  .site-header .main-nav .nav-mega-menu > .nav-dropdown-menu a{font-size:11.5px;padding-inline:8px!important}
}

/* V8.08 — live search results (global) */
.search-panel .site-search-results{display:grid;gap:6px;margin-top:15px;max-height:min(46vh,420px);overflow:auto;padding-inline-end:3px}
.search-panel .site-search-result{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;border:1px solid rgba(110,145,199,.15);border-radius:10px;background:rgba(255,255,255,.025);color:#eaf2ff;text-decoration:none;transition:.18s ease}
.search-panel .site-search-result:hover{background:rgba(83,129,201,.10);border-color:rgba(117,163,232,.27);transform:translateY(-1px)}
.search-panel .site-search-result strong{font-size:12.5px;line-height:1.7}
.search-panel .site-search-result small{font-size:10.5px;color:#8498b5;white-space:nowrap}
.search-panel .site-search-empty{padding:11px 2px;color:#8fa0b7;font-size:12px;line-height:1.9}

/* =========================================================
   V8.11 — Services trigger, centered mega menu, numberless grids
   ========================================================= */
@media (min-width:921px){
  .site-header .nav-dropdown.is-click-open > .nav-dropdown-menu{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateX(50%) translateY(0)!important;
  }
  .site-header .nav-mega-menu > .nav-dropdown-menu{
    grid-template-columns:repeat(2,minmax(246px,246px))!important;
    column-gap:8px!important;
    row-gap:4px!important;
    padding:10px!important;
  }
  .site-header .main-nav .nav-mega-menu > .nav-dropdown-menu a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    min-height:44px!important;
    padding:8px 12px!important;
  }
}
.v811-number-marker,[hidden].v811-number-marker{display:none!important}

/* Service capability tables: icon must not touch the divider. */
.service-clean-v804 .svc804-item{
  column-gap:16px!important;
  padding-inline:24px!important;
}
.service-clean-v804 .svc804-item-icon{
  margin-inline:0 4px!important;
  flex:0 0 auto;
}
.service-clean-v804 .svc804-items-grid .svc804-item,
.service-clean-v804 .svc804-items-strip .svc804-item,
.service-clean-v804 .svc804-items-steps .svc804-item{
  min-width:0!important;
}
@media(max-width:700px){
  .service-clean-v804 .svc804-item{padding-inline:10px!important;column-gap:12px!important}
}


/* V8.12.28 — production responsive/accessibility guardrails */
html{overflow-x:hidden}
body{max-width:100%;overflow-x:clip}
img,svg,video,canvas{max-width:100%}
img{height:auto}
iframe{max-width:100%}
input,select,textarea,button{max-width:100%;font:inherit}
main,section,article,.container,.shell{min-width:0}
footer a,footer span,footer p{overflow-wrap:anywhere}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid rgba(37,122,255,.3);outline-offset:3px}
@media(max-width:760px){body{min-width:320px}main table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}input,select,textarea{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}