#sx-blue{--blue:#006cff;--ink:#050a2f;width:100%;max-width:1600px;margin:0 auto;background:white;color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.4;font-size:16px;container-type:inline-size;container-name:spvc}
#sx-blue *,#sx-blue *:before,#sx-blue *:after{box-sizing:border-box}
#sx-blue h1,#sx-blue h2,#sx-blue h3,#sx-blue p{margin:0;font-family:inherit;color:inherit}
#sx-blue a{color:inherit;text-decoration:none}
#sx-blue .sx-nav{height:clamp(60px,5.52cqw,88px);padding:0 4.6%;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fafcfe}
#sx-blue .sx-logo{font-size:clamp(25px,2.67cqw,42px);font-weight:800;letter-spacing:-1.6px;white-space:nowrap}
#sx-blue .sx-logo span,#sx-blue .sx-nav-end b{color:var(--blue)}
#sx-blue .sx-nav nav{display:flex;gap:clamp(18px,2.7cqw,43px);font-size:clamp(12px,1.22cqw,19px)}
#sx-blue .sx-nav-end{display:flex;align-items:center;gap:clamp(20px,2.8cqw,44px);font-size:clamp(12px,1.2cqw,18px);white-space:nowrap}
#sx-blue .sx-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:clamp(48px,4.8cqw,76px);padding:12px 26px;border:1px solid var(--blue);border-radius:5px;background:var(--blue);color:white;font:600 clamp(14px,1.48cqw,23px)/1.2 Arial,Helvetica,sans-serif;text-decoration:none;box-shadow:none;white-space:nowrap;letter-spacing:0}
#sx-blue .sx-button span{font-size:1.7em;font-weight:400;line-height:.8}
#sx-blue .sx-nav .sx-button{min-height:clamp(36px,3.4cqw,54px);font-size:clamp(12px,1.2cqw,18px);padding:10px 22px}
#sx-blue .sx-button:hover{background:#0059dc}
#sx-blue .sx-photo{background-image:var(--ref);background-repeat:no-repeat;background-color:#eef4fa}
#sx-blue .sx-hero{position:relative;height:min(39.04cqw,625px);background:linear-gradient(115deg,#e4f0fa,#f8fbfe 50%,#edf4f9)}
#sx-blue .sx-hero-photo{position:absolute;right:0;top:0;width:54.88%;height:100%;aspect-ratio:auto!important}
#sx-blue .sx-hero-photo:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f4f9fd 0,rgba(244,249,253,.4) 6%,transparent 17%)}
#sx-blue .sx-hero-copy{position:relative;z-index:1;padding:6.3% 0 0 4.6%;width:52%}
#sx-blue .sx-eyebrow{font-size:clamp(10px,1.02cqw,16px);font-weight:500;letter-spacing:3.4px;color:#307ae0}
#sx-blue h1{font-size:clamp(38px,4.45cqw,71px);font-weight:800;line-height:1.07;letter-spacing:-1.8px;margin:17px 0 15px}
#sx-blue .sx-lead{font-size:clamp(18px,1.91cqw,30px);line-height:1.35;color:#21385a}
#sx-blue .sx-actions{display:flex;gap:16px;margin-top:30px}
#sx-blue .sx-outline{color:var(--blue);background:rgba(255,255,255,.28);border-color:#548fff}
#sx-blue .sx-outline:hover{background:#eaf3ff}
#sx-blue .sx-products{padding:1.55% 3.2% 1.85%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.55%}
#sx-blue .sx-card{overflow:hidden;border-radius:4px;background:#f2f7fd}
#sx-blue .sx-card-label{min-height:clamp(54px,4.96cqw,79px);padding:12px 8%;display:flex;align-items:center;justify-content:space-between}
#sx-blue .sx-card h2{font-size:clamp(15px,1.66cqw,26px);font-weight:700;letter-spacing:-.5px}
#sx-blue .sx-card-label>span{font-size:26px;font-weight:300;line-height:1}
#sx-blue .sx-card:hover{box-shadow:0 4px 18px #18335120}
#sx-blue .sx-process{position:relative;min-height:clamp(434px,39.96cqw,639px);background:linear-gradient(115deg,#0e2744,#08213d);color:white;padding:5.5% 4.6% 4%}
#sx-blue .sx-process-copy{width:37%;position:relative;z-index:1}
#sx-blue .sx-process .sx-eyebrow{color:#a5cff8}
#sx-blue .sx-process h2{font-size:clamp(34px,4.05cqw,64px);line-height:1.12;letter-spacing:-1.1px;font-weight:750;margin:16px 0 17px}
#sx-blue .sx-process-copy>p:not(.sx-eyebrow){font-size:clamp(15px,1.49cqw,24px);line-height:1.5;color:#dce8f9}
#sx-blue .sx-process-copy>.sx-button{margin-top:29px;font-size:clamp(13px,1.35cqw,21px);padding:12px 23px}
#sx-blue .sx-process-visual{position:absolute;top:5.76%;right:0;width:60%}
#sx-blue .sx-workshop{border-radius:5px 0 0 5px}
#sx-blue .sx-steps{display:flex;position:absolute;left:32%;right:3.1%;bottom:10%;align-items:flex-start;justify-content:space-between;gap:13px}
#sx-blue .sx-step{display:flex;align-items:flex-start;gap:14px}
#sx-blue .sx-icon{width:clamp(44px,5.15cqw,82px);height:clamp(44px,5.15cqw,82px);border:1.5px solid #d3e7ff;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#f1f7ff;line-height:1}
#sx-blue .sx-icon svg{width:55%;height:55%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#sx-blue .sx-step h3{font-size:clamp(11px,1.2cqw,19px);line-height:1.3;font-weight:700;margin:8px 0 6px;white-space:nowrap}
#sx-blue .sx-step p{font-size:clamp(10px,1.02cqw,16px);line-height:1.6;color:#c8d9ee}
#sx-blue .sx-step-arrow{font-size:29px;font-weight:300;color:#b9d6f5;margin-top:10px}
#sx-blue .sx-enquiry{display:grid;grid-template-columns:41% 1fr;gap:3%;padding:3.6% 3.9% 6.1% 4.6%;background:linear-gradient(120deg,#fbfdff,#f8fbff)}
#sx-blue .sx-enquiry-copy{padding-top:1.3%}
#sx-blue .sx-enquiry .sx-eyebrow{color:#234b84}
#sx-blue .sx-enquiry h2{font-size:clamp(28px,3.14cqw,50px);font-weight:800;letter-spacing:-1.4px;line-height:1.15;margin:12px 0 15px;white-space:nowrap}
#sx-blue .sx-enquiry-copy>p:last-child{font-size:clamp(11px,1.16cqw,18px);color:#233d62;white-space:nowrap}
#sx-blue .sx-fields{display:grid;grid-template-columns:1.2fr 1fr 1.12fr;gap:16px}
#sx-blue .sx-fields label{display:block;color:#102440;font:600 clamp(11px,1.1cqw,17px)/1.4 Arial,Helvetica,sans-serif;text-transform:none;letter-spacing:0}
#sx-blue .sx-fields input,#sx-blue .sx-fields select{width:100%;height:clamp(42px,3.9cqw,62px);border:1px solid #d2deed;border-radius:4px;background:#fbfcff;color:#405e88;padding:8px 14px;margin:4px 0 0;font:400 clamp(11px,1.1cqw,17px)/1.3 Arial,Helvetica,sans-serif}
#sx-blue .sx-fields input::placeholder{color:#7d98bc}
#sx-blue .sx-form>.sx-button{width:100%;margin-top:16px;min-height:clamp(49px,4.5cqw,72px);opacity:1;cursor:default}
#sx-blue .sx-preview-note{font-size:12px;text-align:center;padding:12px 16px;background:#eff5fc;color:#526987}
#sx-blue a:focus-visible,#sx-blue input:focus-visible,#sx-blue select:focus-visible{outline:3px solid #f0b844;outline-offset:3px}
@media(min-width:1600px){#sx-blue .sx-hero-copy{padding-top:100px}}
@media(max-width:1080px){#sx-blue .sx-nav{height:auto;min-height:65px;flex-wrap:wrap;padding:14px 5%;gap:14px}#sx-blue .sx-nav nav{order:3;width:100%;justify-content:space-between}#sx-blue .sx-nav-end{gap:15px}#sx-blue .sx-hero{height:auto;min-height:650px}#sx-blue .sx-hero-copy{width:100%;padding:35px 5%}#sx-blue h1{font-size:clamp(35px,6cqw,48px)}#sx-blue .sx-hero-photo{top:auto;bottom:0;width:75%;height:auto;aspect-ratio:596/424!important}#sx-blue .sx-hero-copy{z-index:2}#sx-blue .sx-hero-photo:before{display:none}#sx-blue .sx-actions{margin-top:22px}#sx-blue .sx-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px 5%}#sx-blue .sx-process{padding:40px 5%;min-height:0}#sx-blue .sx-process-copy{width:100%}#sx-blue .sx-process-visual{position:static;width:100%;margin-top:28px}#sx-blue .sx-workshop{border-radius:5px}#sx-blue .sx-steps{position:static;margin-top:25px;gap:20px}#sx-blue .sx-step{display:block}#sx-blue .sx-step h3{white-space:normal;font-size:13px}#sx-blue .sx-step p{font-size:12px}#sx-blue .sx-step-arrow{display:none}#sx-blue .sx-enquiry{display:block;padding:35px 5%}#sx-blue .sx-form{margin-top:24px}#sx-blue .sx-enquiry h2{white-space:normal}#sx-blue .sx-enquiry-copy>p:last-child{white-space:normal;font-size:13px}}
@media(max-width:480px){#sx-blue .sx-nav-end>span{display:none}#sx-blue .sx-logo{font-size:25px}#sx-blue .sx-nav .sx-button{padding:10px 13px;font-size:11px}#sx-blue .sx-hero{min-height:580px}#sx-blue .sx-hero-photo{width:100%}#sx-blue h1{font-size:34px;letter-spacing:-1.3px}#sx-blue .sx-eyebrow{letter-spacing:2px}#sx-blue .sx-actions{gap:10px}#sx-blue .sx-button{padding:12px 16px;font-size:12px;gap:10px}#sx-blue .sx-lead{font-size:17px}#sx-blue .sx-card h2{font-size:14px}#sx-blue .sx-card-label{padding:12px 10px}#sx-blue .sx-process h2{font-size:34px}#sx-blue .sx-fields{grid-template-columns:1fr;gap:12px}#sx-blue .sx-fields label{font-size:12px}#sx-blue .sx-fields input,#sx-blue .sx-fields select{font-size:13px}#sx-blue .sx-steps{gap:12px}#sx-blue .sx-icon{width:44px;height:44px}#sx-blue .sx-step h3{font-size:12px}}

@media(min-width:1081px){#sx-blue .sx-nav{position:relative;padding-right:3.5%}#sx-blue .sx-nav nav{position:absolute;left:27.15%}#sx-blue h1{margin-bottom:10px}#sx-blue .sx-actions{margin-top:27px}#sx-blue .sx-actions .sx-button{width:18.3cqw;max-width:293px;min-width:0;padding:12px 18px;gap:14px}#sx-blue .sx-enquiry{grid-template-columns:40% 1fr}#sx-blue .sx-enquiry h2{font-size:clamp(28px,3.3cqw,52px)}}

body.spvc-blue-theme{--ink:#0a203e;--ink-2:#43607d;--plum:#006cff;--plum-dark:#0b2440;--coral:#006cff;--coral-dark:#0055c8;--cream:#eef5fc;--paper:#fff;--mint:#d8ebff;--radius:6px;background:#fff;color:#0a203e;font-family:Arial,Helvetica,sans-serif}
#sx-blue .sx-custom-logo img{max-width:210px;max-height:54px;width:auto;height:auto}
#sx-blue .sx-menu{list-style:none;display:flex;gap:24px;padding:0;margin:0}
#sx-blue .sx-menu li{position:relative}
#sx-blue .sx-menu .sub-menu{display:none;position:absolute;top:100%;left:0;width:220px;background:#fff;padding:16px;list-style:none;box-shadow:0 6px 24px #102a441c;z-index:20}
#sx-blue .sx-menu li:hover>.sub-menu,#sx-blue .sx-menu li:focus-within>.sub-menu{display:block}
#sx-blue .sx-menu .sub-menu a{display:block;padding:9px 0}
#sx-blue .sx-replacement{overflow:hidden;aspect-ratio:242/208}
#sx-blue .sx-replacement img{display:block;width:100%;height:100%;object-fit:cover}
#sx-blue .sx-replacement.sx-workshop{aspect-ratio:652/269}
#sx-blue .sx-form-help{font-size:12px;color:#536985;margin-top:9px}
#sx-blue .sx-concept-note{font-size:12px;color:#617389;padding:12px 5%;text-align:center;background:#f7faff}
#sx-blue .sx-footer{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:35px;background:#0b2440;color:#e8f2ff;padding:40px 5%}
#sx-blue .sx-footer .sx-logo{font-size:28px}
#sx-blue .sx-footer nav,#sx-blue .sx-footer>div:last-child{display:flex;flex-direction:column;gap:10px}
#sx-blue .sx-footer p,#sx-blue .sx-footer small{font-size:13px;color:#b3c9e2;margin-top:12px}
#sx-blue .sx-page-hero{padding:64px 5%;background:linear-gradient(120deg,#e8f2fc,#f8fbff);border-bottom:1px solid #e0e9f3}
#sx-blue .sx-page-hero h1{max-width:1000px;font-size:clamp(32px,4cqw,58px);line-height:1.12;letter-spacing:-1.3px;margin:12px 0}
#sx-blue .sx-page-hero p{max-width:800px;color:#43607d}
#sx-blue .sx-breadcrumb{display:flex;gap:10px;font-size:13px;color:#486588}
#sx-blue .sx-content-wrap{max-width:1280px;margin:0 auto;padding:50px 5%}
#sx-blue .sx-prose{font-size:17px;line-height:1.8;overflow-wrap:anywhere}
#sx-blue .sx-prose>h1{font-size:40px}
#sx-blue .sx-prose h2{font-size:30px;line-height:1.25;margin:32px 0 16px;letter-spacing:-.6px}
#sx-blue .sx-prose h3{font-size:23px;line-height:1.3;margin:26px 0 12px}
#sx-blue .sx-prose p,#sx-blue .sx-prose ul,#sx-blue .sx-prose ol{margin:0 0 20px}
#sx-blue .sx-prose a{color:#0064e8;text-decoration:underline;text-underline-offset:3px}
#sx-blue .sx-prose img,#sx-blue .sx-prose video{max-width:100%;height:auto;border-radius:5px}
#sx-blue .sx-prose iframe{max-width:100%}
#sx-blue .sx-prose blockquote{margin:26px 0;padding:16px 22px;border-left:4px solid #006cff;background:#f0f6fd}
#sx-blue .sx-prose table{display:block;overflow-x:auto;border-collapse:collapse;max-width:100%}
#sx-blue .sx-prose td,#sx-blue .sx-prose th{padding:12px;border:1px solid #dbe4ef}
#sx-blue .sx-article-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:50px}
#sx-blue .sx-sidebar{align-self:start;background:#eef5fc;border:1px solid #dce8f5;border-radius:6px;padding:24px}
#sx-blue .sx-sidebar h2{font-size:23px;margin-bottom:12px}
#sx-blue .sx-sidebar p{font-size:14px;margin-bottom:18px;color:#47617d}
#sx-blue .sx-sidebar .sx-button{font-size:14px;min-height:44px;padding:12px 18px;width:100%}
#sx-blue .sx-meta{font-size:13px;color:#5c718a;margin-top:14px}
#sx-blue .sx-featured{display:block;max-width:100%;height:auto;border-radius:6px;margin-bottom:28px}
#sx-blue .sx-archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
#sx-blue .sx-article-card{border:1px solid #dce6f1;border-radius:6px;overflow:hidden;background:#fff}
#sx-blue .sx-card-thumb{display:block;aspect-ratio:16/10;background:#e7f0fb}
#sx-blue .sx-card-thumb img{display:block;width:100%;height:100%;object-fit:cover}
#sx-blue .sx-article-copy{padding:22px}
#sx-blue .sx-article-copy h2{font-size:23px;line-height:1.25;margin:10px 0}
#sx-blue .sx-article-copy p{font-size:15px;color:#526b87;margin:0 0 18px}
#sx-blue .sx-article-copy>a{color:#006cff;font-weight:600}
#sx-blue .pagination,#sx-blue .post-navigation{margin:34px 0}
#sx-blue .nav-links{display:flex;gap:16px;flex-wrap:wrap;justify-content:space-between}
#sx-blue .page-numbers{padding:8px 13px;border:1px solid #d5e2f1;border-radius:4px}
#sx-blue .page-numbers.current{background:#006cff;color:white}
#sx-blue .sx-search{display:flex;gap:12px;max-width:640px;margin:24px 0}
#sx-blue .sx-search input{flex:1;min-width:0;border:1px solid #cddceb;border-radius:4px;padding:12px 16px;font:inherit}
#sx-blue .sx-search button{font-size:15px;min-height:45px}
#sx-blue .case-archive-hero,#sx-blue .case-single-hero{background:#edf5fe;color:#0a203e}
#sx-blue .case-archive-hero h1,#sx-blue .case-single-hero h1{color:#081d3c;font-family:Arial,Helvetica,sans-serif}
#sx-blue .case-archive-hero em{color:#006cff;font-style:normal}
#sx-blue .case-library,#sx-blue .case-slider-section{background:#fff}
#sx-blue .case-card,#sx-blue .case-story{background:#f4f8fd;border-color:#dae5f2;color:#102b49}
#sx-blue .case-archive-cta{background:#0b2440;color:white}
#sx-blue .case-archive-cta h2,#sx-blue .case-archive-cta p{color:white}
#sx-blue .button{background:#006cff;color:white;border-radius:5px;border-color:#006cff}
@media(max-width:1080px){#sx-blue .sx-footer{grid-template-columns:1fr 1fr}#sx-blue .sx-footer>div:first-child{grid-column:1/-1}#sx-blue .sx-article-grid{grid-template-columns:1fr}#sx-blue .sx-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#sx-blue .sx-menu{flex-wrap:wrap;gap:14px}#sx-blue .sx-menu .sub-menu{position:static;box-shadow:none;width:auto}#sx-blue .sx-page-hero{padding:40px 5%}}
@media(max-width:540px){#sx-blue .sx-archive-grid,#sx-blue .sx-footer{grid-template-columns:1fr}#sx-blue .sx-content-wrap{padding:32px 5%}#sx-blue .sx-prose{font-size:16px}#sx-blue .sx-custom-logo img{max-width:145px}}


/* Keep intrinsic content inside its column without hiding horizontal overflow. */
#sx-blue :is(main,section,article,aside,form,figure,.sx-nav nav,.sx-nav-end,.sx-menu,.sx-fields label,.sx-prose,.sx-sidebar,.sx-article-copy){min-width:0}
#sx-blue :is(.sx-prose,.sx-article-copy,.sx-sidebar,.sx-footer,.sx-breadcrumb,.case-story,.case-card-copy){overflow-wrap:anywhere}
#sx-blue :is(input,select,textarea){min-width:0;max-width:100%;font-size:clamp(16px,1.1cqw,17px)}
#sx-blue :is(img,video,canvas,svg){max-width:100%}
#sx-blue :is(.sx-prose,.case-content) :is(img,video){height:auto}
#sx-blue :is(.sx-prose,.case-content) :is(figure,.wp-block-image){max-width:100%;margin-inline:0}
#sx-blue :is(.sx-prose,.case-content) :is(iframe,embed,object){max-width:100%!important}
#sx-blue :is(.sx-prose,.case-content) iframe[src*="youtube"],#sx-blue :is(.sx-prose,.case-content) iframe[src*="vimeo"]{width:100%;height:auto;aspect-ratio:16/9}
#sx-blue :is(.sx-prose,.case-content) :is(table,pre){display:block;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
#sx-blue :is(.sx-prose,.case-content) pre{padding:16px;white-space:pre;overflow-wrap:normal}
#sx-blue .sx-fields{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1.12fr)}
#sx-blue .sx-fields :is(input,select){font-size:clamp(16px,1.1cqw,17px);min-height:44px}
#sx-blue .sx-form>.sx-button{cursor:pointer}
#sx-blue .sx-button{max-width:100%}
#sx-blue :is(button,a,input,select,textarea):focus-visible{outline:3px solid #f0b844;outline-offset:3px}
#sx-blue .sx-breadcrumb{flex-wrap:wrap}
#sx-blue .sx-nav{position:relative;z-index:20}
#sx-blue .sx-nav :is(a,button){min-height:44px;display:inline-flex;align-items:center}
#sx-blue .sx-menu .sx-has-submenu{display:flex;align-items:center;flex-wrap:wrap;column-gap:2px}
#sx-blue .sx-menu .sx-submenu-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:0;border-radius:4px;background:transparent;color:inherit;font:inherit;cursor:pointer}
#sx-blue .sx-submenu-toggle[aria-expanded="true"]{background:#e8f2ff}
#sx-blue .sx-menu[data-submenus-ready] .sx-has-submenu:not(.is-open)>.sub-menu{display:none}
#sx-blue .sx-menu .sx-has-submenu.is-open>.sub-menu{display:block}
#sx-blue .sx-menu .sub-menu a{display:flex;width:100%;min-height:44px}
#sx-blue .sx-search{flex-wrap:wrap}
#sx-blue .sx-search input{flex-basis:180px}

/* The product photograph follows the copy in normal flow on tablets and phones. */
@media(max-width:1080px){
  #sx-blue .sx-nav{height:auto;min-height:72px;flex-wrap:wrap;gap:10px 14px;padding:12px 5%}
  #sx-blue .sx-nav nav{position:static;order:3;display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;gap:4px 12px;font-size:14px}
  #sx-blue .sx-nav nav>a{flex:1 1 auto;justify-content:center}
  #sx-blue .sx-nav-end{margin-left:auto;gap:12px}
  #sx-blue .sx-nav .sx-button{min-height:44px;padding:10px 14px;font-size:13px;white-space:normal;text-align:center}
  #sx-blue .sx-menu{width:100%;flex-wrap:wrap;gap:4px 12px}
  #sx-blue .sx-menu>li{flex:1 1 110px}
  #sx-blue .sx-menu>li>a{flex:1 1 0;overflow-wrap:anywhere}
  #sx-blue .sx-menu .sub-menu{position:static;flex-basis:100%;width:100%;padding:4px 12px 8px;box-shadow:none;background:#edf5ff}
  #sx-blue .sx-hero{display:flex;flex-direction:column;height:auto;min-height:0}
  #sx-blue .sx-hero-copy{order:1;z-index:1;width:100%;padding:36px 5% 30px}
  #sx-blue .sx-hero-photo{position:relative;inset:auto;order:2;width:100%;height:auto;aspect-ratio:596/424!important;flex:none}
  #sx-blue .sx-hero-photo:before{display:none}
  #sx-blue .sx-hero-photo.sx-replacement img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
  #sx-blue .sx-hero h1{font-size:clamp(32px,6cqw,54px);line-height:1.08;letter-spacing:-1.3px;overflow-wrap:anywhere}
  #sx-blue .sx-eyebrow{font-size:12px;letter-spacing:2px;overflow-wrap:anywhere}
  #sx-blue .sx-lead{font-size:clamp(17px,2.4cqw,23px)}
  #sx-blue .sx-actions{flex-wrap:wrap;gap:12px;margin-top:24px}
  #sx-blue .sx-actions .sx-button{width:auto;max-width:none;min-height:48px;font-size:15px;padding:12px 20px;white-space:normal;text-align:center}
  #sx-blue .sx-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px 5%}
  #sx-blue .sx-card h2{overflow-wrap:anywhere}
  #sx-blue .sx-process{min-height:0;padding:40px 5%}
  #sx-blue .sx-process-copy{width:100%}
  #sx-blue .sx-process h2{font-size:clamp(32px,5.2cqw,48px);line-height:1.15}
  #sx-blue .sx-process-copy>p:not(.sx-eyebrow){font-size:17px}
  #sx-blue .sx-process-copy>.sx-button{font-size:15px;white-space:normal;text-align:center;min-height:48px}
  #sx-blue .sx-desktop{display:none}
  #sx-blue .sx-process-visual{position:static;width:100%;margin-top:28px}
  #sx-blue .sx-workshop{border-radius:5px}
  #sx-blue .sx-steps{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px}
  #sx-blue .sx-step{display:flex;flex-direction:column;gap:12px;min-width:0}
  #sx-blue .sx-step h3{font-size:16px;white-space:normal;margin:0 0 6px;overflow-wrap:anywhere}
  #sx-blue .sx-step p{font-size:14px}
  #sx-blue .sx-step p br{display:none}
  #sx-blue .sx-step-arrow{display:none}
  #sx-blue .sx-icon{width:48px;height:48px}
  #sx-blue .sx-enquiry{display:block;padding:36px 5%}
  #sx-blue .sx-enquiry h2{font-size:clamp(28px,5cqw,42px);white-space:normal;letter-spacing:-1px}
  #sx-blue .sx-enquiry-copy>p:last-child{font-size:15px;white-space:normal}
  #sx-blue .sx-form{margin-top:24px}
  #sx-blue .sx-fields label{font-size:14px}
  #sx-blue .sx-fields :is(input,select){font-size:16px;min-height:48px;padding-inline:12px}
  #sx-blue .sx-form>.sx-button{font-size:16px;min-height:48px}
  #sx-blue .sx-article-grid{grid-template-columns:minmax(0,1fr);gap:30px}
  #sx-blue .sx-footer a{min-height:44px;display:inline-flex;align-items:center}
  #sx-blue .case-controls{flex-wrap:wrap}
}
@media(max-width:600px){
  #sx-blue .sx-fields{grid-template-columns:minmax(0,1fr);gap:16px}
  #sx-blue .sx-steps{grid-template-columns:minmax(0,1fr);gap:24px}
  #sx-blue .sx-step{flex-direction:row;gap:16px}
  #sx-blue .sx-step>div{min-width:0}
  #sx-blue .sx-step h3{margin-top:2px}
  #sx-blue .sx-actions .sx-button{flex:1 1 220px}
  #sx-blue .sx-process,#sx-blue .sx-enquiry{padding-block:32px}
}
@media(max-width:480px){
  #sx-blue .sx-nav{column-gap:10px}
  #sx-blue .sx-nav nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px}
  #sx-blue .sx-nav nav>.sx-menu{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px}
  #sx-blue .sx-nav-end>span{display:none}
  #sx-blue .sx-logo{font-size:25px}
  #sx-blue .sx-nav .sx-button{font-size:12px;padding-inline:12px}
  #sx-blue .sx-hero-copy{padding:30px 5% 26px}
  #sx-blue .sx-hero h1{font-size:clamp(30px,7.8cqw,36px)}
  #sx-blue .sx-products{gap:12px}
  #sx-blue .sx-card-label{padding:12px 10px;gap:6px}
  #sx-blue .sx-card h2{font-size:14px;line-height:1.25}
  #sx-blue .sx-card-label>span{flex:none}
  #sx-blue .sx-footer{grid-template-columns:minmax(0,1fr);gap:24px}
}
@media(max-width:360px){
  #sx-blue .sx-nav>.sx-logo{font-size:22px;letter-spacing:-1.3px}
  #sx-blue .sx-custom-logo img{max-width:125px}
  #sx-blue .sx-nav .sx-button{font-size:11px;padding-inline:10px}
}