/* Final site-wide consistency layer: global brand CTAs, subtitles, responsive safety. */
:root{--ow-final-purple:#7b2cff;--ow-final-pink:#e847d7;--ow-final-orange:#ff8a4c;--ow-final-ink:#17132a}
main :is(.ow-btn-primary,.cp-submit,.demo-submit,.trial-submit,.ow-final-trial-form button,.agency-portal-v2-toolbar-actions button,.ux-agency-main-btn){
  color:#fff!important;
  background:linear-gradient(110deg,var(--ow-final-purple),var(--ow-final-pink),var(--ow-final-orange))!important;
  border-color:transparent!important;
  box-shadow:0 14px 32px rgba(123,44,255,.22);
}
main :is(.ow-btn-primary,.cp-submit,.demo-submit,.trial-submit,.ow-final-trial-form button,.agency-portal-v2-toolbar-actions button,.ux-agency-main-btn):hover{transform:translateY(-2px);box-shadow:0 20px 42px rgba(123,44,255,.3)}
main :is(.ow-kicker,.ow-eyebrow,.ow-section-kicker,.sk-subtitle-1,.section-subtitle,.subtitle-pill,.cp-eyebrow,.demo-eyebrow){
  font-family:inherit!important;
}
main :is(.ow-kicker,.section-subtitle,.subtitle-pill,.cp-eyebrow,.demo-eyebrow){
  display:inline-flex!important;align-items:center!important;gap:9px!important;min-height:38px!important;padding:8px 14px!important;
  border:1px solid rgba(123,44,255,.22)!important;border-radius:999px!important;background:rgba(255,255,255,.94)!important;
  box-shadow:0 8px 26px rgba(64,32,126,.08)!important;font-size:13px!important;line-height:1!important;font-weight:700!important;
  letter-spacing:0!important;text-transform:none!important;color:var(--ow-final-ink)!important;
}
main :is(.ow-dark,[class*="dark"],.ux-agency-portal,.trial-steps,.mfg-flow,.ops-visibility) :is(.ow-kicker,.section-subtitle,.subtitle-pill,.cp-eyebrow,.demo-eyebrow){
  background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.16)!important;color:#fff!important;box-shadow:none!important;
}
main :is(.ow-kicker,.section-subtitle,.subtitle-pill,.cp-eyebrow,.demo-eyebrow)::before{
  content:"";width:20px;height:20px;border-radius:50%;flex:0 0 auto;background:linear-gradient(135deg,var(--ow-final-purple),var(--ow-final-pink),var(--ow-final-orange));box-shadow:0 6px 16px rgba(123,44,255,.3);
}
main img{max-width:100%;height:auto}
main :is(button,a,input,select,textarea){font-family:inherit}
main button:focus-visible,main a:focus-visible,main input:focus-visible,main select:focus-visible,main textarea:focus-visible{outline:3px solid rgba(123,44,255,.35);outline-offset:3px}
@media(max-width:767px){
  main :is(.ow-actions,.btn-wrap){flex-wrap:wrap}
  main :is(.ow-actions,.btn-wrap) a{max-width:100%}
  main :is(.ow-kicker,.section-subtitle,.subtitle-pill,.cp-eyebrow,.demo-eyebrow){white-space:normal!important;text-align:left!important}
}

/* 2026-07-28 v16 requested refinements */
/* Home hero: one complete visual, animated as a single premium image. */
.ow-hero-complete-visual{
  width:min(1320px,calc(100% - 32px));
  margin:0 auto -38px;
  position:relative;
  z-index:3;
  perspective:1500px;
  transform-style:preserve-3d;
}
.ow-hero-complete-visual::before{
  content:"";
  position:absolute;
  inset:10% 8% -2%;
  border-radius:44px;
  background:radial-gradient(circle at 50% 30%,rgba(123,44,255,.34),rgba(232,71,215,.18) 42%,transparent 72%);
  filter:blur(42px);
  opacity:.8;
  z-index:-1;
}
.ow-hero-complete-visual img{
  display:block;
  width:100%;
  height:auto;
  border-radius:34px;
  transform-origin:center top;
  animation:owHeroImageReveal 1.25s cubic-bezier(.22,1,.36,1) both,owHeroImageFloat 7s ease-in-out 1.25s infinite;
  filter:drop-shadow(0 36px 42px rgba(7,4,21,.32));
  will-change:transform;
}
@keyframes owHeroImageReveal{
  from{opacity:0;transform:perspective(1500px) rotateX(-18deg) translateY(42px) scale(.965)}
  to{opacity:1;transform:perspective(1500px) rotateX(0) translateY(0) scale(1)}
}
@keyframes owHeroImageFloat{
  0%,100%{transform:perspective(1500px) rotateX(0deg) translateY(0)}
  50%{transform:perspective(1500px) rotateX(1.4deg) translateY(-10px)}
}

/* Guide, blog index and blog post CTAs: true full-width background and card. */
.sr-cta{
  width:100vw!important;
  max-width:none!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  padding:96px 0 0!important;
  background:linear-gradient(180deg,#17121f 0%,#100d1b 100%)!important;
  overflow:hidden;
}
.sr-cta-inner{
  width:100%!important;
  max-width:none!important;
  min-height:390px;
  margin:0!important;
  border-radius:0!important;
  padding:80px max(24px,calc((100vw - 1240px)/2)) 78px!important;
  background:radial-gradient(circle at 12% 0,rgba(123,44,255,.38),transparent 36%),radial-gradient(circle at 88% 100%,rgba(232,71,215,.24),transparent 32%),linear-gradient(135deg,#201431,#32193e)!important;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.sr-cta-inner::after{right:5%!important}

/* Start Free Trial: left explanation should visually match the card column height. */
.trial-benefits-head{max-width:590px!important}
.trial-benefits-extra{margin-top:18px!important;color:#6e6682!important;line-height:1.78!important}

@media(max-width:991px){
  .ow-hero-complete-visual{width:min(100% - 24px,1100px);margin-bottom:-18px}
  .sr-cta{padding-top:72px!important}
  .sr-cta-inner{min-height:340px;padding-top:64px!important;padding-bottom:60px!important}
}
@media(max-width:640px){
  .ow-hero-complete-visual{width:calc(100% - 16px);margin-bottom:0}
  .ow-hero-complete-visual img{border-radius:20px;animation:owHeroImageReveal 1s cubic-bezier(.22,1,.36,1) both}
  .sr-cta{padding-top:54px!important}
  .sr-cta-inner{min-height:0;padding:54px 22px 48px!important}
}
@media(prefers-reduced-motion:reduce){
  .ow-hero-complete-visual img{animation:none!important;transform:none!important}
}

/* 2026-07-28 v17 help CTA and Home 05-style dashboard behaviour */
.help-center-page .help-full-cta{
  width:100vw!important;
  max-width:none!important;
  margin:0 0 0 calc(50% - 50vw)!important;
  padding:96px 0!important;
  background:radial-gradient(circle at 15% 0,rgba(123,44,255,.34),transparent 34%),radial-gradient(circle at 88% 100%,rgba(232,71,215,.22),transparent 30%),linear-gradient(135deg,#171126 0%,#2b1738 100%)!important;
}
.help-center-page .help-full-cta .cp-container,
.help-center-page .help-full-cta .container{
  width:min(100% - 40px,1240px)!important;
  margin-inline:auto!important;
}
.help-center-page .help-full-cta .cp-head{margin-bottom:0!important}
.help-center-page .help-full-cta h2,.help-center-page .help-full-cta p{color:#fff!important}

.help-category-page .sr-cta{
  padding:0!important;
  background:transparent!important;
}
.help-category-page .sr-cta-inner{
  min-height:390px!important;
  padding:78px max(24px,calc((100vw - 1240px)/2))!important;
  background:radial-gradient(circle at 12% 0,rgba(123,44,255,.4),transparent 35%),radial-gradient(circle at 88% 100%,rgba(232,71,215,.22),transparent 32%),linear-gradient(135deg,#171126 0%,#32193e 100%)!important;
}

.ow-home-dashboard-wrap{perspective:2000px;transform-style:preserve-3d;margin-top:58px}
.ow-home-dashboard{
  display:grid;
  grid-template-columns:238px minmax(0,1fr);
  width:min(100%,1260px);
  margin:0 auto;
  border-radius:26px;
  overflow:visible;
  background:linear-gradient(145deg,#16122c 0%,#281947 100%);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 8px 50px rgba(67,81,225,.42);
  color:#fff;
  transform-origin:center top;
  will-change:transform;
}
.ow-home-dash-sidebar{padding:28px 20px;background:linear-gradient(180deg,#0f0c20 0%,#171126 100%);border-radius:26px 0 0 26px;display:flex;flex-direction:column;min-height:660px}
.ow-home-dash-brand{display:flex;gap:13px;align-items:center}.ow-home-brand-mark{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--ow-purple),var(--ow-pink),var(--ow-orange));box-shadow:0 14px 28px rgba(123,44,255,.24)}.ow-home-dash-brand strong,.ow-home-dash-brand small{display:block}.ow-home-dash-brand strong{font-size:18px;color:#fff}.ow-home-dash-brand small{font-size:11px;color:#aaa1bd;margin-top:4px}
.ow-home-dash-sidebar nav{display:grid;gap:10px;margin-top:28px}.ow-home-dash-sidebar nav button{display:flex;align-items:center;gap:12px;width:100%;padding:14px 15px;border:0;border-radius:14px;background:transparent;color:#bcb4ce;text-align:left;font-weight:700;cursor:pointer;transition:.28s ease}.ow-home-dash-sidebar nav button i{width:18px;color:#fff;opacity:.9}.ow-home-dash-sidebar nav button.active{background:linear-gradient(110deg,var(--ow-purple),var(--ow-pink),var(--ow-orange));color:#fff;box-shadow:0 14px 28px rgba(123,44,255,.22)}
.ow-home-ai-card{margin-top:auto;padding:18px;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center}.ow-home-ai-orb{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--ow-purple),var(--ow-pink),var(--ow-orange));box-shadow:0 12px 24px rgba(123,44,255,.18)}.ow-home-ai-card b,.ow-home-ai-card small{display:block}.ow-home-ai-card b{font-size:14px;color:#fff}.ow-home-ai-card small{font-size:11px;color:#aaa1bd;margin-top:4px}.ow-home-side-progress{grid-column:1/-1;height:8px;border-radius:999px;background:rgba(255,255,255,.09);overflow:hidden}.ow-home-side-progress i{display:block;height:100%;width:72%;background:linear-gradient(90deg,var(--ow-purple),var(--ow-pink),var(--ow-orange));transform:scaleX(0);transform-origin:left;border-radius:inherit}.ow-home-dashboard.is-visible .ow-home-side-progress i{animation:owDashProgress 1.25s .45s cubic-bezier(.22,1,.36,1) forwards}
.ow-home-dash-main{padding:30px;min-width:0}.ow-home-dash-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.ow-home-dash-head small{display:block;font-size:10px;letter-spacing:.14em;color:#9f95b4}.ow-home-dash-head h3{font-size:34px!important;line-height:1.08;color:#fff!important;margin:10px 0 0!important;letter-spacing:-.03em}.ow-home-period{position:relative}.ow-home-period>button{display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.07);color:#fff;padding:12px 17px;border-radius:999px;font-weight:700;cursor:pointer}.ow-home-period-menu{position:absolute;right:0;top:calc(100% + 10px);min-width:150px;padding:8px;border-radius:16px;background:#fff;box-shadow:0 20px 50px rgba(0,0,0,.25);opacity:0;visibility:hidden;transform:translateY(-6px);transition:.25s;z-index:20}.ow-home-period.open .ow-home-period-menu{opacity:1;visibility:visible;transform:none}.ow-home-period-menu button{display:block;width:100%;border:0;background:transparent;padding:10px 12px;border-radius:10px;text-align:left;color:#17132a;cursor:pointer}.ow-home-period-menu button:hover{background:#f3efff}
.ow-home-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.ow-home-metrics article{display:grid;grid-template-columns:52px 1fr auto;gap:14px;align-items:center;padding:20px;border-radius:20px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.08)}.ow-home-metrics article>span{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--ow-purple),var(--ow-pink),var(--ow-orange));color:#fff}.ow-home-metrics small,.ow-home-metrics strong{display:block}.ow-home-metrics small{font-size:10px;letter-spacing:.11em;color:#a79db9}.ow-home-metrics strong{font-size:30px;color:#fff;margin-top:6px}.ow-home-metrics em{font-style:normal;color:var(--ow-orange);font-weight:700;font-size:12px}
.ow-home-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.75fr);gap:18px}.ow-home-chart-card,.ow-home-activity-card{padding:24px;border-radius:22px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08)}.ow-home-card-head{display:flex;justify-content:space-between;gap:16px}.ow-home-card-head small{display:block;font-size:10px;letter-spacing:.12em;color:#a59bb8}.ow-home-card-head h4{font-size:24px;color:#fff;margin:8px 0 0}.ow-home-card-head>span{font-size:11px;color:#c7bfd7}
.ow-home-chart{position:relative;height:310px;margin-top:18px}.ow-home-chart svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.ow-home-line{fill:none;stroke:#ddd6ed;stroke-width:4;stroke-linecap:round;stroke-dasharray:900;stroke-dashoffset:900}.ow-home-dashboard.is-visible .ow-home-line{animation:owDashLine 1.8s .2s ease forwards}.ow-home-bars{position:absolute;inset:50px 14px 12px;display:flex;align-items:flex-end;gap:18px}.ow-home-bars i{flex:1;height:var(--h);border-radius:12px 12px 5px 5px;background:linear-gradient(180deg,var(--ow-orange),var(--ow-pink),var(--ow-purple));transform:scaleY(0);transform-origin:bottom}.ow-home-dashboard.is-visible .ow-home-bars i{animation:owDashBar 1.15s cubic-bezier(.22,1,.36,1) forwards}.ow-home-bars i:nth-child(2){animation-delay:.08s}.ow-home-bars i:nth-child(3){animation-delay:.16s}.ow-home-bars i:nth-child(4){animation-delay:.24s}.ow-home-bars i:nth-child(5){animation-delay:.32s}.ow-home-bars i:nth-child(6){animation-delay:.4s}.ow-home-bars i:nth-child(7){animation-delay:.48s}
.ow-home-activity-list{display:grid;gap:13px;margin-top:20px}.ow-home-activity-list article{display:grid;grid-template-columns:46px 1fr;gap:13px;align-items:center;padding:15px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.07)}.ow-home-activity-list article>span{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--ow-purple),var(--ow-pink),var(--ow-orange));color:#fff}.ow-home-activity-list b,.ow-home-activity-list small{display:block}.ow-home-activity-list b{color:#fff}.ow-home-activity-list small{color:#aaa1bd;margin-top:4px;font-size:11px}
.ow-home-dashboard.is-switching{opacity:.55;transform:translateY(8px)!important;transition:.2s ease}
@keyframes owDashProgress{to{transform:scaleX(1)}}
@keyframes owDashLine{to{stroke-dashoffset:0}}
@keyframes owDashBar{to{transform:scaleY(1)}}
@media(max-width:1100px){.ow-home-dashboard{grid-template-columns:200px minmax(0,1fr)}.ow-home-dashboard-grid{grid-template-columns:1fr}.ow-home-dash-sidebar{min-height:0}.ow-home-ai-card{margin-top:28px}}
@media(max-width:820px){.ow-home-dashboard{grid-template-columns:1fr}.ow-home-dash-sidebar{border-radius:26px 26px 0 0}.ow-home-dash-sidebar nav{grid-template-columns:repeat(3,1fr)}.ow-home-ai-card{display:none}.ow-home-metrics{grid-template-columns:1fr}.ow-home-dash-head{display:block}.ow-home-period{margin-top:18px;display:inline-block}}
@media(max-width:640px){.ow-home-dash-sidebar nav{grid-template-columns:repeat(2,1fr)}.ow-home-dash-main{padding:20px}.ow-home-dash-head h3{font-size:28px!important}.ow-home-dashboard-grid{grid-template-columns:1fr}.ow-home-chart{height:240px}.ow-home-bars{gap:10px}.ow-home-metrics article{grid-template-columns:46px 1fr}.ow-home-metrics em{grid-column:2/3}}
@media(prefers-reduced-motion:reduce){.ow-home-line,.ow-home-bars i,.ow-home-side-progress i{animation:none!important;transform:none!important;stroke-dashoffset:0!important}}

.help-category-page .help-category-cta{
  width:100vw!important;
  max-width:none!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  padding:92px 0!important;
  background:radial-gradient(circle at 12% 0,rgba(123,44,255,.38),transparent 35%),radial-gradient(circle at 88% 100%,rgba(232,71,215,.2),transparent 30%),linear-gradient(135deg,#171126 0%,#31183d 100%)!important;
}
.help-category-page .help-category-cta .cp-container,
.help-category-page .help-category-cta .container{
  width:min(100% - 40px,1240px)!important;
  margin-inline:auto!important;
}
.help-category-page .help-category-cta h2,
.help-category-page .help-category-cta p{color:#fff!important}

/* 2026-07-28 v18 resources subtitle, CTA and responsive corrections */
/* One subtitle system across resources, guides, posts, About and Contact. */
main :is(.ow-kicker,.ow-eyebrow,.ow-section-kicker,.sk-subtitle-1,.section-subtitle,.subtitle-pill,.cp-eyebrow,.demo-eyebrow,.sr-kicker){
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  width:auto!important;
  max-width:100%!important;
  min-height:38px!important;
  padding:8px 14px!important;
  margin-bottom:18px!important;
  border:1px solid rgba(123,44,255,.22)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 8px 26px rgba(64,32,126,.08)!important;
  color:var(--ow-final-ink)!important;
  font-family:inherit!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:0!important;
  text-transform:none!important;
  white-space:normal!important;
}
main :is(.ow-kicker,.ow-eyebrow,.ow-section-kicker,.sk-subtitle-1,.section-subtitle,.subtitle-pill,.cp-eyebrow,.demo-eyebrow,.sr-kicker)::before{
  content:""!important;
  display:block!important;
  width:20px!important;
  height:20px!important;
  flex:0 0 20px!important;
  border-radius:50%!important;
  background:linear-gradient(135deg,var(--ow-final-purple),var(--ow-final-pink),var(--ow-final-orange))!important;
  box-shadow:0 6px 16px rgba(123,44,255,.3)!important;
}
/* Prevent duplicate dots from legacy subtitle markup. */
main :is(.cp-eyebrow,.ow-eyebrow,.demo-eyebrow)>i{display:none!important}
main :is(.cp-hero,.cp-section.dark,.sr-cta,.help-full-cta,.help-category-cta,.ow-dark,[class*="dark"],.ux-agency-portal,.trial-steps,.mfg-flow,.ops-visibility) :is(.ow-kicker,.ow-eyebrow,.ow-section-kicker,.sk-subtitle-1,.section-subtitle,.subtitle-pill,.cp-eyebrow,.demo-eyebrow,.sr-kicker){
  background:rgba(255,255,255,.08)!important;
  border-color:rgba(255,255,255,.18)!important;
  color:#fff!important;
  box-shadow:none!important;
}

/* Correct all resource CTA backgrounds without changing their text/button alignment. */
.sr-cta,
.help-center-page .help-full-cta,
.help-category-page .help-category-cta,
.help-category-page .sr-cta,
.sr-blog-cta{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:84px 20px!important;
  background:radial-gradient(circle at 12% 0,rgba(123,44,255,.36),transparent 36%),radial-gradient(circle at 88% 100%,rgba(232,71,215,.22),transparent 32%),linear-gradient(135deg,#171126 0%,#31183d 100%)!important;
  overflow:hidden!important;
}
.sr-cta-inner,
.help-category-page .sr-cta-inner{
  width:min(100%,1240px)!important;
  max-width:1240px!important;
  min-height:0!important;
  margin:0 auto!important;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
  display:block!important;
  text-align:center!important;
  overflow:visible!important;
}
.sr-cta-inner::after{display:none!important}
.sr-cta h2,.sr-cta p,.sr-blog-cta h2,.sr-blog-cta p{margin-left:auto!important;margin-right:auto!important}
.sr-cta .sr-actions,.sr-blog-cta .sr-actions{justify-content:center!important}
.help-center-page .help-full-cta .cp-container,
.help-center-page .help-full-cta .container,
.help-category-page .help-category-cta .cp-container,
.help-category-page .help-category-cta .container{
  width:min(100%,1240px)!important;
  max-width:1240px!important;
  margin:0 auto!important;
  padding:0!important;
}
/* Remove the separate dark strip that legacy CTA padding created above the gradient. */
main>.sr-cta:first-child,main>.sr-cta:last-child{border-top:0!important}
main>.sr-cta+footer,.sr-cta+footer{margin-top:0!important}

/* Blog post sidebar CTA button follows the header CTA system. */
.cp-sidebar .cp-side-card:last-child>a,
.cp-sidebar .cp-side-card a[href="book-demo.html"]{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:48px!important;
  margin-top:16px!important;
  padding:0 20px!important;
  border-radius:999px!important;
  color:#fff!important;
  font-weight:700!important;
  text-decoration:none!important;
  background:linear-gradient(110deg,var(--ow-final-purple),var(--ow-final-pink),var(--ow-final-orange))!important;
  box-shadow:0 14px 30px rgba(123,44,255,.22)!important;
}
.cp-sidebar .cp-side-card:last-child>a:hover,
.cp-sidebar .cp-side-card a[href="book-demo.html"]:hover{transform:translateY(-2px)!important;color:#fff!important}

/* Resource-page responsive safety. */
@media(max-width:991px){
  .cp-article,.cp-contact-grid,.cp-grid,.cp-card-grid,.api-layout{grid-template-columns:1fr!important}
  .cp-sidebar,.api-sidebar{position:static!important;width:100%!important;max-width:none!important}
  .sr-cta,.help-center-page .help-full-cta,.help-category-page .help-category-cta,.help-category-page .sr-cta,.sr-blog-cta{padding:68px 24px!important}
  .sr-cta-inner{width:min(100%,860px)!important}
}
@media(max-width:640px){
  main :is(.ow-kicker,.ow-eyebrow,.ow-section-kicker,.sk-subtitle-1,.section-subtitle,.subtitle-pill,.cp-eyebrow,.demo-eyebrow,.sr-kicker){
    min-height:36px!important;
    padding:7px 12px!important;
    font-size:12px!important;
    text-align:left!important;
  }
  main :is(.ow-kicker,.ow-eyebrow,.ow-section-kicker,.sk-subtitle-1,.section-subtitle,.subtitle-pill,.cp-eyebrow,.demo-eyebrow,.sr-kicker)::before{width:18px!important;height:18px!important;flex-basis:18px!important}
  .sr-cta,.help-center-page .help-full-cta,.help-category-page .help-category-cta,.help-category-page .sr-cta,.sr-blog-cta{padding:54px 18px!important}
  .sr-actions{flex-direction:column!important;align-items:stretch!important}
  .sr-actions .sr-btn{width:100%!important}
  .cp-sidebar .cp-side-card:last-child>a,.cp-sidebar .cp-side-card a[href="book-demo.html"]{width:100%!important}
}


/* Mobile hero cleanup + quick actions */
@media (max-width: 767px){
  .sk-hero-4-area.sk-hero-1-area{
    padding-bottom:35px !important;
  }
  .sk-hero-4-area .sk-hero-4-content{
    margin-bottom:25px !important;
  }
  .ow-hero-dashboard-wrap{
    margin-top:0 !important;
  }
  .sk-header-4-area{
    padding:12px 0 !important;
  }
  .sk-header-4-logo .tx-logo{
    width:155px !important;
  }
}
.ow-mobile-sticky-actions{
  display:none;
}
@media (max-width:767px){
  .ow-mobile-sticky-actions{
    position:fixed;
    left:12px;
    right:12px;
    bottom:12px;
    z-index:10000;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    padding:10px;
    border-radius:18px;
    background:rgba(15,12,35,.86);
    backdrop-filter:blur(14px);
    box-shadow:0 18px 40px rgba(0,0,0,.28);
    border:1px solid rgba(255,255,255,.12);
  }
  .ow-mobile-sticky-actions a{
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:14px;
    font-family:inherit;
    font-size:14px;
    font-weight:700;
    text-decoration:none;
  }
  .ow-mobile-login{
    color:#fff;
    background:rgba(255,255,255,.1);
    border:1px solid rgba(255,255,255,.16);
  }
  .ow-mobile-demo{
    color:#fff;
    background:linear-gradient(100deg,#7b2cff,#d735df,#ff7a62);
  }
}

/* Mobile final performance + sticky actions */
@media(max-width:768px){
 html,body{scroll-behavior:auto!important;overflow-x:hidden}
 .hero-dashboard,.hero-image,.parallax,.floating-card{animation:none!important;transform:none!important}
 .header-actions,.mobile-hide-cta{display:none!important}
 body{padding-bottom:82px}
 .mobile-sticky-actions{position:fixed;left:12px;right:12px;bottom:12px;z-index:9999;display:flex;gap:10px;padding:10px;border-radius:18px;background:rgba(23,19,42,.92);backdrop-filter:blur(12px);box-shadow:0 16px 40px rgba(0,0,0,.22)}
 .mobile-sticky-actions a{flex:1;text-align:center;padding:13px 8px;border-radius:12px;font-size:14px;font-weight:700;text-decoration:none}
 .mobile-sticky-actions .login{background:#fff;color:#17132a}
 .mobile-sticky-actions .demo{background:linear-gradient(90deg,#7b2cff,#ff4fa3,#ff8a4c);color:#fff}
}
@media(min-width:769px){.mobile-sticky-actions{display:none!important}}

/* Mobile final performance + navigation fixes */
@media(max-width:768px){
 html,body{scroll-behavior:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important}
 .sk-header-4-area,.tx-header,.main-header,.navbar-area{background:#090624!important;box-shadow:0 8px 30px rgba(0,0,0,.25)!important}
 .mobile-sticky-actions{display:grid!important;position:fixed!important;left:12px!important;right:12px!important;bottom:12px!important;z-index:999999!important}
 .mobile-sticky-actions a{min-height:48px!important}
 body{padding-bottom:82px!important}
 /* Home hero spacing */
 .home-dashboard-hero,.ow-home-dashboard-hero,.hero-dashboard-wrap{padding-bottom:0!important;margin-bottom:0!important}
 .home-dashboard-hero img,.hero-dashboard-wrap img,.ow-dashboard-visual{margin-bottom:0!important}
 /* white floating dashboard overlays */
 .hero-dashboard-floating,.dashboard-floating,.ow-floating-card,.hero-notification,.floating-notification{display:none!important}
 /* process cards */
 .ow-process-grid,.ai-os-process-grid,.workflow-cards{display:flex!important;flex-direction:column!important;align-items:center!important}
 .ow-process-grid>* ,.ai-os-process-grid>* ,.workflow-cards>*{width:100%!important;max-width:390px!important;margin-left:auto!important;margin-right:auto!important}
}

/* smoother mobile animation load */
@media(max-width:768px){
 [data-speed],.parallax,.gsap-parallax{transform:none!important}
 .wow,.animate__animated{animation-duration:.01ms!important;animation-iteration-count:1!important}
}

/* Header overlay: use existing page hero/banner background behind header */
.tx-header,
.sk-header-4-area{
  position:absolute!important;
  top:0;
  left:0;
  width:100%;
  z-index:1000;
  background:transparent!important;
}
body:has(.inner-banner),
body:has(.breadcrumb),
body:has(.tx-breadcrumb){
  --header-overlay:1;
}
.sk-header-4-wrap{background:transparent!important}

/* Mobile header keeps banner behind and menu visible */
@media(max-width:1199px){
 .tx-header,.sk-header-4-area{background:transparent!important}
 .sk-header-4-action-link .sk-header-3-login-btn,
 .sk-header-4-action-link .sk-pr-btn-7{display:none!important}
 .sk-offcanvas-btn-1{display:flex!important;align-items:center;justify-content:center;color:#fff!important;background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.18)!important}
 .wa-offcanvas-area{background:#17132a!important}
 .wa-offcanvas-top-logo{display:flex!important;align-items:center!important}
 .wa-offcanvas-top-logo img{width:176px!important;height:auto!important;display:block!important}
}

/* remove duplicate hero spacing after overlay header */
@media(max-width:767px){
 .hero,.banner,.breadcrumb-area,.inner-banner,.tx-banner{padding-top:120px!important}
 .sk-header-4-area + *{margin-top:0!important}
}

/* v25 mobile visibility + layout fixes */
@media(max-width:768px){
 /* mobile offcanvas readable */
 .wa-offcanvas-area,
 .wa-offcanvas-wrap{background:#17132a!important;color:#fff!important}
 .wa-offcanvas-area .mobile-main-navigation a,
 .wa-offcanvas-area .mobile-main-navigation li a,
 .wa-offcanvas-area .mobile-main-navigation .dropdown>a{color:#fff!important;opacity:1!important}
 .wa-offcanvas-area .mobile-main-navigation a:hover{color:#ff7a62!important}
 .wa-offcanvas-close span{background:#fff!important}
 .wa-offcanvas-top-logo img{filter:none!important}
 
 /* remove floating cards over mobile visuals */
 .floating-card,.hero-notification,.hero-dashboard-floating,.dashboard-floating,
 .ow-floating-card,.live-sync,.auto-alert,.ai-alert{display:none!important}
 
 /* centered scrolling titles */
 .scroll-title,.marquee-title,.text-slider-title,.section-slider-title{ text-align:center!important; }
 
 /* inline points */
 .ow-check-list li,.feature-points li,.process-points li{display:flex!important;align-items:center!important;gap:10px!important}
 
 /* image responsive */
 img,.hero-image img,.dashboard-image,.solution-image,.workflow-image{max-width:100%!important;height:auto!important}
 .dashboard-wrap,.hero-dashboard-wrap,.solution-media,.workflow-media{width:100%!important;overflow:hidden!important}
 
 /* manufacturing / solution cards */
 .manufacturing-icons,.icon-grid,.solution-icons,.metric-grid{grid-template-columns:1fr!important}
 .icon-box,.metric-card,.solution-card{width:100%!important;min-height:auto!important;overflow:visible!important}
 .icon-box i,.metric-card i{visibility:visible!important;opacity:1!important}
 
 /* prevent clipped horizontal sections */
 .tabs,.tab-row,.scroll-tabs{overflow-x:auto!important;max-width:100%!important;white-space:nowrap!important}
}