:root{--navy:#10293e;--ink:#122d43;--blue:#07599d;--yellow:#ffc82e;--light:#f0f4f6;--line:#d9e1e7;--muted:#526677}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6;color:var(--ink)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible{outline:3px solid #db9700;outline-offset:5px}.wrap{width:min(1240px,calc(100% - 96px));margin:auto}.topline{background:var(--navy);color:#fff;font-size:.75rem;letter-spacing:.08em;padding:9px 0}.topline .wrap{display:flex;justify-content:space-between;gap:20px}.topline a{letter-spacing:0;color:#d3e0e9}header{background:#fff;border-bottom:1px solid var(--line)}.header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:23px 0}.brand{font-size:1.9rem;font-weight:800;letter-spacing:-.055em;line-height:1}.brand span{color:var(--blue)}.brand small{display:block;font-size:.65rem;letter-spacing:.24em;margin-top:8px}.header nav{display:flex;gap:27px;font-size:.9rem;font-weight:600}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;background:var(--yellow);color:var(--navy);padding:15px 24px;font-weight:700;font-size:.94rem;border:1px solid var(--yellow)}.button:hover{background:#ffdc6b;text-decoration:none}.small{padding:11px 17px;font-size:.85rem}.hero{background:var(--light);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;min-height:675px;align-items:center;gap:30px}.hero-copy{padding:60px 0}.eyebrow{font-size:.76rem;font-weight:700;letter-spacing:.13em;color:var(--blue);margin:0 0 20px}.hero h1{font-size:clamp(3.2rem,5.4vw,5.2rem);line-height:1.02;letter-spacing:-.055em;margin:0 0 25px;font-weight:750}em{font-style:normal;color:var(--blue)}.lede{font-size:1.2rem;line-height:1.55;max-width:560px}.hero-detail{max-width:475px;color:var(--muted);margin-bottom:30px}.actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.text-link{font-size:.92rem;font-weight:700;text-underline-offset:6px}.hero-product{position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#dce5eb,#f8fafb);margin-right:-48px}.hero-product img{width:80%;height:580px;object-fit:contain;position:relative;z-index:1;padding-bottom:15px;filter:drop-shadow(15px 17px 15px #233c4e26)}.vertical-label{position:absolute;right:25px;top:36px;writing-mode:vertical-rl;letter-spacing:.16em;font-size:.66rem}.product-caption{position:absolute;bottom:20px;left:24px;z-index:2;background:#fff;padding:13px 20px;border-left:4px solid var(--yellow);display:flex;gap:24px;align-items:center;box-shadow:0 4px 20px #10293e08}.product-caption span{font-size:.74rem;font-weight:bold;letter-spacing:.1em}.product-caption p{font-size:.8rem;line-height:1.5;margin:0;color:var(--muted)}.hero-bottom{display:flex;justify-content:space-between;padding:20px 0;border-top:1px solid #cbd7df;font-size:.85rem;font-weight:600}.section{padding-top:90px;padding-bottom:90px}.section-head{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:end;margin-bottom:44px}h2{font-size:clamp(2.1rem,3.4vw,3.15rem);line-height:1.12;letter-spacing:-.04em;margin:0 0 20px}h3{font-size:1.3rem;letter-spacing:-.025em;line-height:1.3;margin:15px 0}p{margin:0 0 18px}.section-head>p{color:var(--muted);max-width:470px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.feature-grid article{border-top:2px solid var(--ink);padding-top:24px}.number{font-size:.72rem;letter-spacing:.12em;color:var(--blue);font-weight:700}.feature-grid h3{font-size:1.45rem;margin-top:22px}.feature-grid p,.product-content p,.software-list p{color:var(--muted)}.lifecycle{margin-top:45px;background:var(--light);padding:30px;display:grid;grid-template-columns:.9fr 1.2fr .7fr;gap:30px;align-items:center}.lifecycle .eyebrow{font-size:.66rem;margin-bottom:8px}.lifecycle h3{margin:0}.lifecycle p{font-size:.88rem;margin:0}.systems{background:var(--light)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{background:white;border:1px solid var(--line)}.product-image{height:310px;display:flex;align-items:center;justify-content:center;padding:24px;background:#e8eef2}.product-image img{height:100%;width:100%;object-fit:contain}.product-content{padding:28px}.product-content .eyebrow{font-size:.68rem;margin-bottom:12px}.product-content h3{font-size:1.7rem;margin-top:0}.product-content p{font-size:.92rem;min-height:88px}dl{font-size:.8rem;border-top:1px solid var(--line);padding-top:15px;margin-bottom:24px}dt{color:var(--muted);margin-top:8px}dd{margin:2px 0 0;font-weight:600}.product-content .text-link{font-size:.84rem}.catalog-row{display:flex;align-items:center;justify-content:space-between;gap:35px;border-top:1px solid #cbd7df;margin-top:35px;padding-top:25px}.catalog-row p{font-size:.9rem;max-width:730px;margin:0}.catalog-row a{white-space:nowrap}.software{display:grid;grid-template-columns:1fr 1fr;gap:90px}.software .lede{color:var(--muted);margin-bottom:25px}.software-list article{display:flex;gap:26px;padding:20px 0;border-bottom:1px solid var(--line)}.software-list article:first-child{padding-top:0}.software-list article>span{font-size:.75rem;color:var(--blue);padding-top:6px}.software-list h3{margin:0 0 10px}.software-list p{font-size:.94rem;margin:0}.vmi{background:var(--navy);color:white}.vmi .eyebrow{color:var(--yellow)}.vmi h2{font-size:clamp(2.3rem,3.7vw,3.5rem)}.vmi em{color:var(--yellow)}.vmi-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center}.vmi-intro>div>p:not(.eyebrow){color:#d3dfe8}.vmi-intro .button{margin-top:10px}.vmi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:50px;border-top:1px solid #3c5265;padding-top:35px}.vmi-grid span{font-size:.75rem;color:var(--yellow)}.vmi-grid p{color:#c4d4df;font-size:.93rem}.vmi-note{font-size:.78rem;color:#b9cbd7;margin:20px 0 0;max-width:870px}.applications{padding-bottom:75px}.applications>p:not(.eyebrow){color:var(--muted)}.application-tags{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.application-tags span{border:1px solid var(--line);padding:11px 20px;font-size:.9rem}.resources{background:var(--light)}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.resource-grid a{position:relative;background:white;padding:27px;border:1px solid var(--line)}.resource-grid a:hover{border-color:var(--blue);text-decoration:none}.resource-grid span{font-size:.7rem;color:var(--blue);letter-spacing:.12em}.resource-grid p{font-size:.86rem;color:var(--muted);margin-bottom:20px}.resource-grid b{font-size:1.5rem}.contact{display:grid;grid-template-columns:1.1fr 1fr;gap:90px}.contact .lede{color:var(--muted);margin-bottom:28px}.contact aside{border-left:1px solid var(--line);padding:25px 0 0 45px}.contact aside>p:last-child{font-size:.88rem;color:var(--muted);margin-top:25px}footer{border-top:1px solid var(--line);padding:35px 0}footer .wrap{display:flex;gap:30px;align-items:center;justify-content:space-between}footer p,footer>.wrap>span{font-size:.76rem;color:var(--muted);margin:0}.skip{position:absolute;left:15px;top:-100px;background:white;padding:15px;z-index:9}.skip:focus{top:10px}@media(min-width:1500px){.hero-product{margin-right:0}}@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.header nav{gap:16px;font-size:.8rem}.header .small{display:none}.hero-grid{min-height:600px}.hero-product img{height:480px}.hero-product{margin-right:-24px}.section-head,.software,.vmi-intro,.contact{gap:40px}.feature-grid{gap:25px}.product-content{padding:22px}.lifecycle{grid-template-columns:1fr 1.4fr}.lifecycle>a{grid-column:1/-1}.product-image{height:260px}.catalog-row{align-items:flex-start}.catalog-row a{white-space:normal}.contact aside{padding-left:30px}}@media(max-width:700px){.wrap{width:calc(100% - 36px)}.topline{font-size:.62rem}.topline a{display:none}.header{flex-wrap:wrap;padding:20px 0;gap:20px}.brand{font-size:1.7rem}.header nav{width:100%;justify-content:space-between;gap:8px;font-size:.76rem}.hero-grid{grid-template-columns:1fr;gap:0}.hero-copy{padding:45px 0 30px}.hero h1{font-size:3.6rem}.hero .lede{font-size:1.1rem}.hero-product{margin:0 -18px;min-height:430px}.hero-product img{height:420px;width:70%;padding:0 0 40px}.product-caption{bottom:15px;left:18px}.vertical-label{right:20px}.hero-bottom{gap:15px;flex-wrap:wrap;font-size:.75rem}.section{padding-top:58px;padding-bottom:58px}.section-head,.software,.vmi-intro,.contact{grid-template-columns:1fr;gap:16px}.section-head{margin-bottom:30px}.feature-grid,.product-grid,.vmi-grid,.resource-grid{grid-template-columns:1fr;gap:28px}.feature-grid h3 br{display:none}.lifecycle{grid-template-columns:1fr;gap:20px;padding:25px}.product-image{height:320px}.product-content p{min-height:0}.catalog-row{flex-direction:column;gap:20px}.software-list{margin-top:20px}.vmi-grid{gap:18px;margin-top:30px}.application-tags span{padding:9px 12px;font-size:.8rem}.contact aside{border-left:0;border-top:1px solid var(--line);padding:28px 0 0;margin-top:20px}footer .wrap{flex-direction:column;align-items:flex-start;gap:20px}.actions{gap:20px}.button{padding:14px 19px}.hero h1{font-size:clamp(2.8rem,11vw,3.6rem)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* CENTRIC supplied brand asset */
.brand-group{display:flex;align-items:center;gap:22px;flex-shrink:0}.centric-logo{display:block;border-left:1px solid var(--line);padding-left:22px;line-height:0}.centric-logo img{display:block;width:180px;max-width:100%;height:auto}.header{flex-wrap:wrap}.header nav{gap:20px}footer .brand-group .centric-logo img{width:160px}@media(max-width:1100px){.header nav{order:3;width:100%;justify-content:center}.header .small{display:inline-flex}}@media(max-width:700px){.brand-group{gap:15px}.centric-logo{padding-left:15px}.centric-logo img{width:150px}.header .small{display:none}.header nav{justify-content:space-between}footer .brand-group{flex-wrap:wrap}}@media(max-width:360px){.centric-logo img{width:120px}}

/* Phone nav: one centered line; larger text on wide phones / foldables like iPhone Duo (466 folded, 626 unfolded), compact <=430, smallest <=359 (Mike, Oct 14 2026) */
@media(max-width:700px){.header nav{display:flex;flex-wrap:nowrap;justify-content:center;gap:22px;font-size:.8rem}.header nav a{white-space:nowrap}}
@media(max-width:430px){.header nav{gap:14px;font-size:.72rem}}
@media(max-width:359px){.header nav{gap:8px;font-size:.66rem}}
/* Phone hero: secondary link lined up with the button text (phone button: 19px padding + 1px border); feature strip centered under the photo (Mike, Oct 14 2026) */
@media(max-width:700px){.hero .actions{flex-direction:column;align-items:flex-start;row-gap:20px}.hero .actions .text-link{padding-left:20px}.hero-bottom{justify-content:center;column-gap:24px;row-gap:10px;text-align:center}}
/* Explicit light page background: the page relied on the browser default, which dark-mode browsers render black (Oct 14 2026) */
html{color-scheme:light;background:#fff}body{background:#fff}