:root{
  --navy:#0a2746;
  --navy2:#071a2f;
  --blue:#176fe5;
  --blue2:#53a6ef;
  --orange:#ff7b28;
  --ink:#18324a;
  --muted:#6f8191;
  --line:#e0e8ee;
  --soft:#f6f9fb;
  --white:#fff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei","Noto Sans CJK SC",Arial,sans-serif;line-height:1.6;overflow-x:hidden}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
a{color:inherit}
img{display:block;max-width:100%}
.shell{width:min(1220px,calc(100% - 48px));margin:0 auto}
.site-header{position:sticky;top:0;z-index:70;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(222,230,236,.9);backdrop-filter:blur(14px)}
.header-inner{height:70px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.pysem-brand{display:inline-flex;align-items:center;text-decoration:none}.pysem-brand-img{width:122px;height:auto}
.main-nav{display:flex;align-items:center;gap:25px}.main-nav a{text-decoration:none;color:#42596c;font-size:13px;font-weight:700}
.main-nav a:hover{color:var(--blue)}
.header-actions{display:flex;align-items:center;gap:9px}
.header-demo-link{height:36px;display:flex;align-items:center;padding:0 11px;text-decoration:none;border:1px solid #d8e2ea;border-radius:7px;color:#284861;font-size:11px;font-weight:800}
.button{height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border:1px solid #d8e2ea;border-radius:7px;background:#fff;text-decoration:none;color:#193a55;font-size:11px;font-weight:800}
.button-primary{background:var(--blue);border-color:var(--blue);color:#fff}
.menu-toggle{display:none;width:38px;height:38px;border:1px solid #dce4ea;background:#fff;border-radius:7px;align-items:center;justify-content:center;flex-direction:column;gap:4px}
.menu-toggle i{display:block;width:17px;height:2px;background:#20394f}
.v12-btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:0 20px;border:1px solid rgba(255,255,255,.28);border-radius:8px;background:transparent;text-decoration:none;color:#fff;font-size:13px;font-weight:800}
.v12-btn.primary{background:#fff;color:#0b3158;border-color:#fff}.v12-btn.ghost{background:rgba(255,255,255,.04)}
.v12-section{padding:95px 0}.v12-section-head{max-width:760px;margin-bottom:38px}.v12-section-head.compact{max-width:820px}.v12-section-head>span,.v12-cms-heading>span,.v12-industry-head>span{display:block;color:var(--blue);font-size:10px;font-weight:900;letter-spacing:.15em}.v12-section-head h2,.v12-cms-heading h2,.v12-industry-head h2{margin:9px 0 13px;font-size:42px;line-height:1.13;letter-spacing:-.035em}.v12-section-head p,.v12-cms-heading p,.v12-industry-head p{margin:0;color:var(--muted);font-size:13px;line-height:1.85}

/* 01 hero */
.v12-hero{position:relative;overflow:hidden;min-height:650px;display:flex;align-items:center;background:linear-gradient(120deg,#071a30,#0b3159 58%,#0f4a7c);color:#fff}
.v12-hero:before{content:"";position:absolute;width:760px;height:760px;right:-230px;top:-340px;border-radius:50%;background:radial-gradient(circle,rgba(74,161,239,.3),transparent 68%)}
.v12-hero-gridline{position:absolute;inset:0;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:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 92%)}
.v12-hero-inner{position:relative;z-index:2;max-width:970px;text-align:center;padding-top:70px;padding-bottom:70px}
.v12-eyebrow{display:inline-block;color:#8bc5f9;font-size:10px;font-weight:900;letter-spacing:.16em}
.v12-hero h1{margin:18px auto 22px;max-width:920px;font-size:67px;line-height:1.04;letter-spacing:-.05em}.v12-hero h1 strong{font-weight:900}
.v12-hero p{max-width:800px;margin:0 auto;color:#d4e3ef;font-size:16px;line-height:1.9}.v12-hero-sub{margin-top:7px!important;color:#a9c2d6!important;font-size:13px!important}
.v12-hero-actions{display:flex;justify-content:center;gap:10px;margin-top:30px}.v12-hero-tags{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:26px}.v12-hero-tags span{padding:8px 12px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(255,255,255,.045);color:#dce8f2;font-size:10px}

/* 02 demos */
.v12-demos{background:#f7f9fb}.v12-demo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.v12-demo-card{position:relative;min-height:440px;overflow:hidden;background:#101820;color:#fff}.v12-demo-card>a{position:absolute;inset:0;z-index:5}
.v12-demo-image{position:absolute;inset:0;background-size:cover;background-position:center;transition:.6s}.v12-demo-card:hover .v12-demo-image{transform:scale(1.035)}
.v12-demo-card.industrial .v12-demo-image{background-image:url("/assets/images/pysem-industrial-card-20260923-v6.webp")}
.v12-demo-card.textile .v12-demo-image{background-image:url("/assets/images/pysem-textile-card-20260924-v1.webp")}
.v12-demo-card.automotive .v12-demo-image{background-image:url("/assets/images/pysem-automotive-card-20260926-v1.webp")}
.v12-demo-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,10,16,.94),rgba(3,10,16,.14) 68%,rgba(3,10,16,.03))}
.v12-demo-copy{position:absolute;z-index:3;left:23px;right:23px;bottom:21px}.v12-demo-copy small{font-size:8px;letter-spacing:.13em;color:#b6c7d5}.v12-demo-copy h3{margin:6px 0 6px;font-size:25px}.v12-demo-copy p{max-width:340px;margin:0;color:#cdd8e0;font-size:10px;line-height:1.65}.v12-demo-copy span{display:block;margin-top:13px;font-size:10px;font-weight:900}
.v12-cms-mention{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:16px;padding:18px 20px;border:1px solid #dce5ec;background:#fff}.v12-cms-mention strong,.v12-cms-mention span{display:block}.v12-cms-mention strong{font-size:13px}.v12-cms-mention span{margin-top:3px;color:#728392;font-size:10px}.v12-cms-mention a{color:var(--blue);text-decoration:none;font-size:11px;font-weight:900;white-space:nowrap}

/* 03 advantages */
.v12-advantages{background:#fff}.v12-adv-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.v12-adv-grid article{min-height:270px;padding:29px;border:1px solid var(--line);background:#fff}.v12-adv-grid article:first-child{background:linear-gradient(135deg,#eef6ff,#fff)}.v12-adv-grid article:last-child{background:linear-gradient(135deg,#0a2949,#0d426f);color:#fff;border-color:#0d426f}.v12-adv-grid b{font-size:9px;color:var(--blue)}.v12-adv-grid article:last-child b{color:#84c2f5}.v12-adv-grid h3{margin:18px 0 10px;font-size:25px}.v12-adv-grid strong{display:block;font-size:13px;line-height:1.55}.v12-adv-grid p{max-width:520px;margin:10px 0 0;color:#6b7c8b;font-size:11px;line-height:1.8}.v12-adv-grid article:last-child p{color:#c2d4e1}

/* 04 cms */
.v12-cms{background:#0a2746;color:#fff}.v12-cms-inner{display:grid;grid-template-columns:.78fr 1.22fr;gap:70px;align-items:start}.v12-cms-heading>span{color:#7fc0f4}.v12-cms-heading h2{font-size:43px}.v12-cms-heading p{color:#b9cbd8}.v12-text-link{display:inline-block;margin-top:22px;color:#fff;text-decoration:none;font-size:12px;font-weight:900;border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:3px}
.v12-cms-points{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.13);border-left:1px solid rgba(255,255,255,.13)}.v12-cms-points article{min-height:145px;padding:20px;border-right:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.13)}.v12-cms-points b{color:#79baf0;font-size:8px}.v12-cms-points strong{display:block;margin:13px 0 6px;font-size:12px}.v12-cms-points p{margin:0;color:#aebfcd;font-size:9px;line-height:1.7}

/* 05 workflow */
.v12-workflow{background:#f7f9fb}.v12-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.v12-flow article{min-height:190px;padding:22px;border:1px solid #dde6ed;background:#fff}.v12-flow span{color:var(--blue);font-size:9px;font-weight:900}.v12-flow strong{display:block;margin:24px 0 8px;font-size:14px}.v12-flow p{margin:0;color:#718290;font-size:10px;line-height:1.7}

/* 06 industry carousel */
.v12-industry{overflow:hidden;background:#071b30;color:#fff;padding-top:88px}.v12-industry-head{max-width:780px}.v12-industry-head>span{color:#77b9ef}.v12-industry-head h2{font-size:43px}.v12-industry-head p{color:#aebfce}
.v12-showcase-stage{position:relative;height:810px;margin-top:38px;background:radial-gradient(circle at 50% 27%,#185684 0%,#0b3457 34%,#061725 77%);overflow:hidden}
.v12-showcase-track{position:absolute;left:50%;top:38px;width:100%;height:700px;transform:translateX(-50%);perspective:1600px}
.v12-showcase-slide{position:absolute;left:50%;top:0;width:400px;height:680px;opacity:0;transform:translateX(-50%) scale(.74);transition:transform .85s cubic-bezier(.22,.8,.24,1),opacity .65s;pointer-events:none}
.v12-long-shot{height:100%;overflow:hidden;border:1px solid rgba(255,255,255,.17);background:#fff;box-shadow:0 38px 90px rgba(0,0,0,.45)}.v12-long-shot picture,.v12-long-shot img{display:block;width:100%}.v12-long-shot img{height:auto;min-height:100%;object-fit:cover;object-position:top}
.v12-showcase-slide.active{z-index:5;opacity:1;transform:translateX(-50%) scale(1);pointer-events:auto}
.v12-showcase-slide.prev{z-index:3;opacity:.45;transform:translateX(calc(-50% - 375px)) scale(.78) rotateY(10deg)}
.v12-showcase-slide.next{z-index:3;opacity:.45;transform:translateX(calc(-50% + 375px)) scale(.78) rotateY(-10deg)}
.v12-showcase-slide.far-prev,.v12-showcase-slide.far-next{opacity:0;pointer-events:none}
.v12-showcase-label{position:absolute;z-index:8;left:50%;bottom:39px;transform:translateX(-50%);min-width:250px;padding:11px 18px;text-align:center;border:1px solid rgba(255,255,255,.12);background:rgba(4,17,30,.84);backdrop-filter:blur(10px)}.v12-showcase-label small,.v12-showcase-label strong{display:block}.v12-showcase-label small{color:#7cb9ec;font-size:8px;letter-spacing:.13em}.v12-showcase-label strong{margin-top:3px;font-size:16px}
.v12-showcase-arrow{position:absolute;z-index:9;top:50%;width:50px;height:50px;margin-top:-25px;border:1px solid rgba(255,255,255,.26);border-radius:50%;background:rgba(4,21,37,.75);color:#fff;font-size:19px}.v12-showcase-arrow.prev{left:32px}.v12-showcase-arrow.next{right:32px}
.v12-showcase-progress{position:absolute;z-index:8;left:50%;bottom:17px;width:250px;height:2px;transform:translateX(-50%);background:rgba(255,255,255,.17)}.v12-showcase-progress i{display:block;height:100%;background:#7dbcf0;transition:width .6s}
.v12-showcase-caption{display:flex;justify-content:space-between;gap:30px;padding-top:24px;padding-bottom:42px}.v12-showcase-caption strong{font-size:13px}.v12-showcase-caption span{max-width:650px;color:#9eb4c5;font-size:10px;line-height:1.7}

/* 07 final */
.v12-final{position:relative;overflow:hidden;background:linear-gradient(120deg,#0a3158,#0d4b7d);color:#fff;padding:88px 0}.v12-final:before{content:"";position:absolute;width:620px;height:620px;right:-200px;top:-300px;border-radius:50%;background:radial-gradient(circle,rgba(95,180,246,.23),transparent 68%)}.v12-final-inner{position:relative;z-index:2;max-width:900px;text-align:center}.v12-final-inner>span{color:#8fc8f4;font-size:9px;font-weight:900;letter-spacing:.15em}.v12-final h2{margin:10px 0 15px;font-size:46px;line-height:1.12}.v12-final p{max-width:720px;margin:0 auto;color:#c6d8e5;font-size:12px;line-height:1.8}.v12-final-actions{display:flex;justify-content:center;gap:9px;margin-top:26px}

/* footer */
.v12-footer{background:#f4f7f9;border-top:1px solid #e0e7ec}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px;padding-top:45px;padding-bottom:34px}.footer-grid h4{margin:0 0 10px;font-size:12px}.footer-grid a,.footer-grid span,.footer-grid button,.footer-grid p,.footer-grid small{display:block;margin:7px 0;border:0;background:none;text-decoration:none;color:#6e7f8e;font-size:10px;text-align:left;padding:0}.footer-brand-block p{max-width:310px}.pysem-footer-logo .pysem-brand-img{width:128px}.footer-bottom{display:flex;justify-content:space-between;padding:17px 0 25px;border-top:1px solid #dfe6eb;color:#83909c;font-size:9px}

/* WeChat */
.v12-wechat-float{position:fixed;right:18px;bottom:23px;z-index:95;height:50px;display:flex;align-items:center;gap:9px;padding:0 16px 0 9px;border:0;border-radius:999px;background:#19ad36;color:#fff;box-shadow:0 14px 32px rgba(18,140,43,.28);font-size:11px;font-weight:900}.v12-wechat-svg{width:31px;height:31px;color:#fff}
.v12-wechat-modal{position:fixed;inset:0;z-index:110;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(5,20,34,.58);backdrop-filter:blur(5px)}.v12-wechat-modal.show{display:flex}
.v12-wechat-card{position:relative;width:360px;padding:24px;border-radius:14px;background:#fff;box-shadow:0 30px 80px rgba(0,0,0,.25)}.v12-wechat-card .modal-close{position:absolute;right:12px;top:9px;border:0;background:none;font-size:23px;color:#81909d}.v12-wechat-card h2{margin:5px 0;font-size:23px}.v12-wechat-card p{margin:0;color:#71818f;font-size:10px}.modal-kicker{font-size:7px;color:var(--blue);font-weight:900;letter-spacing:.14em}.wechat-qr-wrap{width:245px;margin:17px auto 12px;padding:9px;border:1px solid #e2e8ed}.wechat-qr-wrap img{width:100%}.wechat-id-line{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:10px;background:#f5f8fa;border-radius:7px}.wechat-id-line span{font-size:8px;color:#83919c}.wechat-id-line strong{font-size:11px}.wechat-id-line button,.wechat-copy-mobile button{border:0;border-radius:5px;background:#19ad36;color:#fff;padding:7px 10px;font-size:8px;font-weight:900}.wechat-mobile{display:none}

/* mobile */
@media(max-width:900px){
  .main-nav{gap:16px}.main-nav a{font-size:11px}
  .v12-demo-grid{grid-template-columns:1fr}
  .v12-demo-card{min-height:390px}
  .v12-cms-inner{grid-template-columns:1fr;gap:35px}
  .v12-flow{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .shell{width:calc(100% - 34px)}
  .header-inner{height:62px}
  .site-header .pysem-brand-img{width:103px}
  .header-demo-link,.header-actions>.button{display:none}
  .menu-toggle{display:flex}
  .main-nav{position:fixed;left:13px;right:13px;top:69px;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 22px 60px rgba(9,42,75,.16);transform:translateY(-10px);opacity:0;pointer-events:none;transition:.2s}
  .main-nav.open{transform:none;opacity:1;pointer-events:auto}
  .main-nav a{padding:13px 12px;border-bottom:1px solid #edf1f4;font-size:14px}.main-nav a:last-child{border-bottom:0}

  .v12-section{padding:62px 0}
  .v12-section-head h2,.v12-cms-heading h2,.v12-industry-head h2{font-size:31px}
  .v12-section-head p,.v12-cms-heading p,.v12-industry-head p{font-size:12px;line-height:1.75}

  .v12-hero{min-height:auto;padding:78px 0 54px}
  .v12-hero-inner{text-align:left;padding:0}
  .v12-hero h1{font-size:40px;line-height:1.08;margin:14px 0 18px}
  .v12-hero p{font-size:14px;line-height:1.78}.v12-hero-sub{font-size:12px!important}
  .v12-hero-actions{display:grid;grid-template-columns:1fr;margin-top:23px}.v12-btn{width:100%}
  .v12-hero-tags{justify-content:flex-start;display:grid;grid-template-columns:1fr 1fr;gap:7px}.v12-hero-tags span{text-align:center;padding:8px 6px;font-size:9px}

  .v12-demo-card{min-height:355px}.v12-demo-copy h3{font-size:23px}.v12-demo-copy p{font-size:10px}
  .v12-cms-mention{display:block}.v12-cms-mention a{display:inline-block;margin-top:10px}

  .v12-adv-grid{grid-template-columns:1fr}.v12-adv-grid article{min-height:0;padding:24px}.v12-adv-grid h3{font-size:22px}
  .v12-cms-points{grid-template-columns:1fr}.v12-cms-points article{min-height:0}
  .v12-flow{grid-template-columns:1fr}.v12-flow article{min-height:0}

  .v12-industry{padding-top:62px}
  .v12-showcase-stage{height:610px;margin-top:25px}
  .v12-showcase-track{top:27px;height:525px}
  .v12-showcase-slide{width:250px;height:510px}
  .v12-showcase-slide.active{transform:translateX(-50%) scale(1)}
  .v12-showcase-slide.prev{opacity:.24;transform:translateX(calc(-50% - 195px)) scale(.67)}
  .v12-showcase-slide.next{opacity:.24;transform:translateX(calc(-50% + 195px)) scale(.67)}
  .v12-showcase-slide.far-prev,.v12-showcase-slide.far-next{display:none}
  .v12-showcase-arrow{top:auto;bottom:53px;width:42px;height:42px;margin:0}.v12-showcase-arrow.prev{left:16px}.v12-showcase-arrow.next{right:16px}
  .v12-showcase-label{bottom:30px;min-width:205px;padding:8px 11px}.v12-showcase-label strong{font-size:14px}
  .v12-showcase-progress{bottom:13px;width:190px}
  .v12-showcase-caption{display:block;padding-top:20px;padding-bottom:33px}.v12-showcase-caption span{display:block;margin-top:6px}

  .v12-final{padding:62px 0}.v12-final-inner{text-align:left}.v12-final h2{font-size:33px}.v12-final-actions{display:grid;grid-template-columns:1fr;justify-content:stretch}

  .footer-grid{grid-template-columns:1fr;gap:21px;padding-top:35px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:4px}

  /* requested: mobile is WeChat icon only */
  .v12-wechat-float{right:12px;bottom:12px;width:52px;height:52px;padding:0;border-radius:50%;justify-content:center}
  .v12-wechat-float span{display:none}
  .v12-wechat-svg{width:34px;height:34px}
  .wechat-desktop{display:none}.wechat-mobile{display:block}.v12-wechat-card{width:min(360px,92vw)}
  .wechat-copy-mobile{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:17px 0 10px;padding:13px;background:#f5f8fa;border-radius:8px}.wechat-copy-mobile strong{font-size:15px}.wechat-mobile small{color:#8795a2;font-size:8px}
}
@media(max-width:390px){
  .v12-hero h1{font-size:36px}
  .v12-section-head h2,.v12-cms-heading h2,.v12-industry-head h2{font-size:28px}
  .v12-showcase-slide{width:228px;height:475px}
}


/* =========================================================
   V12.1 — single CMS image + copy refinement
   ========================================================= */
.v121-cms-top{
  display:grid;
  grid-template-columns:.72fr 1.28fr;
  gap:58px;
  align-items:center;
  margin-bottom:38px;
}
.v121-cms-image{
  display:block;
  text-decoration:none;
  color:#fff;
}
.v121-cms-browser{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.15);
  background:#f1f5f8;
  box-shadow:0 30px 70px rgba(0,0,0,.23);
  transition:transform .3s ease,box-shadow .3s ease;
}
.v121-cms-image:hover .v121-cms-browser{
  transform:translateY(-4px);
  box-shadow:0 38px 85px rgba(0,0,0,.28);
}
.v121-cms-browser-bar{
  height:34px;
  display:flex;
  align-items:center;
  gap:5px;
  padding:0 11px;
  background:#0d2238;
  border-bottom:1px solid #25435f;
}
.v121-cms-browser-bar i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#668098;
}
.v121-cms-browser-bar span{
  margin-left:7px;
  color:#a9bdce;
  font-size:7px;
}
.v121-cms-browser img{
  width:100%;
  height:430px;
  object-fit:cover;
  object-position:center top;
}
.v121-cms-image-caption{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:13px 2px 0;
}
.v121-cms-image-caption span{
  color:#79baf0;
  font-size:8px;
  letter-spacing:.14em;
  font-weight:900;
}
.v121-cms-image-caption strong{
  color:#d8e5ef;
  font-size:10px;
  text-align:right;
}
.v121-cms-points{
  grid-template-columns:repeat(3,1fr)!important;
}
.v121-cms-points article{
  min-height:135px!important;
}
@media(max-width:980px){
  .v121-cms-top{
    grid-template-columns:1fr;
    gap:28px;
  }
  .v121-cms-browser img{
    height:380px;
  }
}
@media(max-width:760px){
  .v121-cms-top{
    display:block;
    margin-bottom:26px;
  }
  .v121-cms-image{
    margin-top:25px;
  }
  .v121-cms-browser img{
    height:270px;
  }
  .v121-cms-image-caption{
    display:block;
  }
  .v121-cms-image-caption strong{
    display:block;
    margin-top:5px;
    text-align:left;
    line-height:1.55;
  }
  .v121-cms-points{
    grid-template-columns:1fr!important;
  }
}


/* V12.2 copy refinement */
.v121-cms-image-caption strong{max-width:460px;line-height:1.6;}
.v12-hero-sub{max-width:860px;}
@media(max-width:760px){.v121-cms-image-caption strong{max-width:none;}}


/* =========================================================
   V13 FINAL POLISH
   - tighter vertical rhythm
   - stronger brand copy
   - mobile-specific spacing
   ========================================================= */

/* Global */
.v12-section{padding:72px 0!important}
.v12-section-head{margin-bottom:28px!important}
.v12-section-head h2,.v12-cms-heading h2,.v12-industry-head h2{
  font-size:39px!important;
  line-height:1.12!important;
  margin-bottom:10px!important;
}
.v12-section-head p,.v12-cms-heading p,.v12-industry-head p{
  font-size:12px!important;
  line-height:1.75!important;
}

/* Hero */
.v12-hero{
  min-height:570px!important;
}
.v12-hero-inner{
  padding-top:58px!important;
  padding-bottom:58px!important;
}
.v12-hero h1{
  font-size:62px!important;
  margin-top:14px!important;
  margin-bottom:18px!important;
}
.v12-hero p{
  font-size:15px!important;
  line-height:1.82!important;
}
.v12-hero-sub{
  margin-top:5px!important;
  font-size:13px!important;
}
.v12-hero-actions{
  margin-top:24px!important;
}
.v12-hero-tags{
  margin-top:20px!important;
}

/* Demo section */
.v12-demo-card{
  min-height:405px!important;
}
.v12-demo-copy{
  left:21px!important;
  right:21px!important;
  bottom:18px!important;
}
.v12-demo-copy h3{
  font-size:23px!important;
}
.v12-demo-copy p{
  font-size:9.5px!important;
  line-height:1.6!important;
}
.v13-demo-principle{
  margin-top:14px;
  padding:13px 16px;
  border-left:3px solid #176fe5;
  background:#fff;
  color:#27455f;
  font-size:11px;
  font-weight:800;
}
.v12-cms-mention{
  margin-top:10px!important;
  padding:15px 17px!important;
}

/* Advantages */
.v12-adv-grid{
  gap:11px!important;
}
.v12-adv-grid article{
  min-height:225px!important;
  padding:24px!important;
}
.v12-adv-grid h3{
  margin:14px 0 8px!important;
  font-size:22px!important;
}
.v12-adv-grid strong{
  font-size:12px!important;
}
.v12-adv-grid p{
  margin-top:7px!important;
  font-size:10px!important;
  line-height:1.65!important;
}

/* CMS */
.v12-cms{
  padding-top:76px!important;
  padding-bottom:76px!important;
}
.v121-cms-top{
  grid-template-columns:.72fr 1.28fr!important;
  gap:48px!important;
  margin-bottom:28px!important;
}
.v12-cms-heading h2{
  font-size:39px!important;
}
.v12-cms-heading p{
  margin-bottom:8px!important;
}
.v13-cms-tagline{
  margin-top:10px!important;
  color:#e8f3fb!important;
  font-weight:800!important;
  font-size:11px!important;
}
.v12-text-link{
  margin-top:17px!important;
}
.v121-cms-browser img{
  height:390px!important;
}
.v121-cms-image-caption{
  padding-top:10px!important;
}
.v121-cms-points{
  grid-template-columns:repeat(3,1fr)!important;
}
.v121-cms-points article{
  min-height:115px!important;
  padding:16px!important;
}
.v121-cms-points strong{
  margin-top:9px!important;
}
.v121-cms-points p{
  line-height:1.55!important;
}

/* Workflow */
.v12-workflow{
  padding-top:64px!important;
  padding-bottom:68px!important;
}
.v12-flow{
  gap:9px!important;
}
.v12-flow article{
  min-height:155px!important;
  padding:18px!important;
}
.v12-flow strong{
  margin:16px 0 6px!important;
  font-size:13px!important;
}
.v12-flow p{
  font-size:9.5px!important;
  line-height:1.6!important;
}

/* Industry carousel */
.v12-industry{
  padding-top:70px!important;
}
.v12-industry-head h2{
  font-size:40px!important;
}
.v12-showcase-stage{
  height:715px!important;
  margin-top:28px!important;
}
.v12-showcase-track{
  top:28px!important;
  height:620px!important;
}
.v12-showcase-slide{
  width:365px!important;
  height:605px!important;
}
.v12-showcase-slide.prev{
  transform:translateX(calc(-50% - 350px)) scale(.78) rotateY(10deg)!important;
}
.v12-showcase-slide.next{
  transform:translateX(calc(-50% + 350px)) scale(.78) rotateY(-10deg)!important;
}
.v12-showcase-label{
  bottom:32px!important;
}
.v12-showcase-progress{
  bottom:13px!important;
}
.v12-showcase-caption{
  padding-top:20px!important;
  padding-bottom:30px!important;
}

/* Final CTA */
.v12-final{
  padding:68px 0!important;
}
.v12-final h2{
  font-size:42px!important;
  margin-bottom:12px!important;
}
.v12-final p{
  font-size:11px!important;
  line-height:1.7!important;
}
.v12-final-actions{
  margin-top:22px!important;
}

/* Footer */
.footer-grid{
  padding-top:36px!important;
  padding-bottom:27px!important;
}
.footer-bottom{
  padding-top:14px!important;
  padding-bottom:20px!important;
}

/* =========================================================
   V13 mobile
   ========================================================= */
@media(max-width:760px){

  .v12-section{
    padding:52px 0!important;
  }

  .v12-section-head{
    margin-bottom:22px!important;
  }

  .v12-section-head h2,
  .v12-cms-heading h2,
  .v12-industry-head h2{
    font-size:29px!important;
    line-height:1.15!important;
  }

  .v12-section-head p,
  .v12-cms-heading p,
  .v12-industry-head p{
    font-size:11.5px!important;
    line-height:1.72!important;
  }

  /* Hero */
  .v12-hero{
    min-height:auto!important;
    padding-top:72px!important;
    padding-bottom:48px!important;
  }
  .v12-hero-inner{
    padding-top:0!important;
    padding-bottom:0!important;
  }
  .v12-hero h1{
    font-size:37px!important;
    line-height:1.08!important;
    margin-top:12px!important;
    margin-bottom:16px!important;
  }
  .v12-hero p{
    font-size:13px!important;
    line-height:1.75!important;
  }
  .v12-hero-sub{
    font-size:11.5px!important;
  }
  .v12-hero-actions{
    margin-top:20px!important;
  }
  .v12-hero-tags{
    margin-top:17px!important;
  }

  /* Demo */
  .v12-demo-grid{
    gap:12px!important;
  }
  .v12-demo-card{
    min-height:330px!important;
  }
  .v12-demo-copy h3{
    font-size:21px!important;
  }
  .v12-demo-copy p{
    font-size:9.5px!important;
  }
  .v13-demo-principle{
    margin-top:11px;
    font-size:10px;
    line-height:1.6;
  }
  .v12-cms-mention{
    padding:14px!important;
  }

  /* Advantages */
  .v12-adv-grid article{
    min-height:0!important;
    padding:21px!important;
  }
  .v12-adv-grid h3{
    font-size:20px!important;
  }
  .v12-adv-grid p{
    font-size:9.8px!important;
  }

  /* CMS */
  .v12-cms{
    padding-top:54px!important;
    padding-bottom:54px!important;
  }
  .v121-cms-top{
    display:block!important;
    margin-bottom:22px!important;
  }
  .v121-cms-image{
    margin-top:22px!important;
  }
  .v121-cms-browser img{
    height:250px!important;
  }
  .v121-cms-points{
    grid-template-columns:1fr!important;
  }
  .v121-cms-points article{
    min-height:0!important;
    padding:15px!important;
  }

  /* Workflow */
  .v12-workflow{
    padding-top:50px!important;
    padding-bottom:52px!important;
  }
  .v12-flow article{
    min-height:0!important;
    padding:16px!important;
  }
  .v12-flow strong{
    margin:12px 0 5px!important;
  }

  /* Industry */
  .v12-industry{
    padding-top:52px!important;
  }
  .v12-showcase-stage{
    height:565px!important;
    margin-top:22px!important;
  }
  .v12-showcase-track{
    top:24px!important;
    height:485px!important;
  }
  .v12-showcase-slide{
    width:235px!important;
    height:470px!important;
  }
  .v12-showcase-slide.prev{
    transform:translateX(calc(-50% - 185px)) scale(.66)!important;
  }
  .v12-showcase-slide.next{
    transform:translateX(calc(-50% + 185px)) scale(.66)!important;
  }
  .v12-showcase-arrow{
    bottom:48px!important;
  }
  .v12-showcase-label{
    bottom:26px!important;
  }
  .v12-showcase-progress{
    bottom:10px!important;
  }
  .v12-showcase-caption{
    padding-top:17px!important;
    padding-bottom:27px!important;
  }

  /* Final */
  .v12-final{
    padding:54px 0!important;
  }
  .v12-final h2{
    font-size:30px!important;
  }
  .v12-final p{
    font-size:11px!important;
  }

  /* Footer */
  .footer-grid{
    padding-top:30px!important;
    padding-bottom:22px!important;
  }
  .footer-bottom{
    padding-top:12px!important;
    padding-bottom:18px!important;
  }
}

@media(max-width:390px){
  .v12-hero h1{
    font-size:34px!important;
  }
  .v12-section-head h2,
  .v12-cms-heading h2,
  .v12-industry-head h2{
    font-size:27px!important;
  }
  .v12-demo-card{
    min-height:310px!important;
  }
  .v121-cms-browser img{
    height:225px!important;
  }
  .v12-showcase-stage{
    height:535px!important;
  }
  .v12-showcase-slide{
    width:220px!important;
    height:445px!important;
  }
}


/* =========================================================
   V13.1 FINAL DETAIL POLISH
   Full-page proportion correction
   ========================================================= */

/* Header: explicit website demo CTA */
.header-site-demo-link{
  height:36px;
  display:flex;
  align-items:center;
  padding:0 12px;
  border:1px solid #cfdce6;
  border-radius:7px;
  background:#fff;
  color:#176fe5;
  text-decoration:none;
  font-size:10px;
  font-weight:900;
  white-space:nowrap;
}
.header-site-demo-link:hover{
  border-color:#176fe5;
  background:#f3f8ff;
}

/* 01 Hero — less empty height, slightly stronger readable content */
.v12-hero{
  min-height:525px!important;
}
.v12-hero-inner{
  padding-top:48px!important;
  padding-bottom:48px!important;
}
.v12-hero p{
  max-width:840px!important;
  font-size:15.5px!important;
  line-height:1.78!important;
}
.v12-hero-sub{
  font-size:13.25px!important;
}
.v12-hero-actions{
  margin-top:21px!important;
}
.v12-hero .v12-btn{
  min-height:50px!important;
  padding-left:22px!important;
  padding-right:22px!important;
}
.v12-hero-tags{
  margin-top:17px!important;
}

/* 02 Demo — tighter heading-to-cards rhythm, slightly more readable copy */
.v12-demos .v12-section-head{
  margin-bottom:20px!important;
}
.v12-demo-copy p{
  font-size:10.25px!important;
  line-height:1.62!important;
}
.v13-demo-principle{
  margin-top:10px!important;
  padding:10px 13px!important;
  background:transparent!important;
  border-left:2px solid #176fe5!important;
  font-size:10.5px!important;
}
.v12-cms-mention{
  margin-top:7px!important;
}

/* 03 Advantages — biggest density correction */
.v12-advantages{
  padding-top:66px!important;
  padding-bottom:66px!important;
}
.v12-adv-grid article{
  min-height:192px!important;
  padding:20px 21px!important;
}
.v12-adv-grid h3{
  margin:10px 0 6px!important;
  font-size:22px!important;
}
.v12-adv-grid strong{
  font-size:12.5px!important;
  line-height:1.5!important;
}
.v12-adv-grid p{
  margin-top:6px!important;
  font-size:10.75px!important;
  line-height:1.62!important;
}

/* 04 CMS — image remains the hero; six functions become lighter and shorter */
.v12-cms{
  padding-top:68px!important;
  padding-bottom:66px!important;
}
.v121-cms-top{
  gap:42px!important;
  margin-bottom:20px!important;
}
.v121-cms-browser img{
  height:370px!important;
}
.v121-cms-points{
  border-top-color:rgba(255,255,255,.09)!important;
  border-left-color:rgba(255,255,255,.09)!important;
}
.v121-cms-points article{
  min-height:92px!important;
  padding:12px 14px!important;
  border-right-color:rgba(255,255,255,.09)!important;
  border-bottom-color:rgba(255,255,255,.09)!important;
  background:rgba(255,255,255,.012)!important;
}
.v121-cms-points b{
  font-size:7.5px!important;
  opacity:.86;
}
.v121-cms-points strong{
  margin:6px 0 3px!important;
  font-size:11.5px!important;
}
.v121-cms-points p{
  font-size:9.5px!important;
  line-height:1.5!important;
  color:#aebfcd!important;
}
.v13-cms-tagline{
  margin-top:8px!important;
}

/* 05 Workflow — scan in a few seconds, not another big card wall */
.v12-workflow{
  padding-top:56px!important;
  padding-bottom:58px!important;
}
.v12-workflow .v12-section-head{
  margin-bottom:20px!important;
}
.v12-flow article{
  min-height:136px!important;
  padding:15px 16px!important;
}
.v12-flow strong{
  margin:10px 0 4px!important;
  font-size:13px!important;
}
.v12-flow p{
  font-size:10.5px!important;
  line-height:1.56!important;
}

/* 06 Industry showcase — keep the visual climax, make side cases easier to see */
.v12-showcase-slide.prev,
.v12-showcase-slide.next{
  opacity:.58!important;
}
.v12-showcase-caption{
  padding-top:17px!important;
  padding-bottom:27px!important;
}

/* 07 CTA — cleaner, shorter ending */
.v12-final{
  padding-top:59px!important;
  padding-bottom:59px!important;
}
.v12-final p{
  max-width:680px!important;
  font-size:11.5px!important;
}
.v12-final-actions{
  margin-top:19px!important;
}

/* Slightly improve supporting text readability site-wide */
.v12-section-head p,
.v12-cms-heading p,
.v12-industry-head p{
  font-size:12.5px!important;
}

/* =========================================================
   V13.1 mobile — separate rhythm, not desktop scaled down
   ========================================================= */
@media(max-width:900px){
  .header-site-demo-link{
    display:none;
  }
}

@media(max-width:760px){
  .v12-section{
    padding-top:48px!important;
    padding-bottom:48px!important;
  }

  /* Hero */
  .v12-hero{
    padding-top:64px!important;
    padding-bottom:43px!important;
  }
  .v12-hero h1{
    font-size:36px!important;
  }
  .v12-hero p{
    font-size:13.25px!important;
    line-height:1.7!important;
  }
  .v12-hero-sub{
    font-size:11.75px!important;
  }
  .v12-hero .v12-btn{
    min-height:47px!important;
  }

  /* Demo */
  .v12-demos .v12-section-head{
    margin-bottom:18px!important;
  }
  .v12-demo-card{
    min-height:315px!important;
  }
  .v12-demo-copy{
    left:18px!important;
    right:18px!important;
    bottom:16px!important;
  }
  .v12-demo-copy p{
    font-size:10px!important;
  }
  .v13-demo-principle{
    margin-top:8px!important;
    padding:9px 11px!important;
  }

  /* Advantages */
  .v12-advantages{
    padding-top:48px!important;
    padding-bottom:48px!important;
  }
  .v12-adv-grid article{
    min-height:0!important;
    padding:18px!important;
  }
  .v12-adv-grid strong{
    font-size:12px!important;
  }
  .v12-adv-grid p{
    font-size:10.25px!important;
  }

  /* CMS */
  .v12-cms{
    padding-top:50px!important;
    padding-bottom:50px!important;
  }
  .v121-cms-image{
    margin-top:19px!important;
  }
  .v121-cms-browser img{
    height:238px!important;
  }
  .v121-cms-points article{
    padding:13px 14px!important;
  }
  .v121-cms-points strong{
    font-size:11.5px!important;
  }
  .v121-cms-points p{
    font-size:9.75px!important;
  }

  /* Workflow */
  .v12-workflow{
    padding-top:46px!important;
    padding-bottom:48px!important;
  }
  .v12-flow article{
    min-height:0!important;
    padding:14px 15px!important;
  }
  .v12-flow p{
    font-size:10.25px!important;
  }

  /* Industry — still the visual climax */
  .v12-industry{
    padding-top:49px!important;
  }
  .v12-showcase-slide.prev,
  .v12-showcase-slide.next{
    opacity:.34!important;
  }
  .v12-showcase-caption{
    padding-top:15px!important;
    padding-bottom:24px!important;
  }

  /* Final CTA */
  .v12-final{
    padding-top:49px!important;
    padding-bottom:49px!important;
  }
  .v12-final p{
    font-size:11px!important;
  }
}

@media(max-width:390px){
  .v12-hero{
    padding-top:58px!important;
    padding-bottom:40px!important;
  }
  .v12-hero h1{
    font-size:33px!important;
  }
  .v12-demo-card{
    min-height:300px!important;
  }
  .v121-cms-browser img{
    height:218px!important;
  }
}


/* =========================================================
   V13.2 FINAL — 5-image desktop portfolio wall
   Keeps all V13.1 detail polish.
   ========================================================= */

/* Industry heading: align to the same left content line as the rest of homepage */
.v12-industry-head{
  max-width:none!important;
  width:min(1220px,calc(100% - 48px))!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.v12-industry-head h2{
  max-width:760px;
}
.v12-industry-head p{
  max-width:720px;
}

/* Slightly tighten heading -> portfolio wall */
.v12-showcase-stage{
  margin-top:22px!important;
}

/* Five visible desktop states:
   far-prev / prev / active / next / far-next */
@media(min-width:1101px){
  .v12-showcase-track{
    perspective:1800px!important;
  }

  .v12-showcase-slide{
    width:350px!important;
    height:600px!important;
    transition:
      transform .82s cubic-bezier(.22,.8,.24,1),
      opacity .58s ease,
      filter .58s ease!important;
  }

  .v12-showcase-slide.active{
    z-index:7!important;
    opacity:1!important;
    transform:translateX(-50%) scale(1)!important;
    filter:none!important;
    pointer-events:auto!important;
  }

  .v12-showcase-slide.prev{
    z-index:5!important;
    opacity:.62!important;
    transform:translateX(calc(-50% - 322px)) scale(.80) rotateY(9deg)!important;
    filter:brightness(.88)!important;
    pointer-events:auto!important;
  }

  .v12-showcase-slide.next{
    z-index:5!important;
    opacity:.62!important;
    transform:translateX(calc(-50% + 322px)) scale(.80) rotateY(-9deg)!important;
    filter:brightness(.88)!important;
    pointer-events:auto!important;
  }

  .v12-showcase-slide.far-prev{
    display:block!important;
    z-index:2!important;
    opacity:.28!important;
    transform:translateX(calc(-50% - 565px)) scale(.61) rotateY(14deg)!important;
    filter:brightness(.70)!important;
    pointer-events:none!important;
  }

  .v12-showcase-slide.far-next{
    display:block!important;
    z-index:2!important;
    opacity:.28!important;
    transform:translateX(calc(-50% + 565px)) scale(.61) rotateY(-14deg)!important;
    filter:brightness(.70)!important;
    pointer-events:none!important;
  }
}

/* Medium desktop / laptop:
   still show five, but pull them closer together */
@media(min-width:901px) and (max-width:1100px){
  .v12-showcase-slide{
    width:320px!important;
    height:570px!important;
  }
  .v12-showcase-slide.active{
    opacity:1!important;
    transform:translateX(-50%) scale(1)!important;
  }
  .v12-showcase-slide.prev{
    opacity:.58!important;
    transform:translateX(calc(-50% - 270px)) scale(.77) rotateY(8deg)!important;
  }
  .v12-showcase-slide.next{
    opacity:.58!important;
    transform:translateX(calc(-50% + 270px)) scale(.77) rotateY(-8deg)!important;
  }
  .v12-showcase-slide.far-prev{
    display:block!important;
    opacity:.20!important;
    transform:translateX(calc(-50% - 470px)) scale(.56) rotateY(12deg)!important;
  }
  .v12-showcase-slide.far-next{
    display:block!important;
    opacity:.20!important;
    transform:translateX(calc(-50% + 470px)) scale(.56) rotateY(-12deg)!important;
  }
}

/* Mobile stays intentionally simple:
   active image + a hint of previous/next only */
@media(max-width:760px){
  .v12-industry-head{
    width:calc(100% - 34px)!important;
    max-width:none!important;
  }
  .v12-industry-head h2,
  .v12-industry-head p{
    max-width:none!important;
  }
  .v12-showcase-stage{
    margin-top:18px!important;
  }
  .v12-showcase-slide.far-prev,
  .v12-showcase-slide.far-next{
    display:none!important;
    opacity:0!important;
  }
}