/* AESST Phase 02 — public subpages.
   Preserve legacy functional JS while making the page structure consistent with Phase 00/01.
   Loaded after site.css and ui-foundation.css. Never loaded by /app/. */

html:has(body.marketing-inner){color-scheme:light}
body.marketing-home.marketing-inner{
  margin:0!important;
  padding:0!important;
  min-height:100vh;
  overflow-x:clip!important;
  background:#f7f9fc!important;
  color:#15253d!important;
  font:400 15px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
  text-shadow:none!important;
  --violet:#7048e8;
  --wrap:min(1280px,calc(100vw - 48px));
}
body.marketing-inner::before,body.marketing-inner::after{display:none!important}
body.marketing-inner a{text-decoration:none}
body.marketing-inner .glass,
body.marketing-inner .glass-light{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  text-shadow:none!important;
}
body.marketing-inner .header-occlusion{display:none!important}
body.marketing-inner .mkt-header-wrap{
  width:100%;
  position:sticky!important;
  top:0!important;
  z-index:90!important;
  padding:16px clamp(18px,3vw,32px) 7px!important;
  background:linear-gradient(180deg,rgba(247,249,252,.98),rgba(247,249,252,.92) 72%,rgba(247,249,252,0))!important;
}
body.marketing-inner .mkt-header-wrap .site-header{
  position:relative!important;
  top:auto!important;left:auto!important;right:auto!important;
  margin:0 auto!important;
  transform:none!important;
  width:100%!important;max-width:1280px!important;
  min-height:74px!important;
  height:auto!important;
  padding:10px 20px 10px 24px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  flex-wrap:nowrap!important;
  gap:23px!important;
  overflow:visible!important;
  background:#fff!important;
  border:1px solid #e1e6ee!important;
  border-radius:22px!important;
  box-shadow:0 7px 28px rgba(21,37,61,.06)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.marketing-inner .site-header::before,body.marketing-inner .site-header::after{display:none!important}
body.marketing-inner .site-header .brand{
  flex:0 0 auto!important;
  width:auto!important;
  padding:0!important;margin:0!important;
  box-shadow:none!important;background:transparent!important;border:0!important;
}
body.marketing-inner .site-header .brand-logo{background:none!important;border:0!important;box-shadow:none!important;padding:0!important}
body.marketing-inner .site-header .brand img{width:135px!important;height:auto!important;max-height:53px!important;object-fit:contain!important;filter:none!important}
body.marketing-inner .site-header .site-nav{
  position:relative!important;top:auto!important;left:auto!important;right:auto!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  flex:1 1 auto!important;gap:clamp(13px,1.7vw,24px)!important;
  max-width:none!important;width:auto!important;min-width:0!important;
  margin:0!important;padding:0!important;
  border:0!important;box-shadow:none!important;border-radius:0!important;
  background:transparent!important;backdrop-filter:none!important;
  opacity:1!important;visibility:visible!important;
  transform:none!important;overflow:visible!important;
}
body.marketing-inner .site-nav>a,
body.marketing-inner .site-nav .nav-products-link{
  display:inline-flex!important;align-items:center!important;
  justify-content:center!important;white-space:nowrap!important;
  flex:0 0 auto!important;
  font-size:13px!important;font-weight:650!important;
  text-transform:none!important;letter-spacing:0!important;
  padding:10px 1px!important;min-height:40px!important;
  color:#45556d!important;
  background:transparent!important;
  border:0!important;border-radius:0!important;
  box-shadow:none!important;outline-offset:3px!important;
  backdrop-filter:none!important;
}
body.marketing-inner .site-nav>a:hover,
body.marketing-inner .site-nav a.active,
body.marketing-inner .site-nav .nav-products-link:hover{color:#7048e8!important}
body.marketing-inner .site-nav .nav-products,
body.marketing-inner .site-nav .nav-products-trigger{
  position:relative!important;
  min-height:0!important;flex:0 0 auto!important;
  margin:0!important;padding:0!important;
  background:transparent!important;border:0!important;box-shadow:none!important;
}
body.marketing-inner .site-nav .nav-mega{
  position:absolute!important;left:50%!important;right:auto!important;
  top:calc(100% + 9px)!important;bottom:auto!important;
  width:285px!important;max-width:90vw!important;
  padding:12px!important;gap:3px!important;
  display:none!important;flex-direction:column!important;
  background:#fff!important;border:1px solid #e1e6ee!important;
  border-radius:18px!important;
  box-shadow:0 16px 38px rgba(21,37,61,.14)!important;
  transform:translateX(-50%)!important;
  transition:none!important;
  opacity:1!important;visibility:visible!important;
  z-index:120!important;
}
body.marketing-inner .site-nav .nav-products.open .nav-mega,
body.marketing-inner .site-nav .nav-products:hover .nav-mega,
body.marketing-inner .site-nav .nav-products:focus-within .nav-mega{display:flex!important}
body.marketing-inner .site-nav .nav-mega a{
  display:block!important;
  padding:11px 12px!important;
  min-height:38px!important;
  border-radius:11px!important;
  border:0!important;
  color:#344862!important;
  background:transparent!important;
  text-align:left!important;
  font-size:13px!important;
  font-weight:650!important;
}
body.marketing-inner .site-nav .nav-mega a:hover{background:#f4f0ff!important;color:#7048e8!important}
body.marketing-inner .site-header .header-actions{
  display:flex!important;gap:8px!important;
  flex:0 0 auto!important;
  background:transparent!important;border:0!important;box-shadow:none!important;
  margin:0!important;padding:0!important;
}
body.marketing-inner .site-header .header-actions .mkt-btn{
  min-height:42px!important;
  padding:11px 15px!important;
  line-height:1.15!important;
  font-size:12px!important;
  border-radius:13px!important;
  display:inline-flex!important;
}
body.marketing-inner .site-header .header-actions .mkt-btn--outline{
  background:#fff!important;color:#15253d!important;border:1px solid #cbd4e2!important;
}
body.marketing-inner .site-header .header-actions .mkt-btn--primary{
  background:#7048e8!important;color:#fff!important;border:1px solid #7048e8!important;
}
body.marketing-inner .site-header .menu-btn{display:none!important}

body.marketing-inner main{
  display:block!important;
  position:relative!important;
  z-index:1!important;
  width:100%!important;max-width:none!important;
  margin:0!important;padding:0!important;
  background:transparent!important;
}
body.marketing-inner .inner-main,
body.marketing-inner .category-app{
  display:block!important;
  width:min(1280px,calc(100% - 48px))!important;
  max-width:1280px!important;
  margin:0 auto!important;
  padding:24px 0 76px!important;
  overflow:visible!important;
}
body.marketing-inner .page-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr)!important;
  align-items:center!important;
  gap:clamp(24px,4vw,52px)!important;
  min-height:345px!important;
  margin:0 0 23px!important;
  padding:clamp(27px,3.7vw,55px)!important;
  border-radius:28px!important;
  background:linear-gradient(130deg,#fff,#fafaff 75%,#f5f0ff)!important;
  color:#15253d!important;
  border:1px solid #e1e6ee!important;
  box-shadow:0 12px 38px rgba(21,37,61,.055)!important;
  overflow:hidden!important;
}
body.marketing-inner .page-hero-copy{min-width:0!important;max-width:none!important;padding:0!important}
body.marketing-inner .page-hero .eyebrow,
body.marketing-inner .page-section .eyebrow,
body.marketing-inner .contact-side .eyebrow{
  display:block!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
  color:#7048e8!important;
  background:transparent!important;border:0!important;padding:0!important;margin:0 0 11px!important;
}
body.marketing-inner .page-hero h1{
  margin:8px 0 19px!important;
  max-width:690px!important;
  font-size:clamp(31px,3.65vw,49px)!important;
  font-weight:820!important;
  line-height:1.13!important;
  letter-spacing:-.046em!important;
  color:#15253d!important;
  text-shadow:none!important;
}
body.marketing-inner .page-hero-copy p{
  margin:0 0 23px!important;
  max-width:650px!important;
  font-size:15px!important;
  line-height:1.75!important;
  color:#5d6c80!important;
}
body.marketing-inner .page-hero-media{
  display:block!important;
  width:100%!important;min-width:0!important;
  height:310px!important;min-height:0!important;
  overflow:hidden!important;
  border-radius:22px!important;
  background:#edf1f8!important;
  border:1px solid #e1e6ee!important;
  box-shadow:none!important;
}
body.marketing-inner .page-hero-media img{
  display:block!important;position:static!important;
  width:100%!important;height:100%!important;
  max-width:100%!important;object-fit:cover!important;
  filter:none!important;transform:none!important;
}
body.marketing-inner .page-hero-media img.technical{object-fit:contain!important;padding:30px!important;background:#f0f2fb!important}
body.marketing-inner .page-section{
  display:block!important;
  max-width:none!important;
  width:100%!important;
  padding:clamp(25px,3.5vw,48px)!important;
  margin:0 0 23px!important;
  border:1px solid #e1e6ee!important;
  border-radius:27px!important;
  background:#fff!important;
  box-shadow:0 9px 32px rgba(21,37,61,.048)!important;
  overflow:visible!important;
}
body.marketing-inner .section-head{
  display:flex!important;
  align-items:end!important;
  justify-content:space-between!important;
  gap:24px!important;
  margin:0 0 28px!important;
  padding:0!important;
  color:#15253d!important;
}
body.marketing-inner .section-head>div{min-width:0!important;max-width:730px!important}
body.marketing-inner .section-head small{color:#7048e8!important;font-size:11px!important;font-weight:800!important;letter-spacing:.1em!important;text-transform:uppercase!important}
body.marketing-inner .section-head h2,
body.marketing-inner .page-section h2{
  font-size:clamp(25px,2.8vw,36px)!important;
  line-height:1.22!important;
  font-weight:790!important;
  letter-spacing:-.03em!important;
  color:#15253d!important;
  margin:9px 0 12px!important;
  text-shadow:none!important;
}
body.marketing-inner .section-head p{font-size:14px!important;line-height:1.7!important;color:#607086!important;margin:0!important;max-width:430px!important}
body.marketing-inner h3{color:#1b2c44!important;text-shadow:none!important}
body.marketing-inner p{overflow-wrap:anywhere}
body.marketing-inner .chapter-grid,
body.marketing-inner .grouped-product-grid,
body.marketing-inner .company-grid,
body.marketing-inner .service-grid,
body.marketing-inner .contracts,
body.marketing-inner .category-sections{
  gap:18px!important;
  align-items:stretch!important;
}
body.marketing-inner .chapter-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
body.marketing-inner .grouped-product-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
body.marketing-inner .chapter,
body.marketing-inner .grouped-product-card,
body.marketing-inner .story-row,
body.marketing-inner .contact-card,
body.marketing-inner .product-item,
body.marketing-inner .contract,
body.marketing-inner .service-accordion>article{
  min-width:0!important;
  background:#fff!important;
  color:#15253d!important;
  border:1px solid #e1e6ee!important;
  border-radius:21px!important;
  box-shadow:0 6px 23px rgba(21,37,61,.045)!important;
  overflow:hidden!important;
}
body.marketing-inner .chapter{padding:0!important;display:flex!important;flex-direction:column!important;gap:0!important}
body.marketing-inner .chapter-media{
  height:230px!important;min-height:0!important;
  background:#f1f4fa!important;border-radius:0!important;overflow:hidden!important;
}
body.marketing-inner .chapter-media img{width:100%!important;height:100%!important;object-fit:cover!important;filter:none!important}
body.marketing-inner .chapter-copy{padding:23px 24px 26px!important;display:block!important}
body.marketing-inner .chapter-copy small{font-size:10px!important;letter-spacing:.1em!important;color:#7048e8!important;font-weight:800!important}
body.marketing-inner .chapter-copy h3{font-size:20px!important;line-height:1.35!important;margin:10px 0!important;letter-spacing:-.02em!important}
body.marketing-inner .chapter-copy p,
body.marketing-inner .grouped-product-copy p{color:#5d6c80!important;font-size:13px!important;line-height:1.65!important}
body.marketing-inner .tag-row{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:17px 0!important}
body.marketing-inner .tag-row span,
body.marketing-inner .check-list span,
body.marketing-inner .category-services>span,
body.marketing-inner .offer-panel>span{
  color:#455a73!important;
  background:#f4f1fe!important;
  border:1px solid #e6dfff!important;
  padding:7px 10px!important;
  border-radius:999px!important;
  font-size:11px!important;
  line-height:1.3!important;
  display:inline-block!important;
  margin:3px!important;
}
body.marketing-inner .text-link{color:#7048e8!important;font-weight:780!important;font-size:13px!important;background:none!important;border:0!important;box-shadow:none!important}
body.marketing-inner .grouped-product-card{padding:25px!important}
body.marketing-inner .grouped-product-copy h3{font-size:19px!important;margin:0 0 10px!important;line-height:1.32!important}
body.marketing-inner .check-list{display:flex!important;flex-wrap:wrap!important;gap:4px!important;margin-top:13px!important}
body.marketing-inner .check-list span{border-radius:10px!important}
body.marketing-inner .company-story{display:grid!important;gap:12px!important}
body.marketing-inner .story-row{display:grid!important;grid-template-columns:45px minmax(120px,180px) minmax(0,1fr)!important;align-items:center!important;gap:16px!important;padding:20px 23px!important}
body.marketing-inner .story-row>span{display:grid!important;place-items:center!important;background:#efeaff!important;color:#7048e8!important;border-radius:11px!important;width:40px!important;height:40px!important;font-size:13px!important;font-weight:850!important}
body.marketing-inner .story-row h3{font-size:17px!important;margin:0!important}
body.marketing-inner .story-row p{font-size:13px!important;color:#5d6c80!important;margin:0!important}
body.marketing-inner .btn,body.marketing-inner .primary-action{
  display:inline-flex!important;
  align-items:center!important;justify-content:center!important;
  min-height:47px!important;
  padding:12px 21px!important;
  border-radius:14px!important;
  font-size:13px!important;font-weight:770!important;
  line-height:1.3!important;text-decoration:none!important;
  border:1px solid transparent!important;
  box-shadow:none!important;
}
body.marketing-inner .btn-primary,body.marketing-inner .btn-dark,body.marketing-inner .primary-action{
  color:#fff!important;background:#7048e8!important;border-color:#7048e8!important;
}
body.marketing-inner .btn:hover,body.marketing-inner .primary-action:hover{filter:brightness(.95)!important;transform:translateY(-1px)!important}
body.marketing-inner .cta{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:25px!important;
  background:linear-gradient(120deg,#f4efff,#edf2fe)!important;
  border:1px solid #e1d9ff!important;
  border-radius:27px!important;
  padding:clamp(26px,4vw,48px)!important;
  margin:0 0 24px!important;
  box-shadow:none!important;
}
body.marketing-inner .cta h2{font-size:clamp(23px,2.8vw,34px)!important;font-weight:800!important;color:#15253d!important;margin:0!important;letter-spacing:-.035em!important;line-height:1.2!important}
body.marketing-inner .cta p{color:#516783!important;font-size:14px!important;margin:0 0 12px!important}
body.marketing-inner .cta-actions{display:flex!important;gap:10px!important}
body.marketing-inner .directory{display:grid!important;grid-template-columns:260px minmax(0,1fr)!important;align-items:start!important;gap:18px!important}
body.marketing-inner .directory-nav{
  position:sticky!important;top:103px!important;
  display:flex!important;flex-direction:column!important;gap:7px!important;
  min-width:0!important;
  padding:15px!important;
  border:1px solid #e1e6ee!important;border-radius:19px!important;
  background:#f8f9fe!important;box-shadow:none!important;
}
body.marketing-inner .directory-nav button,
body.marketing-inner .directory-nav a{
  display:block!important;min-width:0!important;
  border:0!important;border-radius:12px!important;
  color:#41516a!important;background:transparent!important;
  padding:11px 12px!important;font-size:12px!important;font-weight:700!important;text-align:left!important;
}
body.marketing-inner .directory-nav button.active,
body.marketing-inner .directory-nav button:hover,
body.marketing-inner .directory-nav a:hover{background:#ebe4ff!important;color:#5630c6!important}
body.marketing-inner .directory-content,
body.marketing-inner #directoryContent{min-width:0!important}
body.marketing-inner .product-items{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
body.marketing-inner .product-item{display:flex!important;align-items:flex-start!important;gap:14px!important;padding:17px!important}
body.marketing-inner .product-item img{max-width:115px!important;width:32%!important;object-fit:contain!important;border-radius:12px!important}
body.marketing-inner .service-accordion{display:grid!important;gap:11px!important}
body.marketing-inner .service-accordion>article{padding:18px!important}
body.marketing-inner .service-accordion button{
  color:#7048e8!important;background:#f1ebff!important;
  border:0!important;border-radius:10px!important;
}
body.marketing-inner .category-hero{
  display:grid!important;grid-template-columns:1fr 1fr!important;gap:25px!important;
  padding:clamp(27px,4vw,45px)!important;
  margin:0 0 20px!important;
  background:linear-gradient(130deg,#fff,#f4f0ff)!important;
  border:1px solid #e1e6ee!important;border-radius:28px!important;
  box-shadow:0 10px 35px rgba(21,37,61,.055)!important;
  color:#15253d!important;
}
body.marketing-inner .category-hero-copy{padding:0!important}
body.marketing-inner .category-hero h1{
  font-size:clamp(32px,3.4vw,48px)!important;line-height:1.14!important;
  color:#15253d!important;font-weight:800!important;letter-spacing:-.04em!important;
}
body.marketing-inner .category-hero p{color:#5d6c80!important;font-size:14px!important;line-height:1.72!important}
body.marketing-inner .category-hero img{height:310px!important;width:100%!important;object-fit:contain!important;border-radius:20px!important;background:#eef1f9!important;padding:16px!important}
body.marketing-inner .category-sections{display:grid!important;grid-template-columns:1fr 2fr!important;gap:18px!important}
body.marketing-inner .offer-panel,
body.marketing-inner .category-products,
body.marketing-inner .category-services{
  min-width:0!important;padding:25px!important;
  border:1px solid #e1e6ee!important;border-radius:22px!important;
  background:#fff!important;box-shadow:0 9px 25px rgba(21,37,61,.045)!important;
}
body.marketing-inner .category-products{grid-row:span 2!important}
body.marketing-inner .category-products h2,body.marketing-inner .offer-panel h2,body.marketing-inner .category-services h2{
  font-size:22px!important;margin:0 0 17px!important;color:#15253d!important;
}
body.marketing-inner .category-products .product-item{margin-bottom:10px!important}
body.marketing-inner .contact-layout{display:grid!important;grid-template-columns:minmax(0,1.55fr) minmax(270px,.85fr)!important;gap:20px!important;align-items:start!important}
body.marketing-inner .contact-card{
  padding:clamp(24px,3vw,37px)!important;
  background:#fff!important;border:1px solid #e1e6ee!important;
  box-shadow:none!important;
}
body.marketing-inner .contact-form{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:17px!important}
body.marketing-inner .contact-form label{display:grid!important;gap:6px!important;color:#344860!important;font-weight:700!important;font-size:12px!important}
body.marketing-inner .contact-form .full{grid-column:1/-1!important}
body.marketing-inner .contact-form input:not([type=checkbox]),
body.marketing-inner .contact-form select,
body.marketing-inner .contact-form textarea{
  width:100%!important;min-width:0!important;
  background:#fff!important;color:#17283b!important;
  border:1px solid #cbd4e0!important;border-radius:13px!important;
  box-shadow:none!important;
  padding:13px 14px!important;font-size:14px!important;line-height:1.5!important;
}
body.marketing-inner .contact-form textarea{min-height:145px!important}
body.marketing-inner .contact-form input:focus,
body.marketing-inner .contact-form textarea:focus,
body.marketing-inner .contact-form select:focus{outline:2px solid #7048e8!important;outline-offset:2px!important}
body.marketing-inner .contact-form .consent-row{display:flex!important;align-items:start!important;gap:10px!important;font-size:12px!important;line-height:1.6!important}
body.marketing-inner .contact-form .consent-row input{width:18px!important;height:18px!important;min-width:18px!important;margin:2px 0 0!important}
body.marketing-inner .contact-form .hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important}
body.marketing-inner .contact-form .form-status{color:#475d78!important;font-size:13px!important}
body.marketing-inner .contact-side{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:12px!important}
body.marketing-inner .contact-side h2{font-size:23px!important;margin:0 0 6px!important}
body.marketing-inner .contact-side>a{color:#7048e8!important;font-size:13px!important}
body.marketing-inner .contact-side>span{font-size:13px!important;color:#475b75!important}
body.marketing-inner .contact-tip{
  background:#f4f6fb!important;border:1px solid #e2e7ef!important;
  border-radius:16px!important;padding:18px!important;margin-top:8px!important;
}
body.marketing-inner .contact-tip p{font-size:12px!important;line-height:1.7!important;color:#5d6c80!important}
body.marketing-inner .mkt-footer{position:relative!important;margin:0!important;width:100%!important;max-width:none!important;min-height:0!important;border-radius:0!important;box-shadow:none!important}
body.marketing-inner .mkt-footer .mkt-logo{width:150px!important;height:auto!important;filter:brightness(0) invert(1)!important}
body.marketing-inner .mkt-footer .mkt-footer-links span{font-size:13px;color:#c2cee0;line-height:1.55}
body.marketing-inner .mkt-footer .mkt-footer-contact-text span{cursor:default!important}
body.marketing-inner .site-route-loader{z-index:1000!important}

/* Larger screens: compact nav while preserving correct menu hooks. */
@media(max-width:1170px){
 body.marketing-inner .mkt-header-wrap .site-header{gap:12px!important;padding-inline:15px!important}
 body.marketing-inner .site-header .brand img{width:112px!important}
 body.marketing-inner .site-header .site-nav{gap:11px!important}
 body.marketing-inner .site-header .header-actions .mkt-portal-link{display:none!important}
}
@media(max-width:1100px){
 body.marketing-inner .mkt-header-wrap{padding:10px 16px 7px!important}
 body.marketing-inner .mkt-header-wrap .site-header{min-height:64px!important;border-radius:18px!important}
 body.marketing-inner .site-header .brand img{width:125px!important}
 body.marketing-inner .site-header .menu-btn{
   display:inline-flex!important;position:static!important;order:3!important;
   flex:0 0 44px!important;width:44px!important;height:44px!important;
   margin:0!important;padding:10px!important;
   background:#fff!important;color:#15253d!important;
   border:1px solid #e1e6ee!important;border-radius:12px!important;
   align-items:center!important;justify-content:center!important;
   transform:none!important;z-index:5!important;
 }
 body.marketing-inner .site-header .header-actions{order:2!important;margin-left:auto!important}
 body.marketing-inner .site-header .header-actions .mkt-header-enquiry{min-height:42px!important}
 body.marketing-inner .site-nav{
   position:fixed!important;
   top:83px!important;right:16px!important;left:auto!important;
   width:min(380px,calc(100vw - 32px))!important;
   max-width:calc(100vw - 32px)!important;
   height:auto!important;max-height:calc(100dvh - 105px)!important;
   display:none!important;flex-direction:column!important;align-items:stretch!important;
   justify-content:flex-start!important;
   gap:3px!important;
   overflow-y:auto!important;
   padding:14px!important;margin:0!important;
   border:1px solid #e1e6ee!important;border-radius:18px!important;
   background:#fff!important;box-shadow:0 18px 42px rgba(21,37,61,.17)!important;
   z-index:95!important;
   transform:none!important;opacity:1!important;visibility:visible!important;
 }
 body.marketing-inner .site-nav.open{display:flex!important}
 body.marketing-inner .site-nav>a,
 body.marketing-inner .site-nav .nav-products-link{
   display:flex!important;justify-content:flex-start!important;width:100%!important;
   padding:11px 13px!important;border-radius:10px!important;
   font-size:14px!important;text-align:left!important;
 }
 body.marketing-inner .site-nav>a:hover,
 body.marketing-inner .site-nav a.active{background:#f4f0ff!important}
 body.marketing-inner .site-nav .nav-products{width:100%!important}
 body.marketing-inner .site-nav .nav-mega,
 body.marketing-inner .site-nav .nav-products:hover .nav-mega{
   display:none!important;position:static!important;left:auto!important;
   width:100%!important;max-width:none!important;
   transform:none!important;
   padding:4px 3px 6px 13px!important;margin:0!important;
   border:0!important;box-shadow:none!important;
 }
 body.marketing-inner .site-nav .nav-products.open .nav-mega{display:flex!important}
 body.marketing-inner .site-nav .nav-mega a{padding:10px!important}
 body.marketing-inner .inner-main,body.marketing-inner .category-app{width:calc(100% - 36px)!important;padding-top:19px!important}
 body.marketing-inner .page-hero{min-height:0!important}
 body.marketing-inner .directory{grid-template-columns:1fr!important}
 body.marketing-inner .directory-nav{position:static!important;flex-direction:row!important;overflow:auto!important;padding:10px!important}
 body.marketing-inner .directory-nav button{flex:0 0 auto!important;white-space:nowrap!important}
}
@media(max-width:760px){
 body.marketing-inner .mkt-header-wrap .site-header{padding:8px 11px!important}
 body.marketing-inner .inner-main,body.marketing-inner .category-app{width:calc(100% - 28px)!important;padding:16px 0 48px!important}
 body.marketing-inner .page-hero{grid-template-columns:1fr!important;gap:22px!important;padding:26px!important}
 body.marketing-inner .page-hero h1{font-size:clamp(28px,6.2vw,38px)!important}
 body.marketing-inner .page-hero-media{height:240px!important}
 body.marketing-inner .page-section{padding:25px!important}
 body.marketing-inner .section-head{flex-direction:column!important;align-items:start!important;gap:11px!important}
 body.marketing-inner .chapter-grid,body.marketing-inner .grouped-product-grid{grid-template-columns:1fr!important}
 body.marketing-inner .category-hero{grid-template-columns:1fr!important}
 body.marketing-inner .category-hero img{height:210px!important}
 body.marketing-inner .category-sections{grid-template-columns:1fr!important}
 body.marketing-inner .category-products{grid-row:auto!important}
 body.marketing-inner .cta{grid-template-columns:1fr!important}
 body.marketing-inner .contact-layout{grid-template-columns:1fr!important}
 body.marketing-inner .story-row{grid-template-columns:43px 1fr!important}
 body.marketing-inner .story-row p{grid-column:2!important}
}
@media(max-width:480px){
 body.marketing-inner .mkt-header-wrap{padding:9px 12px 5px!important}
 body.marketing-inner .site-header .header-actions .mkt-header-enquiry{display:none!important}
 body.marketing-inner .site-nav{right:12px!important;width:calc(100vw - 24px)!important}
 body.marketing-inner .page-hero{padding:23px!important;border-radius:23px!important}
 body.marketing-inner .page-hero-media{height:185px!important}
 body.marketing-inner .page-section{padding:20px!important;border-radius:22px!important}
 body.marketing-inner .chapter-copy{padding:18px 20px 22px!important}
 body.marketing-inner .product-items{grid-template-columns:1fr!important}
 body.marketing-inner .contact-form{grid-template-columns:1fr!important}
 body.marketing-inner .contact-form .full{grid-column:auto!important}
 body.marketing-inner .mkt-footer-grid{grid-template-columns:1fr!important}
 body.marketing-inner .cta{padding:23px!important}
}
@media(prefers-reduced-motion:reduce){
 body.marketing-inner .btn:hover{transform:none!important}
}