@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#15212a;--orange:#ff753e;--paper:#f4f6f7;--line:#cdd4d8;--muted:#53616b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;font:16px/1.65 Manrope,Arial,sans-serif;color:var(--ink);background:white}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #137bc6;outline-offset:6px}header{min-height:112px;max-width:1440px;margin:auto;padding:25px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{font:700 32px/.8 'Barlow Condensed',Arial,sans-serif;letter-spacing:.02em;display:inline-block}.brand span,h3 span{color:var(--orange)}.brand small{font-size:15px;letter-spacing:.15em}nav{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:700}.nav-contact{border:1px solid var(--ink);padding:12px 23px}.hero{display:grid;grid-template-columns:1.05fr 1fr;background:var(--ink);color:white;min-height:650px}.hero-copy{padding:64px 8% 45px 9.5%}.eyebrow{font-size:12px;letter-spacing:.17em;font-weight:800;margin:0 0 24px}.hero .eyebrow{color:#ff986d}h1,h2{font-family:'Barlow Condensed',Arial,sans-serif;font-weight:600;line-height:1.01;letter-spacing:-.015em;margin:0}h1{font-size:clamp(58px,5.8vw,87px)}h1 em{font-style:normal;color:var(--orange)}.intro{max-width:480px;color:#d4dce1;font-size:18px;margin:26px 0 30px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:23px}.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 23px;font-size:14px;font-weight:800;min-height:50px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.orange{background:var(--orange);color:var(--ink)}.orange:hover{background:#ff945f}.textlink{font-size:14px;border-bottom:1px solid #87949c;padding:8px 0}.hero-tags{margin-top:43px;padding-top:22px;border-top:1px solid #42505b;display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:#c1cdd5}.hero-image{margin:0;position:relative;min-height:560px;overflow:hidden}.hero-image>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:57% center}.hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,#0c1724e8)}figcaption{position:absolute;z-index:1;bottom:35px;left:35px;right:30px}figcaption span{font-size:12px;letter-spacing:.14em;color:#ff986d}figcaption strong{display:block;font:500 33px/1.2 'Barlow Condensed',sans-serif;margin:12px 0}figcaption small{font-size:13px;color:#d3dce2}.statement{background:var(--orange);padding:28px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px}.statement p{font-size:12px;font-weight:800;letter-spacing:.15em}.statement span{font:600 27px/1.2 'Barlow Condensed',sans-serif}.section{max-width:1440px;margin:auto;padding:90px 5%}.section-head{display:flex;justify-content:space-between;align-items:end;gap:55px;margin-bottom:42px}h2{font-size:clamp(42px,4.3vw,60px)}.section-head>p{max-width:430px;color:var(--muted);margin:0;font-size:17px}.products{display:grid;grid-template-columns:1fr 1fr;gap:24px}.product{overflow:hidden}h3{font-size:27px;line-height:1.2;margin:24px 0 15px;letter-spacing:-.04em}.product p{max-width:440px}.software{background:var(--paper);padding:35px}.product-top{display:flex;justify-content:space-between;align-items:center}.category{font-size:12px;letter-spacing:.13em;font-weight:800}.number{font:500 20px 'Barlow Condensed',sans-serif;color:var(--muted)}.software-list{margin:27px 0 32px;border-top:1px solid var(--line)}.software-list>div{border-bottom:1px solid var(--line);padding:15px 0;display:flex;gap:15px;justify-content:space-between;align-items:center}.software-list span{font-size:11px;font-weight:700;letter-spacing:.06em}.software-list strong{font-size:11px;font-weight:700;letter-spacing:.06em;text-align:right}.dark{background:var(--ink);color:white}.robotics{background:#23323c;color:white}.robotics>img{width:100%;height:240px;object-fit:cover;display:block}.robot-copy{padding:28px 35px 35px}.robot-copy h3{margin-top:15px}.robot-copy p{color:#cdd7dd}.light{background:white;color:var(--ink)}.availability{font-size:13px;color:var(--muted);margin-top:20px}.evaluation{max-width:none;background:var(--paper)}.criteria{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:45px}.criteria article{padding:28px 27px 26px 0;margin-right:27px;border-right:1px solid var(--line)}.criteria article:last-child{border:0;margin:0;padding-right:0}.criteria article>span{font:600 31px 'Barlow Condensed',sans-serif;color:#ba4318}.criteria h3{font-size:20px;letter-spacing:-.02em}.criteria p{color:var(--muted);font-size:15px}.disclosure{display:flex;gap:25px;align-items:baseline;margin:30px 0}.disclosure strong{white-space:nowrap;font-size:14px}.disclosure p{font-size:14px;color:var(--muted);margin:0;max-width:780px}.outline{border:1px solid var(--ink)}.network-row{display:flex;align-items:center;gap:28px;border-top:1px solid var(--line);padding:30px 0}.network-row:last-child{border-bottom:1px solid var(--line)}.network-row strong{font:500 clamp(26px,3vw,42px) 'Barlow Condensed',sans-serif}.network-row strong span{color:#687680}.visit{margin-left:auto;font-size:14px;border-bottom:1px solid var(--ink)}.network-row:hover strong{color:#bd4418}.contact{background:var(--ink);color:white;padding:65px 5%;display:flex;gap:40px;align-items:center;justify-content:space-between}.contact .eyebrow{color:#ff986d}.contact h2{font-size:clamp(40px,4vw,56px)}.contact p:not(.eyebrow){max-width:580px;color:#cdd7dd}.contact-action{display:flex;flex-direction:column;gap:15px;text-align:center;flex-shrink:0}.contact-action span{font-size:12px;color:#cdd7dd}footer{padding:38px 5%;display:flex;gap:35px;align-items:center}footer p{font-size:14px;color:var(--muted)}footer>small{margin-left:auto;font-size:12px;color:var(--muted)}.skip{position:absolute;left:10px;top:-100px;z-index:10;background:white;padding:15px}.skip:focus{top:10px}@media(min-width:1500px){.hero-copy{padding-left:calc((100vw - 1296px)/2)}.evaluation,.contact,.statement{padding-left:calc((100vw - 1296px)/2);padding-right:calc((100vw - 1296px)/2)}}@media(max-width:900px){nav{gap:17px}.hero{grid-template-columns:1fr 1fr}.hero-copy{padding:48px 8%}h1{font-size:60px}.hero-tags{margin-top:28px}.criteria{grid-template-columns:1fr 1fr}.criteria article:nth-child(2){border:0}.contact{align-items:start;flex-direction:column}.products{gap:18px}.software,.robot-copy{padding:25px}h3{font-size:23px}}@media(max-width:650px){header{padding:22px 6%;flex-wrap:wrap;gap:22px}.brand{font-size:29px}nav{width:100%;gap:14px;justify-content:space-between;font-size:12px}.nav-contact{padding:7px 11px}nav a:nth-child(2){max-width:95px;line-height:1.3}.hero{grid-template-columns:1fr}.hero-copy{padding:40px 6%}h1{font-size:64px}.hero-image{min-height:350px}.hero-tags{font-size:11px;gap:15px}.statement{padding:25px 6%;align-items:start;flex-direction:column;gap:4px}.statement span{font-size:25px}.section{padding:58px 6%}.section-head{flex-direction:column;align-items:start;gap:23px;margin-bottom:30px}.products{grid-template-columns:1fr}.criteria{grid-template-columns:1fr}.criteria article{margin:0;padding:22px 0;border-right:0;border-bottom:1px solid var(--line)}.criteria article:nth-child(2){border-bottom:1px solid var(--line)}.criteria h3{margin-top:10px}.disclosure{flex-direction:column;gap:10px}.network-row{gap:14px;flex-wrap:wrap}.network-row strong{font-size:29px}.visit{font-size:12px}.contact{padding:50px 6%}footer{padding:30px 6%;flex-wrap:wrap;gap:20px}footer p{max-width:220px}footer>small{margin:0;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

.hero-image{display:flex;flex-direction:column;background:#23323c}.hero-image:after{display:none}.comparison{display:grid;grid-template-rows:1fr 1fr;flex:1;min-height:500px;gap:3px}.comparison-photo{position:relative;min-height:245px;overflow:hidden}.comparison-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 65%}.comparison-photo span{position:absolute;top:15px;left:20px;background:#15212a;padding:7px 11px;font-size:12px;font-weight:800;letter-spacing:.08em;color:white}.hero-image figcaption{position:static;padding:22px 28px}.hero-image figcaption strong{font-size:29px;margin:8px 0}.hero-image figcaption small{font-size:12px}@media(max-width:650px){.comparison{min-height:560px}.comparison-photo{min-height:275px}}

.comparison.reveal{display:block;position:relative;min-height:500px;isolation:isolate;overflow:hidden}.reveal>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 65%}.reveal-before{clip-path:inset(0 calc(100% - var(--split)) 0 0)}.reveal-labels{position:absolute;top:18px;left:16px;right:16px;display:flex;justify-content:space-between;gap:14px;pointer-events:none}.reveal-labels span{background:#15212a;color:white;padding:7px 10px;font-size:12px;font-weight:800;letter-spacing:.04em}.reveal-divider{position:absolute;left:var(--split);top:0;bottom:0;width:3px;background:white;transform:translateX(-50%);pointer-events:none;box-shadow:0 0 5px #0006}.reveal-divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:3px solid white;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;background:#15212a;color:white;font:26px Arial}.reveal-control{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y;z-index:3}.reveal:focus-within{outline:4px solid #ff753e;outline-offset:-4px}.reveal-hint{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);margin:0;padding:6px 12px;background:#15212ae8;color:white;font-size:13px;pointer-events:none;white-space:nowrap}@media(max-width:650px){.comparison.reveal{min-height:440px}.reveal-labels{left:10px;right:10px;gap:8px}.reveal-labels span{font-size:11px;padding:7px}}
/* Logo: white artwork on transparency, so the header and footer sit on the dark ink ground */
.brand img{display:block;height:84px;width:auto}
header{background:var(--ink);color:white;box-shadow:0 0 0 100vmax var(--ink);clip-path:inset(0 -100vmax)}
header .nav-contact{border-color:white}
footer{background:var(--ink);color:white}
footer p,footer>small{color:#b9c4cb}
@media(max-width:650px){.brand img{height:64px}}