:root{
  /* 主色 */
  --grad-main: linear-gradient(90deg,#6d5dfc,#46c2ff);
  --c-primary:#6d5dfc; --c-primary-2:#46c2ff;
  /* 深色区 */
  --c-dark-bg:#0a0a16; --c-dark-bg-2:#1b1147;
  --c-dark-text:#ffffff; --c-dark-text-2:#b9b6cc;
  /* 浅色区 */
  --c-bg:#ffffff; --c-bg-2:#f3f5ff;
  --c-text:#15183a; --c-text-2:#5b5f7d; --c-border:#e6e8f5;
  /* 状态色 */
  --c-rented:#2ec27e; --c-vacant:#ff9f43; --c-expiring:#ffd23f;
  /* 尺寸 */
  --maxw:1200px; --radius:14px;
  --shadow:0 10px 30px rgba(20,24,58,.08);
  --shadow-glow:0 0 24px rgba(109,93,252,.45);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:-apple-system,"PingFang SC","Microsoft YaHei",Segoe UI,Roboto,sans-serif;
  color:var(--c-text);background:var(--c-bg);line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.container{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.section{padding:88px 0}
.grad-text{background:var(--grad-main);-webkit-background-clip:text;background-clip:text;color:transparent}
.btn{display:inline-block;border:none;cursor:pointer;font-size:15px;font-weight:600;
  padding:12px 26px;border-radius:30px;background:var(--grad-main);color:#fff;
  box-shadow:var(--shadow-glow);transition:transform .2s,box-shadow .2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 6px 30px rgba(109,93,252,.6)}
.section__title{font-size:32px;font-weight:800;text-align:center;margin-bottom:12px}
.section__sub{text-align:center;color:var(--c-text-2);margin-bottom:48px}
@media(max-width:768px){
  .section{padding:56px 0}
  .section__title{font-size:25px}
}

.nav{position:fixed;top:0;left:0;right:0;z-index:100;transition:background .3s,box-shadow .3s}
.nav.scrolled{background:rgba(255,255,255,.82);backdrop-filter:blur(14px);box-shadow:0 4px 24px rgba(20,24,58,.08)}
.nav__inner{display:flex;align-items:center;justify-content:space-between;height:68px}
.nav__logo{display:flex;align-items:center;gap:8px;font-size:22px;font-weight:800}
.nav__logo-img{height:38px;width:auto;display:block}
.nav__logo-mark{width:22px;height:22px;border-radius:6px;background:var(--grad-main);box-shadow:var(--shadow-glow)}
.nav__menu{display:flex;align-items:center;gap:28px}
.nav__menu>a,.nav__item>a,.nav__item-trigger{color:var(--c-text);font-size:15px;cursor:pointer;opacity:.85}
.nav__item-trigger{background:none;border:none;padding:0;font-family:inherit;line-height:inherit}
.nav__menu>a:hover,.nav__item>a:hover,.nav__item-trigger:hover{opacity:1}
.nav__item{position:relative}
.nav__drop{position:absolute;top:130%;left:50%;transform:translateX(-50%);min-width:160px;
  background:#fff;border-radius:12px;box-shadow:var(--shadow);padding:8px;
  display:none;flex-direction:column}
.nav__item:hover .nav__drop{display:flex}
.nav__drop a{color:var(--c-text);padding:9px 14px;border-radius:8px;font-size:14px}
.nav__drop a:hover{background:var(--c-bg-2);color:var(--c-primary)}
.nav__menu>a.nav__cta{padding:9px 20px;font-size:14px;color:#fff;opacity:1}
.nav__toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer}
.nav__toggle span{width:24px;height:2px;background:var(--c-text);transition:.3s}
@media(max-width:900px){
  .nav__toggle{display:flex}
  .nav__menu{position:fixed;top:68px;right:0;width:70%;max-width:320px;height:calc(100vh - 68px);
    background:rgba(10,10,22,.98);flex-direction:column;align-items:flex-start;gap:0;padding:20px;
    transform:translateX(100%);transition:transform .3s}
  .nav__menu.open{transform:translateX(0)}
  .nav__menu>a,.nav__item{width:100%;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08)}
  .nav__menu>a,.nav__item-trigger{color:#fff}
  .nav__item-trigger{width:100%;text-align:left}
  .nav__drop{position:static;transform:none;display:none;background:transparent;box-shadow:none;padding:6px 0 0}
  .nav__item.open .nav__drop{display:flex}
  .nav__drop a{color:var(--c-dark-text-2)}
}

/* ===== 首屏视差大屏（GSAP 等效复刻 Aceternity HeroParallax：普通流 + 精确参数） ===== */
.phero{position:relative;height:240vh;overflow:hidden;
  perspective:1000px;transform-style:preserve-3d;
  background:linear-gradient(180deg,#eef1fc 0%,#f4f6ff 45%,#eceffb 100%)}
/* 标题区(Header)：普通流在顶部 */
.phero__head{position:relative;z-index:5;max-width:1200px;margin:0 auto;padding:228px 24px 0}
/* 左侧柔光遮罩：托住文字区,背景倾斜画廊只在右侧透出,避免文字区杂乱 */
.phero__head::before{content:"";position:absolute;z-index:-1;pointer-events:none;
  top:140px;bottom:-50px;left:50%;transform:translateX(-50%);width:100vw;
  background:radial-gradient(72% 96% at 26% 46%,rgba(244,246,255,.97) 0%,rgba(244,246,255,.82) 38%,rgba(244,246,255,0) 70%)}
.phero__eyebrow{font-size:15px;font-weight:700;letter-spacing:.5px;color:var(--c-primary);margin-bottom:16px}
.phero__title{font-size:clamp(40px,6vw,82px);font-weight:900;line-height:1.05;letter-spacing:-1px;color:var(--c-text)}
.phero__sub{max-width:600px;margin-top:22px;font-size:clamp(15px,1.15vw,18px);line-height:1.7;color:var(--c-text-2)}
/* 首屏统计参数：副标题下方,左对齐一行 */
.phero__stats{display:flex;flex-wrap:wrap;gap:16px 48px;margin-top:34px}
.phstat{display:flex;flex-direction:column;gap:4px}
.phstat b{display:inline-flex;align-items:baseline;gap:3px;font-size:42px;font-weight:800;line-height:1}
.phstat b .stat,.phstat b i{background:var(--grad-main);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:normal}
.phstat b i{font-size:22px}
.phstat span{color:var(--c-text-2);font-size:15px}
/* 一体化胶囊：手机号输入框 + 内嵌免费试用按钮 */
.phero__form{display:flex;align-items:center;gap:6px;margin-top:30px;
  width:430px;max-width:100%;padding:6px 6px 6px 4px;border-radius:38px;
  background:linear-gradient(180deg,#ffffff,#f5f7ff);border:1px solid rgba(255,255,255,.9);
  box-shadow:0 20px 46px rgba(20,24,58,.16),inset 0 1px 0 rgba(255,255,255,.95);
  transition:box-shadow .35s ease}
.phero__form:hover{box-shadow:0 24px 54px rgba(109,93,252,.2),inset 0 1px 0 rgba(255,255,255,.95)}
.phero__form:focus-within{box-shadow:0 26px 60px rgba(109,93,252,.32),inset 0 1px 0 rgba(255,255,255,.95)}
.phero__form input{flex:1;min-width:0;height:48px;padding:0 6px 0 20px;border:none;background:transparent;
  color:var(--c-text);font-size:15px;outline:none}
.phero__form input::placeholder{color:#9a9fbf}
/* Get Started 风格按钮：文字 + 右侧箭头方块,hover 方块展开铺满、文字淡出(保持渐变色) */
.btn-gs{position:relative;overflow:hidden;flex:none;display:inline-flex;align-items:center;justify-content:center;
  height:48px;padding:0 26px;border:none;cursor:pointer;border-radius:30px;font-family:inherit;
  font-size:15px;font-weight:700;letter-spacing:.5px;white-space:nowrap;color:#fff;
  background:linear-gradient(100deg,#7b4dff 0%,#5b7cff 48%,#22c8ff 100%);
  box-shadow:0 8px 22px rgba(109,93,252,.5);transition:box-shadow .4s ease,transform .4s ease}
.btn-gs:hover{box-shadow:0 14px 32px rgba(120,50,230,.55);transform:translateY(-2px)}
.btn-gs__txt{margin-right:1.9rem;transition:opacity .5s ease}
.btn-gs:hover .btn-gs__txt{opacity:0}
.btn-gs__ic{position:absolute;right:4px;top:4px;bottom:4px;z-index:1;display:grid;place-items:center;width:25%;
  border-radius:24px;background:rgba(255,255,255,.2);transition:width .5s cubic-bezier(.22,1,.36,1)}
.btn-gs:hover .btn-gs__ic{width:calc(100% - 8px)}
.btn-gs:active .btn-gs__ic{transform:scale(.95)}
.btn-gs__ic svg{width:17px;height:17px}
.phero__formmsg{margin-top:12px;font-size:14px}
.phero__formmsg.err{color:#e5484d}
.phero__formmsg.ok{color:#1aa06a;font-weight:600}
.phero__link{display:inline-flex;align-items:center;gap:7px;margin-top:18px;font-size:16px;font-weight:700;color:var(--c-primary)}
.phero__link span{transition:transform .3s}
.phero__link:hover span{transform:translateX(4px)}
/* 卡片网格(motion.div)：rotateX/rotateZ/translateY/opacity 由 JS 滚动驱动 */
.phero__stage{position:relative;will-change:transform}
.phero__row{display:flex;justify-content:center;gap:70px;margin-bottom:70px}
.phero__row--1,.phero__row--3{flex-direction:row-reverse}
.pcard{position:relative;flex:none;width:30rem;height:24rem;border-radius:14px;overflow:hidden;background:#fff;
  box-shadow:0 20px 50px rgba(40,44,110,.16)}
.pcard img{display:block;width:100%;height:100%;object-fit:cover;object-position:left top}
/* hover：黑色遮罩 + 标题(对应 group-hover) */
.pcard::after{content:"";position:absolute;inset:0;background:#0b1020;opacity:0;transition:opacity .35s;pointer-events:none}
.pcard:hover::after{opacity:.55}
.pcard figcaption{position:absolute;left:18px;bottom:16px;z-index:2;color:#fff;font-size:16px;font-weight:700;
  opacity:0;transform:translateY(6px);transition:opacity .35s,transform .35s}
.pcard:hover figcaption{opacity:1;transform:translateY(0)}
/* 窄屏：取消 3D 与超高滚动,标题在上 + 一行横滑卡片预览 */
@media(max-width:900px){
  .phero{height:auto;overflow:visible;perspective:none}
  .phero__head{padding:120px 24px 0}
  .phero__stage{margin-top:30px}
  .phero__row{flex-direction:row;justify-content:flex-start;gap:14px;margin-bottom:0;overflow-x:auto;padding:4px 24px;
    scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
  .phero__row--2,.phero__row--3{display:none}
  .pcard{width:80vw;height:auto;aspect-ratio:1400/736;scroll-snap-align:center}
  .pcard img{height:auto}
  .pcard figcaption{opacity:1;transform:none}
  .pcard::after{display:none}
}
/* reduced-motion：静态平铺 */
@media(prefers-reduced-motion:reduce){
  .phero{height:auto;perspective:none;padding-bottom:50px}
  .phero__stage{transform:none!important;opacity:1!important}
  .phero__row{flex-wrap:wrap;justify-content:center;gap:24px;margin-bottom:24px}
  .pcard{width:24rem;height:15rem}
}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
/* ===== AI 经营决策大脑：深蓝沉浸 band + 横向 tab + 三卡居中聚焦轮播 ===== */
.prods{position:relative;overflow:hidden;padding:78px 0 90px;
  background:radial-gradient(120% 130% at 50% -12%,#2a4cc0 0%,#16307e 48%,#0b1b50 100%)}
/* 滚动到位才触发的分层入场 */
.js .prods__title,.js .prods__sub,.js .prods__tabs,.js .prods__stage{
  opacity:0;transform:translateY(40px);
  transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
.prods.is-in .prods__title{opacity:1;transform:none;transition-delay:.05s}
.prods.is-in .prods__sub{opacity:1;transform:none;transition-delay:.16s}
.prods.is-in .prods__tabs{opacity:1;transform:none;transition-delay:.27s}
.prods.is-in .prods__stage{opacity:1;transform:none;transition-delay:.4s}
@media(prefers-reduced-motion:reduce){
  .js .prods__title,.js .prods__sub,.js .prods__tabs,.js .prods__stage{opacity:1;transform:none;transition:none}}
.prods__title{text-align:center;font-size:clamp(30px,3.4vw,50px);font-weight:800;color:#fff;margin-bottom:12px}
/* 打字机光标 */
.prods__title.typed{white-space:nowrap}
.tw-caret{display:inline-block;width:3px;height:.92em;margin-left:5px;vertical-align:-2px;border-radius:2px;
  background:#74dcff;box-shadow:0 0 8px rgba(116,220,255,.7);animation:twBlink .8s steps(1) infinite}
.prods__title.tw-done .tw-caret{opacity:0;animation:none}
@keyframes twBlink{0%,49%{opacity:1}50%,100%{opacity:0}}
.prods__title .grad-text{background:linear-gradient(90deg,#8fd0ff,#5fe0ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.prods__sub{text-align:center;font-size:clamp(15px,1.3vw,19px);color:rgba(255,255,255,.78);margin-bottom:38px}
.prods__tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 40px;margin-bottom:46px}
.prods__tab{position:relative;cursor:pointer;border:none;background:none;font-family:inherit;
  font-size:16px;font-weight:600;color:rgba(255,255,255,.6);padding:8px 2px;transition:color .3s}
.prods__tab:hover{color:rgba(255,255,255,.85)}
.prods__tab.is-active{color:#fff}
.prods__tab.is-active::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:3px;
  background:linear-gradient(90deg,#7aa8ff,#5fe0ff)}
/* 居中聚焦轮播：active 居中放大亮,prev/next 两侧缩小暗化 */
.prods__stage{position:relative;height:400px;max-width:1120px;margin:0 auto}
.prods__card{position:absolute;top:0;left:50%;width:680px;max-width:92vw;height:340px;border-radius:22px;overflow:hidden;
  display:grid;grid-template-columns:1.05fr 1fr;opacity:0;pointer-events:none;
  background:linear-gradient(150deg,rgba(96,128,255,.5),rgba(38,68,176,.42));
  border:1px solid rgba(255,255,255,.2);box-shadow:0 30px 70px rgba(0,10,50,.42);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  transform:translateX(-50%) scale(1);transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .5s,filter .5s}
.prods__card.is-active{opacity:1;pointer-events:auto;transform:translateX(-50%) scale(1);z-index:3}
.prods__card.is-prev{opacity:.5;pointer-events:auto;cursor:pointer;z-index:1;
  transform:translateX(calc(-50% - 400px)) scale(.82);filter:brightness(.72) saturate(.85)}
.prods__card.is-next{opacity:.5;pointer-events:auto;cursor:pointer;z-index:1;
  transform:translateX(calc(-50% + 400px)) scale(.82);filter:brightness(.72) saturate(.85)}
.prods__card-text{padding:38px 32px;display:flex;flex-direction:column;justify-content:center;color:#fff}
.prods__ic{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;margin-bottom:18px;
  background:rgba(255,255,255,.2)}
.prods__ic .icon{width:26px;height:26px;stroke:#fff}
.prods__card-text h3{font-size:24px;font-weight:800;margin-bottom:14px}
.prods__card-text p{font-size:14.5px;line-height:1.7;color:rgba(255,255,255,.86);margin-bottom:18px}
.prods__more{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;cursor:pointer;border:none;
  background:#fff;color:#1c45c8;font-family:inherit;font-size:14px;font-weight:700;padding:11px 22px;border-radius:30px;
  transition:transform .3s,box-shadow .3s}
.prods__more span{transition:transform .3s}
.prods__more:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(0,0,0,.28)}
.prods__more:hover span{transform:translateX(4px)}
.prods__card-img{position:relative;overflow:hidden}
.prods__card-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:left top}
@media(max-width:900px){
  .prods{padding:56px 0 60px}
  .prods__tabs{gap:6px 22px;margin-bottom:30px}
  .prods__tab{font-size:14px}
  .prods__stage{height:auto;max-width:440px}
  .prods__card{position:static;width:100%;max-width:none;height:auto;opacity:1;pointer-events:auto;
    transform:none!important;filter:none!important;grid-template-columns:1fr;display:none}
  .prods__card.is-active{display:grid}
  .prods__card-text{padding:28px 24px}
  .prods__card-img{height:180px}
  .prods__card-img img{position:static;height:100%}
}

/* ===== 能为您做什么：居中标题 + 横向 tab + 左文右图 + 功能小卡(参考明源云) ===== */
.solu{background:#fff}
.solu__title{text-align:center;font-size:clamp(26px,2.8vw,38px);font-weight:800;color:var(--c-text);margin-bottom:36px}
.solu__title .grad-text{font-weight:800}
/* 横向 tab 栏：底部整条浅线,选中项蓝字+蓝下划线 */
.solu__tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 44px;position:relative;
  border-bottom:1px solid var(--c-border);margin-bottom:52px}
.solu__tab{position:relative;cursor:pointer;border:none;background:none;font-family:inherit;
  font-size:17px;font-weight:600;color:var(--c-text-2);padding:0 2px 18px;transition:color .3s}
.solu__tab::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;border-radius:3px;
  background:linear-gradient(90deg,#6d5dfc,#46c2ff);transform:scaleX(0);transition:transform .35s cubic-bezier(.22,1,.36,1)}
.solu__tab:hover{color:var(--c-text)}
.solu__tab.is-active{color:var(--c-primary)}
.solu__tab.is-active::after{transform:scaleX(1)}
/* 左文右图 */
.solu__body{display:grid;grid-template-columns:1fr 1.08fr;gap:64px;align-items:start}
.solu__text{transition:opacity .25s ease}
.solu__h{font-size:clamp(22px,2.2vw,30px);font-weight:800;color:var(--c-text);line-height:1.3;margin-bottom:18px}
.solu__lead{color:var(--c-text-2);font-size:15.5px;line-height:1.9;max-width:460px;margin-bottom:30px}
.solu__btns{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:36px}
.solu__btn-ghost{display:inline-flex;align-items:center;justify-content:center;padding:12px 32px;border-radius:30px;
  font-size:15px;font-weight:700;color:var(--c-primary);border:1.5px solid var(--c-primary);background:#fff;
  transition:background .3s,color .3s,transform .3s}
.solu__btn-ghost:hover{background:rgba(109,93,252,.08);transform:translateY(-2px)}
.solu__btn-solid{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:12px 34px;border-radius:30px;
  font-size:15px;font-weight:700;color:#fff;border:none;background:linear-gradient(100deg,#6d5dfc,#46c2ff);
  box-shadow:0 10px 26px rgba(109,93,252,.4);font-family:inherit;transition:transform .3s,box-shadow .3s}
.solu__btn-solid:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(109,93,252,.5)}
/* 功能小卡网格 */
.solu__feats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.solu__feat{display:flex;align-items:center;justify-content:space-between;gap:10px;
  background:#f6f7fc;border:1px solid var(--c-border);border-radius:12px;padding:14px 16px;
  font-size:14px;font-weight:600;color:var(--c-text);transition:transform .3s,box-shadow .3s,border-color .3s}
.solu__feat:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(80,70,200,.12);border-color:rgba(109,93,252,.3)}
.solu__feat .solu__feat-ic{flex:none;display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;
  background:linear-gradient(135deg,#6d5dfc,#46c2ff)}
.solu__feat .solu__feat-ic .icon{width:17px;height:17px;stroke:#fff}
/* 右侧产品大图 */
.solu__img{position:relative;padding-bottom:18px}
.solu__img-blob{position:absolute;right:-14px;top:-20px;width:56%;height:72%;border-radius:30px;z-index:0;
  background:linear-gradient(150deg,#ffb24d,#ff7e5f 55%,#6d5dfc);opacity:.9;transform:rotate(4deg)}
.solu__shot{position:relative;z-index:1;border-radius:16px;overflow:hidden;background:#fff;border:6px solid #fff;
  box-shadow:0 26px 60px rgba(50,50,130,.22)}
.solu__shot img{display:block;width:100%;height:auto;transition:opacity .3s ease}
.solu__img figcaption{position:absolute;z-index:2;left:50%;bottom:0;transform:translateX(-50%);
  background:#fff;color:var(--c-text);font-size:13px;font-weight:700;padding:8px 20px;border-radius:30px;
  box-shadow:0 12px 28px rgba(50,50,130,.18);white-space:nowrap}
@media(max-width:900px){
  .solu__tabs{gap:6px 22px;margin-bottom:36px}
  .solu__tab{font-size:15px;padding-bottom:14px}
  .solu__body{grid-template-columns:1fr;gap:38px}
  .solu__img{order:-1;max-width:480px;margin:0 auto}
  .solu__lead{max-width:none}
}
@media(max-width:520px){.solu__feats{grid-template-columns:1fr 1fr}}
/* ---- 渐变线性图标 ---- */
.icon{width:24px;height:24px;display:inline-block;vertical-align:middle;fill:none;stroke:url(#ig);
  stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.icon-tile{width:52px;height:52px;border-radius:14px;display:inline-grid;place-items:center;
  background:linear-gradient(135deg,rgba(109,93,252,.12),rgba(70,194,255,.12));border:1px solid rgba(109,93,252,.18)}
.icon-tile .icon{width:26px;height:26px}
.icon-tile.sm{width:46px;height:46px;border-radius:12px}
.icon-tile.sm .icon{width:24px;height:24px}
.icon-tile.light{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}
.icon-tile.light .icon{stroke:#fff}
.eyebrow{text-align:center;letter-spacing:3px;font-size:12px;font-weight:700;color:var(--c-primary);margin-bottom:10px}
.ticks{list-style:none}
.ticks li{display:flex;align-items:center;gap:10px;padding:8px 0;color:var(--c-text-2);font-size:15px}
.ticks .icon{width:18px;height:18px;flex:none}

/* ---- AI 智能体：标题翻转词 ---- */
.ag-title{white-space:nowrap}
.ag-rotator{position:relative;display:inline-block;width:2.06em;height:1.15em;overflow:hidden;vertical-align:middle;margin-top:-0.12em}
.ag-rotator__word{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:800;
  background:linear-gradient(90deg,#6d5dfc,#46c2ff);-webkit-background-clip:text;background-clip:text;color:transparent;
  opacity:0;transform:translateY(115%);
  transition:transform .6s cubic-bezier(.34,1.4,.5,1),opacity .45s ease}
.ag-rotator__word.is-active{opacity:1;transform:translateY(0)}
.ag-rotator__word.is-up{opacity:0;transform:translateY(-115%)}
.ag-rotator__word.is-down{opacity:0;transform:translateY(115%)}
@media(prefers-reduced-motion:reduce){.ag-rotator__word{transition:opacity .3s ease;transform:none}
  .ag-rotator__word.is-up,.ag-rotator__word.is-down{transform:none}}
/* AI 艺术字：内嵌 SVG 字形（渐变 + 玻璃高光 + 立体投影 + 闪光） */
.ag-ai{height:1em;width:auto;vertical-align:-.14em;margin:0 .1em 0 -.12em;overflow:visible;
  filter:drop-shadow(0 2px 4px rgba(70,50,160,.28))}
.ag-ai__star--1{animation:agStarBob1 3.2s ease-in-out infinite}
.ag-ai__star--2{animation:agStarBob2 2.5s ease-in-out infinite .35s}
@keyframes agStarBob1{0%,100%{transform:translateY(0);opacity:.8}50%{transform:translateY(-11px);opacity:1}}
@keyframes agStarBob2{0%,100%{transform:translateY(0);opacity:.65}50%{transform:translateY(9px);opacity:1}}
@media(prefers-reduced-motion:reduce){.ag-ai__star--1,.ag-ai__star--2{animation:none}}
/* 标题区线条 / 区域分割 */
.agents .eyebrow{display:flex;align-items:center;justify-content:center;gap:18px}
.agents .eyebrow::before,.agents .eyebrow::after{content:"";width:52px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(109,93,252,.55))}
.agents .eyebrow::after{background:linear-gradient(90deg,rgba(109,93,252,.55),transparent)}
.agents .section__sub{position:relative;padding-bottom:30px}
.agents .section__sub::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);
  width:150px;height:2px;border-radius:2px;
  background:linear-gradient(90deg,transparent,rgba(109,93,252,.55),rgba(70,194,255,.55),transparent)}

/* ---- AI 智能体：背景智慧楼宇插画（边缘羽化融入背景） ---- */
.agents{position:relative;overflow:hidden;background:#f4f4f1;padding-top:36px}
/* 标题区放大 */
.agents .eyebrow{font-size:13px}
.agents .section__title{font-size:clamp(34px,3.6vw,46px)}
.agents .section__sub{font-size:clamp(15px,1.25vw,18px)}
/* 滚动到位才触发的分层入场 */
.js .agents .eyebrow,.js .agents .section__title,.js .agents .section__sub,.js .ag-layout{
  opacity:0;transform:translateY(42px);
  transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1)}
.agents.is-in .eyebrow{opacity:1;transform:none;transition-delay:.05s}
.agents.is-in .section__title{opacity:1;transform:none;transition-delay:.16s}
.agents.is-in .section__sub{opacity:1;transform:none;transition-delay:.27s}
.agents.is-in .ag-layout{opacity:1;transform:none;transition-delay:.4s}
@media(prefers-reduced-motion:reduce){
  .js .agents .eyebrow,.js .agents .section__title,.js .agents .section__sub,.js .ag-layout{opacity:1;transform:none;transition:none}}
.agents>.container{position:relative;z-index:2}
.agents__art{position:absolute;z-index:1;top:-6%;right:-4%;
  width:clamp(440px,44vw,680px);height:auto;pointer-events:none;opacity:.9;
  -webkit-mask-image:radial-gradient(ellipse 70% 70% at 52% 46%,#000 40%,transparent 80%);
          mask-image:radial-gradient(ellipse 70% 70% at 52% 46%,#000 40%,transparent 80%)}
@media(max-width:1180px){.agents__art{display:none}}

/* ---- AI 智能体：左可点列表 + 右大图联动 ---- */
.ag-layout{display:grid;grid-template-columns:minmax(320px,0.92fr) 1.45fr;gap:30px;margin-top:48px;align-items:stretch}
/* 左侧列表 */
.ag-list{display:flex;flex-direction:column;gap:16px}
.ag-item{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;
  width:100%;text-align:left;cursor:pointer;background:#fff;border:1px solid var(--c-border);border-radius:18px;
  padding:22px 24px;overflow:hidden;font:inherit;color:inherit;
  transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s,border-color .35s}
.ag-item:hover{box-shadow:0 14px 34px rgba(40,40,70,.1)}
.ag-item.is-active{border-color:transparent;box-shadow:0 22px 50px rgba(60,60,120,.14)}
.ag-item__num{align-self:start;padding-top:3px;font-size:13px;font-weight:800;letter-spacing:2px;color:var(--c-text-2)}
.ag-item.is-active .ag-item__num{color:var(--c-primary)}
.ag-item__main{min-width:0}
.ag-item h3{font-size:19px;font-weight:800;color:var(--c-text);margin-bottom:6px}
.ag-item__main p{font-size:14px;color:#5b5f7d;line-height:1.6;margin-bottom:12px}
.ag-item .ag-card__tags{margin:0}
.ag-item__arrow{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;
  background:#edebf7;color:var(--c-primary);transition:background .35s,color .35s,transform .35s}
.ag-item__arrow .icon{width:18px;height:18px;stroke:currentColor;stroke-width:2.2}
.ag-item.is-active .ag-item__arrow{background:#15183a;color:#fff;transform:translateX(2px)}
/* 标签 */
.ag-card__tags{list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.ag-card__tags li{font-size:12.5px;font-weight:600;color:var(--c-primary);
  background:rgba(109,93,252,.08);border:1px solid rgba(109,93,252,.16);padding:4px 11px;border-radius:20px}
/* 右侧大预览（切换淡入） */
.ag-shows{position:relative;border-radius:26px;overflow:hidden;min-height:460px;box-shadow:0 28px 66px rgba(40,40,70,.15)}
.ag-show{position:absolute;inset:0;opacity:0;visibility:hidden;transform:scale(1.015);
  transition:opacity .55s ease,transform .55s ease}
.ag-show.is-active{opacity:1;visibility:visible;transform:none}
.ag-show[hidden]{display:block}
.ag-card__stage{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden}
/* 渐变配色（取参考图：粉/蓝/绿/紫/桃） */
.ag-card--1 .ag-card__stage{background:
  radial-gradient(120% 110% at 8% 0%,#c3b4ff 0%,transparent 48%),
  radial-gradient(120% 120% at 100% 6%,#9ec9ff 0%,transparent 52%),
  radial-gradient(130% 120% at 88% 100%,#ffb0d4 0%,transparent 55%),
  radial-gradient(120% 120% at 0% 100%,#b6ecae 0%,transparent 50%),
  linear-gradient(125deg,#eef0ff,#fdeef8)}
.ag-card--2 .ag-card__stage{background:
  radial-gradient(120% 110% at 6% 0%,#ffc6a8 0%,transparent 48%),
  radial-gradient(120% 120% at 100% 8%,#ffabd0 0%,transparent 52%),
  radial-gradient(130% 120% at 86% 100%,#c4b1ff 0%,transparent 55%),
  radial-gradient(120% 120% at 0% 100%,#9eccff 0%,transparent 50%),
  linear-gradient(125deg,#fff1ea,#f6eeff)}
.ag-card--3 .ag-card__stage{background:
  radial-gradient(120% 110% at 8% 0%,#9fe6c0 0%,transparent 48%),
  radial-gradient(120% 120% at 100% 6%,#9ed3ff 0%,transparent 52%),
  radial-gradient(130% 120% at 88% 100%,#d6f59a 0%,transparent 55%),
  radial-gradient(120% 120% at 0% 100%,#c3b4ff 0%,transparent 48%),
  linear-gradient(125deg,#ecfbf2,#eef6ff)}
/* 大截图：玻璃白边 + 立体倾斜，居中悬浮 */
.ag-card__shot{width:92%;max-height:90%;border-radius:14px;border:7px solid rgba(255,255,255,.92);
  box-shadow:0 42px 84px rgba(40,40,90,.34);object-fit:cover;object-position:top center;
  transform:perspective(1600px) rotateX(5deg) scale(.97);transform-origin:center;
  transition:transform .65s cubic-bezier(.22,1,.36,1)}
.ag-show.is-active .ag-card__shot{transform:perspective(1600px) rotateX(2.5deg) scale(1)}
@media(max-width:900px){
  .ag-layout{grid-template-columns:1fr;gap:18px;margin-top:32px}
  .ag-shows{min-height:300px;order:-1}
  .ag-item__main p{display:none}
  .ag-item:not(.is-active) .ag-card__tags{display:none}
}

/* ---- 功能模块速览：浅色简洁网格 ---- */
.features{padding:64px 0;background:linear-gradient(180deg,#f4f4f1 0%,#fafafc 14%,#ffffff 48%,#fdfdff 86%,#fbfcff 100%)}
.fmod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px 32px;margin-top:44px}
.fmod__head{display:flex;align-items:center;gap:11px;margin-bottom:10px}
.fmod__ic{flex:none;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;
  background:#eef0f8;border:1px solid var(--c-border);transition:background .3s,border-color .3s,transform .3s}
.fmod__ic .icon{width:19px;height:19px;stroke:var(--c-text-2);transition:stroke .3s}
.fmod__name{font-size:16px;font-weight:700;color:var(--c-text);transition:color .3s}
.fmod__desc{font-size:13px;line-height:1.65;color:var(--c-text-2);max-width:92%}
.fmod:hover .fmod__ic{background:linear-gradient(135deg,#6d5dfc,#46c2ff);border-color:transparent;transform:translateY(-2px)}
.fmod:hover .fmod__ic .icon{stroke:#fff}
.fmod:hover .fmod__name{color:var(--c-primary)}
/* 滚动错峰入场 */
.js .fmod{opacity:0}
.features.is-in .fmod{animation:featIn .55s cubic-bezier(.22,1,.36,1) both}
.features.is-in .fmod:nth-child(1){animation-delay:.06s}
.features.is-in .fmod:nth-child(2){animation-delay:.12s}
.features.is-in .fmod:nth-child(3){animation-delay:.18s}
.features.is-in .fmod:nth-child(4){animation-delay:.24s}
.features.is-in .fmod:nth-child(5){animation-delay:.3s}
.features.is-in .fmod:nth-child(6){animation-delay:.36s}
.features.is-in .fmod:nth-child(7){animation-delay:.42s}
.features.is-in .fmod:nth-child(8){animation-delay:.48s}
@keyframes featIn{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.js .fmod{opacity:1}.features.is-in .fmod{animation:none}}
@media(max-width:900px){.fmod-grid{grid-template-columns:repeat(3,1fr);gap:32px 24px}}
@media(max-width:560px){.fmod-grid{grid-template-columns:repeat(2,1fr)}}
/* ---- 谁在用耀省星：场景词汇墙 ---- */
.persona{position:relative;background:#fbfcff;overflow:hidden}
.persona>.container{position:relative;z-index:1}
/* 柔和多彩霓虹光晕（缓慢漂移，动态模糊） */
.persona__aurora{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 20%,#000 88%,transparent 100%);
          mask-image:linear-gradient(180deg,transparent 0%,#000 20%,#000 88%,transparent 100%)}
.ab{position:absolute;border-radius:50%;filter:blur(72px);opacity:.5}
.ab--1{width:440px;height:440px;left:-6%;top:-12%;background:radial-gradient(circle,#b9a8ff,transparent 70%);animation:abF1 19s ease-in-out infinite}
.ab--2{width:470px;height:470px;right:-8%;top:-8%;background:radial-gradient(circle,#9ec9ff,transparent 70%);animation:abF2 23s ease-in-out infinite}
.ab--3{width:410px;height:410px;left:16%;bottom:-18%;background:radial-gradient(circle,#ffb0d4,transparent 70%);animation:abF3 21s ease-in-out infinite}
.ab--4{width:390px;height:390px;right:14%;bottom:-16%;background:radial-gradient(circle,#9ff0d0,transparent 70%);animation:abF1 25s ease-in-out infinite reverse}
.ab--5{width:350px;height:350px;left:44%;top:6%;background:radial-gradient(circle,#ffd2a8,transparent 70%);animation:abF2 18s ease-in-out infinite}
@keyframes abF1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(42px,32px) scale(1.14)}}
@keyframes abF2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-38px,30px) scale(1.1)}}
@keyframes abF3{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(32px,-32px) scale(1.16)}}
@media(prefers-reduced-motion:reduce){.ab{animation:none}}
.trustwall{position:relative;padding:6px 0}
.trustwall__words{position:relative;height:470px;
  width:100vw;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}
.trustwall__words span{position:absolute;transform:translate(-50%,-50%);white-space:nowrap;
  font-weight:600;font-size:16px;animation:twPulse 5.2s ease-in-out infinite}
.trustwall__words span:nth-child(2n){animation-duration:6.4s;animation-delay:-1.5s}
.trustwall__words span:nth-child(3n){font-size:21px;animation-name:twPulseB;animation-delay:-2.8s}
.trustwall__words span:nth-child(4n){font-size:14px}
.trustwall__words span:nth-child(5n){font-size:24px;animation-duration:7s;animation-delay:-3.6s}
.trustwall__words span:nth-child(7n){font-size:18px;animation-name:twPulseB;animation-duration:5.8s;animation-delay:-0.9s}
@keyframes twPulse{
  0%,100%{opacity:.34;color:#a8aece;transform:translate(-50%,-50%) scale(.92)}
  50%{opacity:.9;color:#8275f0;transform:translate(-50%,-50%) scale(1.06)}}
@keyframes twPulseB{
  0%,100%{opacity:.34;color:#a8aece;transform:translate(-50%,-50%) scale(.92)}
  50%{opacity:.9;color:#62c2f5;transform:translate(-50%,-50%) scale(1.06)}}
@media(prefers-reduced-motion:reduce){.trustwall__words span{animation:none;opacity:.55;color:#9aa1c0}}
.trustwall__veil{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:radial-gradient(ellipse 52% 64% at 50% 50%,#fbfcff 24%,rgba(251,252,255,.82) 48%,rgba(251,252,255,0) 72%)}
.trustwall__center{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:16px;text-align:center;pointer-events:none}
.trustwall__center h2{font-size:clamp(26px,3vw,40px);font-weight:800;color:var(--c-text)}
.trustwall__center p{font-size:15px;color:var(--c-text-2);max-width:540px;line-height:1.7}
.trustwall__btn{pointer-events:auto;display:inline-flex;align-items:center;gap:8px;margin-top:6px;
  padding:12px 26px;border-radius:30px;background:var(--grad-main);color:#fff;font-weight:700;font-size:15px;
  box-shadow:0 12px 28px rgba(109,93,252,.35);transition:transform .3s,box-shadow .3s}
.trustwall__btn:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(109,93,252,.45)}
@media(max-width:900px){.trustwall__words{height:540px}.trustwall__words span{font-size:14px!important}}
@media(max-width:560px){.trustwall__words span{font-size:12px!important}.trustwall__center p{max-width:88%}}

/* ---- 两种部署方式：图案卡片（素背景） ---- */
.deploy{position:relative;overflow:hidden;background:#f4f5fb;padding:50px 0}
.deploy>.container{position:relative;z-index:1}
/* 白模城市背景图（底部居中，四周羽化融入背景，等比不缩放） */
.deploy__city{position:absolute;left:0;bottom:0;
  width:min(680px,60%);height:auto;z-index:0;pointer-events:none;opacity:.85;
  -webkit-mask-image:radial-gradient(125% 125% at 0% 100%,#000 26%,rgba(0,0,0,0) 70%);
          mask-image:radial-gradient(125% 125% at 0% 100%,#000 26%,rgba(0,0,0,0) 70%)}
.dcard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;max-width:880px;margin:28px auto 0}
.dcard{position:relative;isolation:isolate;display:flex;flex-direction:column;background:#fff;border:1px solid var(--c-border);
  border-radius:22px;overflow:hidden;box-shadow:0 16px 44px rgba(40,40,90,.08);
  transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s}
.dcard:hover{transform:translateY(-6px);box-shadow:0 32px 66px rgba(40,40,90,.16)}
/* 卡角微光 */
.dcard::after{content:"";position:absolute;right:-50px;bottom:-50px;width:170px;height:170px;border-radius:50%;z-index:-1;
  pointer-events:none;background:radial-gradient(circle,rgba(109,93,252,.08),transparent 70%)}
.dcard__body{padding:24px 28px 22px}
/* 标题 + 图标徽章 */
.dcard__head{display:flex;align-items:center;gap:13px;margin-bottom:16px}
.dcard__ic{flex:none;width:44px;height:44px;border-radius:13px;display:grid;place-items:center;
  background:linear-gradient(135deg,rgba(109,93,252,.12),rgba(70,194,255,.12));border:1px solid rgba(109,93,252,.18)}
.dcard__ic .icon{width:23px;height:23px;stroke:var(--c-primary)}
.dcard__title{font-size:22px;font-weight:800;color:var(--c-text)}
.dcard__feats{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:22px}
.dcard__feats li{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--c-text-2)}
.dcard__feats .icon{flex:none;width:17px;height:17px;stroke:var(--c-primary);stroke-width:2.4}
/* 推荐卡（公有云） */
.dcard--featured{border-color:rgba(109,93,252,.35);background:linear-gradient(180deg,rgba(109,93,252,.06),#fff 34%);
  box-shadow:0 22px 54px rgba(109,93,252,.2)}
.dcard--featured:hover{box-shadow:0 34px 70px rgba(109,93,252,.28)}
.dcard--featured::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--grad-main);z-index:2}
.dcard--featured::after{background:radial-gradient(circle,rgba(70,194,255,.16),transparent 70%)}
.dcard--featured .dcard__ic{background:linear-gradient(135deg,#6d5dfc,#46c2ff);border-color:transparent;
  box-shadow:0 8px 18px rgba(109,93,252,.35)}
.dcard--featured .dcard__ic .icon{stroke:#fff}
.dcard__badge{position:absolute;top:14px;right:14px;z-index:3;padding:4px 13px;border-radius:30px;font-size:12px;
  font-weight:700;color:#fff;background:var(--grad-main);box-shadow:0 6px 14px rgba(109,93,252,.36)}
.dcard__cta{display:flex;align-items:center;justify-content:space-between;gap:14px}
.dcard__price{font-size:18px;font-weight:800;color:var(--c-text)}
.dcard__price small{font-size:12.5px;font-weight:500;color:var(--c-text-2)}
.dcard__btn{flex:none;padding:11px 24px;border-radius:30px;background:#15183a;color:#fff;font-weight:700;font-size:14px;
  transition:transform .3s,background .3s,box-shadow .3s}
.dcard__btn:hover{background:#000;transform:translateY(-2px);box-shadow:0 10px 22px rgba(21,24,58,.3)}
.dcard__btn--primary{background:var(--grad-main)}
.dcard__btn--primary:hover{box-shadow:0 12px 26px rgba(109,93,252,.4)}
@media(max-width:760px){.dcard-grid{grid-template-columns:1fr;max-width:420px}}.cta-band{position:relative;overflow:hidden;background:radial-gradient(120% 92% at 50% -8%,var(--c-dark-bg-2) 0%,var(--c-dark-bg) 70%);
  color:#fff;padding:92px 0;text-align:center}
.cta-band::before{content:"";position:absolute;left:50%;top:-40%;width:520px;height:520px;transform:translateX(-50%);
  background:radial-gradient(circle,rgba(109,93,252,.45),transparent 60%);filter:blur(20px);pointer-events:none}
.cta-band>.container{position:relative}
.cta-band h2{font-size:38px;font-weight:800;margin-bottom:14px}
.cta-band__sub{color:var(--c-dark-text-2);font-size:16px;margin-bottom:30px;max-width:560px;margin-left:auto;margin-right:auto}
@media(max-width:768px){.cta-band h2{font-size:26px}}

.footer{background:var(--c-dark-bg);color:var(--c-dark-text-2);padding:0}
.cta-band__logo{display:inline-block;margin-bottom:24px}
.cta-band__logo img{height:44px;width:auto;display:block;margin:0 auto;filter:brightness(0) invert(1)}
.footer__inner{display:flex;justify-content:center;gap:clamp(60px,12vw,160px);flex-wrap:wrap;padding-bottom:40px}
.footer__brand .nav__logo{font-size:22px;margin-bottom:14px}
.footer__domain{color:#8b7dff;margin-top:4px}
.footer__contact p{margin:6px 0}
.footer__bar{border-top:1px solid rgba(255,255,255,.1);padding:24px 0 28px;font-size:13.5px}
.footer__legal{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 16px;color:var(--c-dark-text-2)}
.footer__legal a{color:var(--c-dark-text-2);transition:color .2s ease}
.footer__legal a:hover{color:#fff}
.footer__police,.footer__rec{display:inline-flex;align-items:center;gap:5px}
.footer__police img{display:block}
.footer__ico{width:15px;height:15px;flex:none}
.footer__sep{opacity:.35}
.footer__warn{margin-top:14px;text-align:center;font-size:12.5px;line-height:1.6;color:var(--c-dark-text-2);opacity:.65}
@media(max-width:768px){.footer__inner{flex-direction:column;gap:24px}}

.modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center}
.modal[hidden]{display:none}
.modal__overlay{position:absolute;inset:0;background:rgba(10,10,22,.6);backdrop-filter:blur(4px)}
.modal__panel{position:relative;width:min(440px,92vw);background:#fff;border-radius:18px;
  padding:34px 30px;box-shadow:0 30px 80px rgba(0,0,0,.35);animation:pop .25s ease}
@keyframes pop{from{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}
.modal__close{position:absolute;top:14px;right:18px;border:none;background:none;font-size:26px;
  cursor:pointer;color:var(--c-text-2);line-height:1}
.modal__title{font-size:24px;margin-bottom:6px}
.modal__sub{color:var(--c-text-2);margin-bottom:22px}
#trial-form label{display:block;font-size:14px;color:var(--c-text-2);margin-bottom:14px}
#trial-form input{width:100%;margin-top:6px;padding:11px 14px;border:1px solid var(--c-border);
  border-radius:10px;font-size:15px;outline:none}
#trial-form input:focus{border-color:var(--c-primary)}
.modal__submit{width:100%;margin-top:6px}
.modal__error{color:#e5484d;font-size:14px;margin-top:12px}
.modal__success{text-align:center;padding:24px 0;font-size:16px;color:var(--c-text)}

/* 仅在 JS 可用时才隐藏待入场内容；无 JS / 爬虫 / JS 出错时内容默认可见 */
.js .reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}
.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.js .reveal{opacity:1;transform:none;transition:none}}

/* ============ 部署方式 · 横向蓝底长条 banner (depb) ============ */
.deploy{padding:64px 0;position:relative;overflow:hidden;background:#5360f4}
.depb{position:static;display:block;max-width:none;margin:0;border-radius:0;box-shadow:none;background:none;min-height:0}
.depb__city{position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:0;width:44%;max-width:560px;aspect-ratio:1200/900;
  pointer-events:none;background:#7a82ef url(../img/deploy-city.jpg) center/cover no-repeat;background-blend-mode:multiply;filter:contrast(1.26) brightness(1.12) saturate(.85);
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 20%,#000 80%,transparent 100%),linear-gradient(180deg,transparent 0,#000 32%,#000 58%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,transparent 0,#000 20%,#000 80%,transparent 100%),linear-gradient(180deg,transparent 0,#000 32%,#000 58%,transparent 100%);
  mask-composite:intersect}
.depb__content{position:relative;z-index:1;margin-left:auto;width:58%;max-width:680px;padding:8px 0;
  display:flex;flex-direction:column;justify-content:center;color:#fff}
.depb__title{font-size:28px;font-weight:800;color:#fff;margin-bottom:7px}
.depb__sub{font-size:14px;color:rgba(255,255,255,.82);margin-bottom:22px}
.depb__rows{display:flex;flex-direction:column;gap:12px}
.depb__row{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);transition:background .25s ease}
.depb__row:hover{background:rgba(255,255,255,.18)}
.depb__row--primary{background:rgba(255,255,255,.97);border-color:transparent;box-shadow:0 12px 30px rgba(20,20,60,.22)}
.depb__ic{flex:none;width:42px;height:42px;border-radius:12px;display:grid;place-items:center}
.depb__ic .icon{width:22px;height:22px}
.depb__row .depb__ic{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.3)}
.depb__row .depb__ic .icon{stroke:#fff}
.depb__row--primary .depb__ic{background:linear-gradient(135deg,#6d5dfc,#46c2ff);border:0}
.depb__row--primary .depb__ic .icon{stroke:#fff}
.depb__main{flex:1;min-width:0}
.depb__name{font-size:16px;font-weight:800;line-height:1.2;margin-bottom:2px;color:#fff}
.depb__desc{font-size:12.5px;line-height:1.4;color:rgba(255,255,255,.8)}
.depb__row--primary .depb__name{color:var(--c-text)}
.depb__row--primary .depb__desc{color:var(--c-text-2)}
.depb__btn{flex:none;padding:9px 22px;border-radius:30px;font-weight:700;font-size:13.5px;white-space:nowrap;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.depb__btn--light{background:var(--grad-main);color:#fff}
.depb__btn--light:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(20,20,60,.3)}
.depb__btn--ghost{background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.38)}
.depb__btn--ghost:hover{background:rgba(255,255,255,.27)}
@media(max-width:860px){
  .depb{flex-direction:column;min-height:0}
  .depb__city{position:relative;width:66%;max-width:none;margin:16px auto -10px;mix-blend-mode:normal}
  .depb__content{width:100%;padding:22px 20px 28px}
  .depb__row{flex-wrap:wrap}
  .depb__btn{width:100%;text-align:center;margin-top:6px}
}