@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{--blue:#0c4cdb;--navy:#101b32;--red:#e7343f;--gray:#667084;--line:#e1e6ee;--pale:#f3f6fb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--navy);font:16px/1.6 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{outline-offset:5px}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.12;letter-spacing:-.045em}h1{font-size:clamp(42px,4.7vw,72px);margin-bottom:26px}h2{font-size:clamp(32px,3.4vw,50px);margin-bottom:24px}h3{font-size:24px}em{font-style:normal;color:var(--blue)}.topline{background:var(--navy);color:#fff;padding:8px 6%;display:flex;justify-content:space-between;font-size:13px}header{padding:22px 6%;display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.logo{font-size:33px;font-weight:800;letter-spacing:-2px;line-height:1;font-family:Manrope;color:var(--blue)}.logo span{color:var(--red)}.logo small{display:block;color:var(--gray);font:9px/2.2 'DM Sans';letter-spacing:1.6px}nav{display:flex;gap:30px;align-items:center;font-size:14px;font-weight:600}.button{display:inline-block;padding:15px 25px;background:var(--blue);color:white;border:0;border-radius:4px;font-weight:600;font-size:15px;transition:background .2s,transform .2s}.button:hover{background:#0837a4;transform:translateY(-2px)}.button.small{padding:11px 18px}.menu{display:none}.hero{display:grid;grid-template-columns:1.08fr 1fr;padding:65px 6% 50px;gap:50px;align-items:center}.eyebrow{font-weight:700;letter-spacing:1.9px;color:var(--blue);font-size:12px;margin-bottom:20px}.hero p{color:var(--gray);max-width:500px;font-size:18px}.actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.text-link{font-size:15px;font-weight:700;border-bottom:1px solid currentColor;padding:5px 0}.hero-foot{display:flex;gap:18px;margin-top:36px;font-size:12px;color:var(--gray)}.hero-foot span+span{border-left:1px solid var(--line);padding-left:18px}.hero-visual{background:var(--pale);position:relative;min-height:490px;padding:25px;overflow:hidden;border-radius:4px}.visual-label{display:flex;justify-content:space-between;gap:10px;font-size:10px;font-weight:700;letter-spacing:1px;color:var(--gray)}.hero-visual img{display:block;width:100%;height:350px;object-fit:contain;mix-blend-mode:multiply}.visual-bottom{display:flex;justify-content:space-between;align-items:end}.visual-bottom strong{font-family:Manrope;font-size:24px;line-height:1.25;letter-spacing:-.03em}.visual-bottom span{font-size:10px;letter-spacing:1.5px;color:var(--blue);text-align:right}.brands{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 6%;display:flex;align-items:center;gap:50px}.brands p{font-size:12px;max-width:130px;color:var(--gray);margin:0}.brands div{flex:1;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.brands b{font-family:Manrope;font-size:20px;color:#46536a;letter-spacing:-.5px}.section{padding:85px 6%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:35px}.section-heading h2{margin-bottom:0}.section-heading>p{color:var(--gray);max-width:390px;margin:0}.catalog-tools{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:28px}.filters{display:flex;flex-wrap:wrap;gap:8px}.filters button{border:1px solid var(--line);padding:9px 14px;border-radius:4px;background:white;font-size:13px;color:var(--gray)}.filters button.active{background:var(--navy);color:white;border-color:var(--navy)}.search span{position:absolute;clip:rect(0,0,0,0)}.search input{border:1px solid var(--line);padding:10px 14px;border-radius:4px;width:220px;font-size:14px}.catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.product{border:1px solid var(--line);border-radius:4px;overflow:hidden;display:flex;flex-direction:column}.product-image{background:#f6f8fb;height:215px;position:relative;padding:22px}.product-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.product-image .tag{position:absolute;top:12px;left:12px;background:white;padding:3px 8px;font-size:10px;color:var(--gray)}.product-content{padding:23px;display:flex;flex-direction:column;flex:1}.product .category{color:var(--blue);font-size:11px;letter-spacing:1px;font-weight:700}.product h3{font-size:21px;margin:7px 0 12px;letter-spacing:-.03em}.product p{color:var(--gray);font-size:14px;margin-bottom:15px}.product .specs{font-size:13px;margin-bottom:18px;padding-left:18px;color:#42516b}.product .view{align-self:start;background:none;border:0;padding:0 0 3px;border-bottom:1px solid var(--blue);color:var(--blue);font-size:14px;font-weight:700;margin-top:auto}.catalog-note,.software-note{font-size:12px;color:var(--gray);margin:22px 0 0}.software{background:var(--navy);color:white}.software .eyebrow{color:#88b0ff}.software .section-heading>p{color:#b1bdd1}.software-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.software article{border:1px solid #36435c;padding:40px;border-radius:4px;background:#15213a}.pill{font-size:11px;letter-spacing:1.4px;color:#a9c4ff;background:#263b65;padding:6px 10px;border-radius:3px;display:inline-block;margin-bottom:25px}.pill.red{background:#512735;color:#ffb3ba}.software h3{font-size:36px}.software p,.software li{color:#b9c4d8}.software ul{padding-left:20px;line-height:2.1;font-size:15px}.software .text-link{color:white}.software-note{color:#a7b4ca}.bundle{display:grid;grid-template-columns:1fr 1fr;gap:80px;background:#edf3ff}.bundle p{color:var(--gray);max-width:510px}.bundle-list{display:flex;flex-direction:column;justify-content:center}.bundle-list span{display:flex;gap:30px;padding:19px 0;border-bottom:1px solid #cbd8ee;font-family:Manrope;font-size:22px;font-weight:600;letter-spacing:-.03em}.bundle-list b{color:var(--blue);font-size:14px;padding-top:5px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:45px}.service-grid article{border-top:1px solid var(--line);padding-top:25px}.service-grid article>span{color:var(--blue);font-size:13px}.service-grid h3{margin:20px 0 15px;font-size:23px}.service-grid p{font-size:15px;color:var(--gray);margin:0}.industries{background:var(--pale);display:grid;grid-template-columns:1fr 1.2fr;gap:50px}.industry-tags{display:flex;flex-wrap:wrap;align-content:center;gap:13px}.industry-tags span{padding:12px 20px;border:1px solid #d5ddea;background:white;border-radius:4px;font-size:15px}.contact{background:var(--blue);color:white;position:relative}.contact .eyebrow{color:#c7d7ff}.contact h2{font-size:clamp(40px,4.5vw,66px)}.contact p{color:#d9e4ff;font-size:18px}.button.white{background:white;color:var(--blue)}.contact-mail{border-bottom:1px solid white;font-size:18px}.contact-details{display:flex;gap:40px;margin-top:30px;color:#d8e3ff;font-size:15px}footer{padding:35px 6%;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--gray)}footer p{margin:0}dialog{border:0;border-radius:8px;width:min(860px,92vw);padding:40px;max-height:90vh;color:var(--navy)}dialog::backdrop{background:#071129b8}.close{position:absolute;right:15px;top:10px;font-size:30px;border:0;background:transparent}.detail-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:35px}.detail-grid img{width:100%;height:260px;object-fit:contain}.detail-grid h2{font-size:32px}.detail-grid p{color:var(--gray);font-size:14px}table{width:100%;border-collapse:collapse;font-size:14px;margin:20px 0}td{padding:10px 0;border-bottom:1px solid var(--line)}td:first-child{color:var(--gray);width:42%}.source{color:var(--blue);font-size:13px;display:block;margin-top:15px}.empty{grid-column:1/-1;padding:45px;background:var(--pale)}@media(min-width:1550px){main,header,.topline,footer{padding-left:max(6%,calc((100vw - 1380px)/2));padding-right:max(6%,calc((100vw - 1380px)/2))}.hero,.section,.brands{padding-left:0;padding-right:0}.software,.bundle,.industries,.contact{padding-left:40px;padding-right:40px}}@media(max-width:1000px){nav{gap:18px}.hero{gap:25px}.hero-visual{min-height:440px}.hero-visual img{height:295px}.hero-foot{flex-wrap:wrap}.catalog{grid-template-columns:repeat(2,1fr)}.catalog-tools{align-items:start;flex-direction:column}.brands{gap:25px}.brands b{font-size:16px}.bundle{gap:40px}.section{padding:65px 6%}}@media(max-width:700px){.topline{font-size:10px}.topline a{display:none}header{padding:17px 6%}.logo{font-size:28px}.menu{display:block;background:transparent;border:0;font-size:25px}nav{display:none;position:absolute;left:0;right:0;top:76px;background:white;padding:25px 6%;box-shadow:0 10px 20px #101b321a}nav.open{display:flex;flex-direction:column;align-items:start}.hero{grid-template-columns:1fr;padding-top:40px;gap:35px}.hero p{font-size:16px}.hero-visual{min-height:390px}.hero-visual img{height:260px}.hero-foot{gap:10px;font-size:11px}.hero-foot span+span{padding-left:10px}.brands{display:block}.brands p{max-width:none;margin-bottom:20px}.brands div{justify-content:start;gap:20px 30px}.section-heading{display:block}.section-heading>p{margin-top:20px}.catalog{grid-template-columns:1fr 1fr;gap:12px}.product-image{height:170px;padding:20px 12px}.product-content{padding:15px}.product h3{font-size:18px}.product p{font-size:13px}.product .specs{font-size:12px}.filters button{font-size:12px;padding:7px 10px}.search,.search input{width:100%}.software-grid,.bundle,.industries{grid-template-columns:1fr;gap:30px}.software article{padding:27px}.software h3{font-size:31px}.service-grid{grid-template-columns:1fr 1fr;gap:28px}.service-grid h3{font-size:20px}.service-grid p{font-size:14px}.contact-details{gap:15px;flex-wrap:wrap}footer{gap:20px;flex-wrap:wrap}footer p{display:none}.detail-grid{grid-template-columns:1fr}.detail-grid img{height:190px}dialog{padding:30px 22px}}@media(max-width:380px){.catalog,.service-grid{grid-template-columns:1fr}.hero-foot{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
