@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#162335;--muted:#627083;--red:#d71937;--navy:#101e31;--soft:#f4f7fa;--border:#e2e8ef;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.65;background:#fff}h1,h2,h3,h4{font-family:Manrope,sans-serif;line-height:1.19;letter-spacing:-.035em;margin:0 0 16px}h1{font-size:clamp(2.6rem,5.1vw,5.1rem);font-weight:800}h2{font-size:clamp(2rem,3.4vw,3.3rem)}h3{font-size:1.33rem}p{margin:0 0 20px}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(1180px,calc(100% - 44px));margin:auto}.eyebrow{font-size:.78rem;letter-spacing:.15em;font-weight:800;text-transform:uppercase;color:var(--red);margin-bottom:15px;display:block}.section{padding:96px 0}.section.alt{background:var(--soft)}.section.dark{background:var(--navy);color:#fff}.intro{max-width:760px}.intro p{color:var(--muted);font-size:1.08rem}.dark .intro p{color:#b9c4d0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 24px;border-radius:5px;font-weight:700;font-size:.9rem;transition:.2s;background:var(--red);color:white;border:1px solid var(--red)}.btn:hover{transform:translateY(-2px);background:#b4142d}.btn.ghost{background:transparent;color:inherit;border-color:#9cabbb}.btn.light{background:white;color:var(--ink);border-color:white}.btnrow{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.topline{height:4px;background:var(--red)}.header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid #e7eaf0;box-shadow:0 4px 22px #15253b08}.navwrap{display:flex;align-items:center;gap:30px;justify-content:space-between;min-height:84px}.logo{line-height:.85;letter-spacing:-.055em;color:#070a0f;min-width:170px;display:block;font-family:Manrope,sans-serif;font-weight:800}.logo strong{display:block;font-size:28px}.logo span{display:flex;align-items:center;gap:6px;font-size:17px;letter-spacing:.01em;color:#696f78;margin-top:7px}.logo i{display:inline-block;width:39px;height:7px;background:var(--red)}.nav{display:flex;align-items:center;gap:24px}.nav>a,.dropdown>a{font-size:.84rem;font-weight:700;white-space:nowrap}.nav>a:hover,.dropdown:hover>a{color:var(--red)}.dropdown{position:relative;padding:30px 0}.dropdown-panel{display:none;position:absolute;top:73px;left:-16px;width:230px;background:#fff;padding:10px;box-shadow:0 16px 35px #10263a24;border:1px solid var(--border);border-radius:6px}.dropdown:hover .dropdown-panel,.dropdown:focus-within .dropdown-panel{display:grid}.dropdown-panel a{padding:9px 11px;font-size:.85rem;border-radius:3px}.dropdown-panel a:hover{background:var(--soft);color:var(--red)}.nav .navcta{color:#fff;background:var(--red);padding:11px 18px;border-radius:5px}.menu-btn{display:none;border:0;background:white;font-size:26px;cursor:pointer}.hero{background:linear-gradient(105deg,#0c1828 0%,#0c1828ed 45%,#0a1a2c79 100%),url('https://images.unsplash.com/photo-1581093458791-9d42e3c03b79?w=1600&q=85') center/cover;min-height:610px;display:flex;align-items:center;color:#fff}.hero .text{max-width:800px;padding:70px 0}.hero h1{max-width:790px}.hero p{max-width:620px;color:#d5dce7;font-size:1.18rem}.hero .eyebrow{color:#ff7388}.trustbar{border-bottom:1px solid var(--border);background:#fff}.trustitems{display:grid;grid-template-columns:repeat(4,1fr);padding:26px 0;gap:16px}.trustitems div{display:flex;gap:10px;align-items:center;font-weight:700;font-size:.85rem}.trustitems b{color:var(--red);font-size:23px}.headingrow{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:36px}.headingrow .intro{max-width:800px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.product{border:1px solid var(--border);background:#fff;border-radius:9px;overflow:hidden;display:flex;flex-direction:column;transition:.2s;box-shadow:0 12px 30px #182c4407}.product:hover{transform:translateY(-5px);box-shadow:0 22px 42px #182c4418}.product .visual{height:215px;background:#142b43;overflow:hidden;position:relative}.product .visual img{width:100%;height:100%;object-fit:cover;opacity:.87}.product .content{padding:30px;flex:1;display:flex;flex-direction:column}.product .content p{color:var(--muted)}.product .content ul{padding-left:20px;color:#43536a;font-size:.93rem;margin:0 0 22px}.product .content li{padding-bottom:6px}.product .content .link{margin-top:auto}.product .tag{font-size:.7rem;letter-spacing:.13em;font-weight:800;color:var(--red);text-transform:uppercase;margin-bottom:12px}.link{color:var(--red);font-weight:800;font-size:.9rem}.featuregrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}.feature{padding:29px;background:#fff;border:1px solid var(--border);border-radius:7px}.feature .num{font-size:1rem;color:var(--red);font-weight:800;margin-bottom:17px}.feature p{font-size:.93rem;color:var(--muted);margin:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.split img{border-radius:9px;width:100%;height:440px;object-fit:cover}.checklist{padding:0;list-style:none}.checklist li{padding:10px 0 10px 29px;position:relative;border-bottom:1px solid #e0e5eb}.checklist li:before{content:'✓';color:var(--red);font-weight:800;position:absolute;left:0}.band{background:var(--red);color:white;padding:54px 0}.band .wrap{display:flex;justify-content:space-between;align-items:center;gap:30px}.band h2{font-size:2rem;margin:0}.footer{background:#101b2b;color:#fff;padding:65px 0 20px}.footgrid{display:grid;grid-template-columns:1.35fr 1fr 1fr 1.2fr;gap:40px}.footer h4{font-size:.97rem;letter-spacing:0;margin-bottom:20px}.footer a{display:block;color:#c4cfda;margin:8px 0;font-size:.9rem}.footer p{color:#c4cfda;font-size:.9rem}.footer .logo{color:white}.footer .logo strong{color:white}.footbottom{border-top:1px solid #304153;margin-top:48px;padding-top:20px;display:flex;justify-content:space-between;color:#aab8c8;font-size:.78rem}.pagehero{padding:95px 0;background:linear-gradient(105deg,#0c1929 5%,#172d46ef 70%,#253c53bf),url('https://images.unsplash.com/photo-1581092580497-e0d23cbdf1dc?w=1400&q=85') center/cover;color:white}.pagehero h1{font-size:clamp(2.7rem,4.5vw,4.6rem);max-width:900px}.pagehero p{max-width:750px;color:#d4deea;font-size:1.12rem}.breadcrumb{font-size:.8rem;color:#b9c6d5;margin-bottom:29px}.breadcrumb a{color:#fff}.prose{max-width:810px;font-size:1.04rem;color:#3b4d62}.prose h2{margin-top:38px}.info{border-left:4px solid var(--red);background:#f5f7fa;padding:26px 32px;margin:30px 0}.mini{font-size:.78rem;color:#637287}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:20px}.stats b{font-size:2.8rem;display:block;color:var(--red);line-height:1.2}.stats span{font-size:.9rem}.listcards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.listcard{padding:28px;border:1px solid var(--border);border-radius:6px;background:white}.listcard p{color:var(--muted);margin:0}.field{margin-bottom:18px}.field label{display:block;font-size:.87rem;font-weight:700;margin-bottom:6px}.field input,.field textarea,.field select{width:100%;padding:13px;border:1px solid #cbd5df;border-radius:4px;font:inherit}.field textarea{min-height:145px}.contactgrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.badge{padding:7px 12px;border:1px solid #e4a1ad;color:#b61129;border-radius:30px;font-size:.73rem;font-weight:800;display:inline-block}.article{padding:24px 0;border-bottom:1px solid var(--border)}.article h3{margin-bottom:7px}.article p{color:var(--muted)}.notice{font-size:.82rem;color:#687688}.mobile-only{display:none}@media(max-width:950px){.nav{gap:13px}.nav>a,.dropdown>a{font-size:.74rem}.grid3{grid-template-columns:1fr 1fr}.featuregrid{grid-template-columns:1fr 1fr}.footgrid{grid-template-columns:1fr 1fr}.split{gap:30px}.navwrap{min-height:76px}}@media(max-width:720px){.nav{display:none;position:absolute;top:78px;left:0;right:0;align-items:stretch;background:white;padding:18px 24px;box-shadow:0 20px 30px #0002;flex-direction:column;gap:12px}.nav.open{display:flex}.dropdown{padding:0}.dropdown-panel{display:grid;position:static;width:auto;box-shadow:none;border:none;padding:7px 0 0 16px}.menu-btn{display:block}.grid3,.grid2,.split,.featuregrid,.listcards,.contactgrid{grid-template-columns:1fr}.trustitems{grid-template-columns:1fr 1fr}.section{padding:60px 0}.hero{min-height:540px}.hero .text{padding:50px 0}.headingrow,.band .wrap{display:block}.band .btn{margin-top:25px}.footgrid{grid-template-columns:1fr 1fr;gap:25px}.footbottom{display:block}.split img{height:275px}.stats{gap:8px}.stats b{font-size:2rem}.logo strong{font-size:23px}.logo span{font-size:14px}.logo{min-width:130px}}@media(max-width:440px){.footgrid,.trustitems{grid-template-columns:1fr}.wrap{width:min(100% - 32px,1180px)}.product .visual{height:170px}}
/* Technical content pages added from supplied Online Control material */
.product-intro{display:grid;grid-template-columns:1.7fr 1fr;gap:3rem;align-items:start;margin-bottom:3rem}.product-intro h2{margin:.4rem 0 1rem}.product-intro p{max-width:65ch;margin-bottom:1.6rem}.technical-sidebar{background:#f5f6f8;border:1px solid #e7eaf0;padding:2rem;border-radius:12px}.technical-sidebar h3{margin:.8rem 0}.technical-stack{display:grid;gap:1.2rem;margin-top:2.3rem}.technical-card{background:#fff;border:1px solid #e3e6eb;border-radius:14px;padding:2rem;display:grid;grid-template-columns:65px 1fr;gap:1.4rem;box-shadow:0 6px 20px rgba(10,30,50,.025)}.technical-card:nth-child(even){background:#f8fafc}.technical-index{color:#c71e32;font-size:1.1rem;font-weight:800}.technical-card h2{font-size:clamp(1.2rem,2vw,1.7rem);margin:0 0 1rem}.technical-copy{max-width:900px}.technical-copy p{line-height:1.75;margin:0 0 1rem}.technical-item{display:flex;gap:.8rem;padding:.52rem 0;line-height:1.55;border-bottom:1px solid #edf0f2}.technical-dot{width:7px;height:7px;min-width:7px;border-radius:50%;background:#d71d32;margin-top:9px}.technical-card.compact p{margin-bottom:.8rem}.full-list{margin-top:1rem;border-top:1px solid #e3e6eb;padding-top:1rem}.full-list summary{cursor:pointer;color:#b8192c;font-weight:700}.full-list p{margin-top:1rem;line-height:1.8;overflow-wrap:anywhere}.testimonial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:2rem}.testimonial{padding:1.8rem;background:#f8fafc;border-left:4px solid #c91d32;border-radius:8px;margin:0}.testimonial h3{margin:.4rem 0 1rem}.testimonial p{line-height:1.7}.source-detail{margin-top:1rem;font-size:.95rem;max-width:72ch}@media(max-width:760px){.product-intro,.testimonial-grid{grid-template-columns:1fr}.technical-card{grid-template-columns:1fr;gap:.5rem;padding:1.25rem}.technical-sidebar{padding:1.3rem}}


/* Customer directory redesign */
.customer-directory{margin-bottom:86px}.directory-heading{display:flex;gap:40px;align-items:end;justify-content:space-between;margin-bottom:30px}.directory-heading>div:first-child{max-width:690px}.directory-heading h2{font-size:clamp(30px,4vw,46px);letter-spacing:-.045em;line-height:1.08;margin:12px 0 14px}.directory-heading p{line-height:1.7;margin:0;color:#657183;font-size:16px}.reference-counter{padding:20px 25px;border-left:3px solid #d00d2b;min-width:190px;background:#f9fafc}.reference-counter strong{display:block;font-size:41px;line-height:1;color:#17253a;letter-spacing:-.05em}.reference-counter span{display:block;font-size:12px;color:#5b6778;line-height:1.5;margin-top:7px}.directory-tools{display:flex;align-items:center;gap:14px;margin-bottom:20px}.directory-search{display:flex;align-items:center;gap:10px;flex:1;background:#fff;border:1px solid #dce1e8;border-radius:12px;padding:0 17px;box-shadow:0 8px 24px rgba(17,34,59,.04);height:56px;max-width:680px}.directory-search:focus-within{outline:2px solid #d00d2b;outline-offset:2px}.directory-search span{font-size:27px;color:#d00d2b}.directory-search input{border:0;background:transparent;outline:0;width:100%;font:inherit;font-size:15px;color:#17253a}.directory-clear{border:0;background:none;font:inherit;color:#b60924;font-weight:700;cursor:pointer;padding:12px}.letter-toolbar{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:23px}.letter{cursor:pointer;border:1px solid #e1e5eb;border-radius:8px;background:#fff;padding:9px 12px;min-width:37px;color:#526173;font-size:13px;font-weight:750}.letter:hover,.letter:focus-visible{border-color:#d00d2b;color:#d00d2b}.letter.active{background:#d00d2b;border-color:#d00d2b;color:#fff}.directory-meta{display:flex;justify-content:space-between;gap:14px;font-size:12px;font-weight:700;color:#788293;text-transform:uppercase;letter-spacing:.09em;margin-bottom:16px}.customer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.customer-tile{min-height:85px;display:flex;align-items:center;gap:14px;border:1px solid #e5e8ee;background:#fff;border-radius:12px;padding:17px;box-shadow:0 3px 14px rgba(20,39,65,.025);transition:box-shadow .2s,border-color .2s}.customer-tile:hover{border-color:#ecc5ce;box-shadow:0 8px 25px rgba(20,39,65,.07)}.customer-monogram{width:43px;height:43px;flex:0 0 43px;display:grid;place-items:center;background:#f7e7eb;color:#af102a;border-radius:10px;font-weight:850;font-size:18px}.customer-info{display:flex;flex-direction:column;gap:5px;min-width:0}.customer-info strong{font-size:13px;line-height:1.4;color:#202e43;overflow-wrap:anywhere}.customer-info small{font-size:12px;color:#798597;line-height:1.35}.directory-empty{border:1px dashed #ccd1db;padding:35px;text-align:center;border-radius:12px;color:#536075}.directory-empty strong{color:#17253a}.directory-footnote{margin-top:19px;font-size:12px;line-height:1.5;color:#8a93a3}@media(max-width:900px){.customer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-heading{align-items:start}}@media(max-width:600px){.customer-grid{grid-template-columns:1fr}.directory-heading{display:block}.reference-counter{margin-top:20px;max-width:220px}.directory-tools{align-items:stretch;flex-direction:column}.directory-clear{align-self:flex-start}.directory-search{width:100%;max-width:none}.directory-meta{font-size:10px}.customer-directory{margin-bottom:55px}}
