:root{--ink:#202329;--muted:#6b707a;--blue:#1755ff;--line:#e0e4eb;--wash:#f6f7f9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}a,button,input,textarea,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #759aff;outline-offset:5px}p{font-size:16px;line-height:1.7;color:var(--muted)}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.055em;font-weight:500;line-height:1.03}h1{font-size:clamp(45px,6.2vw,91px);margin:25px 0}h1 span{color:var(--blue)}h2{font-size:clamp(38px,4.4vw,64px);margin:22px 0 28px}h3{font-size:25px;letter-spacing:-.035em;font-weight:500;line-height:1.22}h4{font-size:12px;text-transform:uppercase;letter-spacing:.1em;margin:32px 0 17px}.wrap{max-width:1320px;margin:auto;padding-left:6%;padding-right:6%}header{max-width:1510px;margin:auto;height:94px;padding:0 5.2%;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.wordmark{font-size:27px;font-weight:700;letter-spacing:-1.4px;white-space:nowrap}.wordmark span{font-weight:400}.wordmark b{font-size:10px;vertical-align:top;margin-left:4px}nav{display:flex;gap:30px;font-size:13px}nav a:hover,.text-link:hover{color:var(--blue)}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;background:var(--blue);color:white;padding:18px 23px;border:0;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s,transform .2s}.button:hover{background:#093ad5;transform:translateY(-2px)}.button span{font-size:20px;font-weight:400}.small{padding:12px 18px;font-size:12px}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;min-height:700px;padding-top:72px;padding-bottom:70px;gap:15px}.eyebrow{font-size:10px;letter-spacing:.14em;font-weight:700;line-height:1.6}.eyebrow i{display:inline-block;width:6px;height:6px;background:var(--blue);border-radius:50%;margin-right:8px}.hero-copy>p{max-width:430px}.actions{display:flex;align-items:center;gap:24px;margin:30px 0 19px}.text-link{display:inline-flex;gap:24px;align-items:center;font-size:13px;font-weight:600}.micro{font-size:11px;line-height:1.7;color:#737985}.hero-copy .micro{font-size:10px}.product-hero{position:relative;margin:0;min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse at center,#eef1f8,transparent 67%);isolation:isolate}.product-hero .controller-art{width:120%;height:auto;margin-left:-10%;z-index:1}.figure-top{position:absolute;top:20px;right:0;font-size:9px;letter-spacing:.15em;color:var(--muted)}figcaption{display:flex;justify-content:space-between;align-items:center;font-size:12px;gap:10px;margin-top:20px}figcaption small{display:block;color:var(--muted);font-size:10px;margin-top:7px}figcaption>span:last-child{font-size:8px;letter-spacing:.1em;color:var(--muted)}.orbit{position:absolute;z-index:-1;aspect-ratio:1;border:1px solid #e8ebf2;border-radius:50%;width:95%;left:2.5%;top:10%}.orbit.two{width:72%;left:14%;top:20%}.applications-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:25px;padding-bottom:25px}.applications-strip>span{font-size:9px;letter-spacing:.13em;max-width:130px;line-height:1.8;color:var(--muted)}.applications-strip>a{font-size:13px}.section{padding-top:105px;padding-bottom:105px}.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:40px}.section-head>p{max-width:340px;margin-bottom:30px;font-size:14px}.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:36px}.steps article{position:relative;padding:30px 35px 30px 0}.steps article+article{border-left:1px solid var(--line);padding-left:35px}.number{font-size:11px;color:var(--muted)}.step-icon{font-size:42px;color:var(--blue);height:85px;padding-top:16px}.steps h3{font-size:35px;margin-bottom:14px}.steps p{font-size:14px;max-width:270px}.tint{background:var(--wash)}.usecases{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.usecases article{background:white;padding:26px 22px;position:relative;border:1px solid #e9ecf1;min-height:230px}.line-icon{font-size:44px;color:var(--blue);display:block;margin-bottom:50px}.index{position:absolute;right:20px;top:25px;font-size:10px;color:var(--muted)}.usecases h3{font-size:21px;margin-bottom:10px}.usecases p{font-size:13px;margin:0}.tint .micro{margin-top:20px}.hardware{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center}.hardware-visual{background:var(--wash);padding:32px 25px;overflow:hidden}.hardware-visual .controller-art{width:125%;height:auto;margin:20px -12.5%}.hardware-visual>.micro{display:block}.hardware p{font-size:14px}.ports{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:20px}.ports span{font-family:monospace;font-size:12px;border:1px solid #d8dde7;padding:11px 13px;border-radius:3px}.hardware .micro{font-size:11px}.hardware .text-link{margin-top:14px}.dark{background:#202329;color:white}.dark p{color:#adb3be}.dark .eyebrow{color:#8aa9ff}.platform-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:65px;align-items:center}.dashboard{background:#fff;color:var(--ink);border-radius:7px;padding:22px;min-width:0;box-shadow:0 25px 60px #0002}.dash-head{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid var(--line);padding-bottom:21px;font-size:11px}.dash-head span{font-weight:400;color:var(--muted)}.dash-head b{font-size:7px;letter-spacing:.08em;color:var(--muted)}.dash-top{display:flex;align-items:center;justify-content:space-between;margin:25px 0}.dash-top small{font-size:8px;color:var(--muted);letter-spacing:.12em}.dash-top h3{font-size:21px;margin:8px 0 0}.demo-badge{font-size:8px;padding:6px 9px;background:#f1f4fb;border-radius:15px}.table-row{display:grid;grid-template-columns:1.2fr 1fr .8fr;gap:8px;padding:15px 0;border-bottom:1px solid #edf0f5;font-size:10px;align-items:center}.labels{font-size:8px;color:var(--muted);background:#f7f8fa;padding:9px 5px}.table-row strong{font-weight:500}.table-row em{font-style:normal;color:#28725e;font-size:8px}.table-row em:before{content:'●';margin-right:5px;font-size:6px}.table-row .review{color:#956516}.activity{margin-top:25px}.activity>span{font-size:8px;color:var(--muted);letter-spacing:.08em}.bars{height:75px;display:flex;gap:8px;align-items:end;margin-top:14px}.bars i{background:#dfe8ff;flex:1;height:40%}.bars i:nth-child(3n){height:70%;background:#7398ff}.bars i:nth-child(4n){height:90%;background:var(--blue)}.bars i:nth-child(5n){height:55%}.platform-features article{display:flex;gap:20px;border-bottom:1px solid #42454b;padding:24px 0}.platform-features article>span{font-size:10px;color:#91adff;padding-top:5px}.platform-features h3{font-size:21px;margin-bottom:9px}.platform-features p{font-size:13px;margin:0}.dark .micro{margin-top:28px;font-size:10px}.audiences{display:grid;grid-template-columns:1fr 1fr;margin-top:45px;border-top:1px solid var(--line)}.audiences article{padding:36px 65px 0 0}.audiences article+article{border-left:1px solid var(--line);padding-left:65px;padding-right:0}.audiences article>span{font-size:9px;color:var(--blue);letter-spacing:.13em}.audiences h3{font-size:32px;line-height:1.15;margin:22px 0}.audiences p{font-size:14px}.audiences a{margin-top:14px}.access{background:var(--blue);color:#fff}.access-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-top:90px;padding-bottom:90px}.access h2{font-size:clamp(38px,4vw,56px)}.access p{color:#dce5ff;font-size:15px}.access .micro{font-size:11px;max-width:310px;margin-top:50px;color:#dce5ff}.access a{font-size:15px}form label{display:block;font-size:11px;margin-bottom:9px}form label span{opacity:.7}input,textarea,select{width:100%;min-height:46px;background:#ffffff10;border:1px solid #ffffff70;border-radius:3px;padding:12px;color:#fff;outline-offset:2px;margin-bottom:19px;font-size:13px}input::placeholder,textarea::placeholder{color:#d6e1ff}select option{background:white;color:var(--ink)}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;min-width:0}.form-row>div{min-width:0}form .button{width:100%;background:white;color:var(--blue)}form .button:hover{background:#eaf0ff}.access .form-note{font-size:10px;line-height:1.6;margin:14px 0 0}#form-status{font-size:12px;margin:12px 0}.download{color:#fff;background:transparent;border:0;border-bottom:1px solid white;padding:8px 0;cursor:pointer;font-size:12px}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:35px;padding-bottom:35px}footer span,footer>a:last-child{font-size:10px;color:var(--muted)}footer .wordmark{font-size:23px}footer .wordmark span{font-size:23px;color:var(--ink)}.skip{position:fixed;top:-100px;left:10px;z-index:5;background:white;padding:15px}.skip:focus{top:10px}@media(min-width:1500px){.wrap{padding-left:65px;padding-right:65px}}@media(max-width:950px){nav{gap:18px}.hero{min-height:600px}.hero .actions{gap:16px;flex-wrap:wrap}.hardware{gap:35px}.platform-grid{gap:30px}.access-grid{gap:45px}.usecases{grid-template-columns:repeat(2,1fr)}.usecases article{min-height:210px}.section{padding-top:75px;padding-bottom:75px}.hero h1{font-size:60px}.hero .eyebrow{font-size:8px}}@media(max-width:680px){header{height:76px;padding:0 6%;gap:12px}nav{display:none}.wordmark{font-size:23px}.small{padding:10px 12px;gap:12px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:45px;padding-bottom:30px;gap:15px}.hero h1{font-size:clamp(44px,10.5vw,67px)}.hero .eyebrow{font-size:8px}.hero-copy>p{font-size:14px;max-width:360px}.hero .actions{gap:20px}.button{padding:16px 18px;font-size:12px}.hero .micro{font-size:9px}.product-hero{min-height:320px;max-width:450px;width:100%;margin:auto;overflow:hidden}.product-hero .controller-art{width:100%;margin:0}.figure-top{top:12px;font-size:8px}.orbit{top:0}.orbit.two{top:12%}figcaption{margin-top:-20px;padding:0 8px 10px}.applications-strip{flex-wrap:wrap;justify-content:flex-start;gap:15px 25px}.applications-strip>span{max-width:none;flex-basis:100%;font-size:8px}.applications-strip>a{font-size:11px}.section{padding-top:60px;padding-bottom:60px}.section-head{display:block;margin-bottom:25px}.section-head>p{font-size:13px;max-width:310px;margin-top:20px}h2{font-size:40px}.steps{display:block}.steps article,.steps article+article{padding:25px 0 22px 58px;border-left:none;border-bottom:1px solid var(--line)}.steps .number{position:absolute;left:0;top:30px}.step-icon{position:absolute;left:0;top:45px;font-size:30px}.steps h3{font-size:30px}.steps p{max-width:none;font-size:13px;margin-bottom:0}.steps+.micro{margin-top:20px}.usecases{gap:10px}.usecases article{padding:20px 15px;min-height:215px}.usecases h3{font-size:19px}.usecases p{font-size:12px}.line-icon{margin-bottom:35px}.hardware{display:flex;flex-direction:column-reverse;gap:35px}.hardware-visual{width:100%;padding:25px}.hardware-visual .controller-art{margin-top:0;margin-bottom:0}.platform-grid{display:block}.dashboard{padding:17px}.dash-head{font-size:10px}.dash-head b{font-size:6px}.table-row{font-size:9px}.platform-features{margin-top:28px}.platform-features article{padding:20px 0}.audiences{display:block;margin-top:30px}.audiences article,.audiences article+article{border-left:0;padding:30px 0}.audiences article+article{border-top:1px solid var(--line);margin-top:10px}.audiences h3{font-size:29px}.access-grid{display:block;padding-top:60px;padding-bottom:50px}.access .micro{margin:25px 0 35px}.access h2{font-size:42px}.access form{margin-top:40px}input,textarea,select{font-size:16px}.form-row{grid-template-columns:1fr}footer{display:grid;grid-template-columns:1fr 1fr;gap:22px}footer>span:nth-child(2){text-align:right}footer>a:last-child{text-align:right}.eyebrow{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Keep illustrations stable and card content aligned across font engines. */
.controller-art{display:block;flex-shrink:0;aspect-ratio:760/600;max-width:none}
.hardware-visual{min-width:0}
.hardware-visual .controller-art{width:100%;height:auto;margin:20px 0}
.usecases{grid-template-columns:repeat(4,minmax(0,1fr))}
.usecases article{min-width:0;display:flex;flex-direction:column}
.line-icon{display:flex;align-items:center;justify-content:flex-start;width:44px;height:52px;flex:0 0 52px;line-height:1;margin-bottom:44px}
.line-icon svg{display:block;width:40px;height:42px}
.usecases h3{min-height:2.44em;margin-bottom:10px}
@media(max-width:950px){.usecases{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.line-icon{margin-bottom:30px}.hardware-visual .controller-art{margin:12px 0}.usecases article{min-height:240px}}

/* Google Material Symbols Outlined: fill 0, weight 400, optical size 24. */
.line-icon svg{width:40px;height:40px;fill:currentColor;stroke:none}

/* VP mark on white backgrounds. */
.brand{display:inline-flex;align-items:center;gap:12px}
.brand-mark{position:relative;display:block;width:46px;height:28px;overflow:hidden;flex:0 0 46px}
.brand-mark img{position:absolute;display:block;width:58px;height:58px;max-width:none;left:-5.7px;top:-16.5px}
@media(max-width:680px){.brand{gap:8px}.brand-mark{width:34px;height:21px;flex-basis:34px}.brand-mark img{width:43px;height:43px;left:-4.2px;top:-12.2px}header .wordmark{font-size:21px}.footer-brand .wordmark{font-size:21px}}

/* Supplied render, displayed in full without cropping. */
.product-hero .product-render{width:100%;height:auto;aspect-ratio:3/2;margin:0;mix-blend-mode:multiply}
.hardware-visual .product-render{width:100%;height:auto;aspect-ratio:3/2;margin:32px 0;mix-blend-mode:multiply}
@media(max-width:680px){.product-hero .product-render{margin:28px 0 32px}.hardware-visual .product-render{margin:24px 0}}

/* Allow the full VP silhouette plus edge padding. */
.brand-mark{width:52px;height:32px;flex-basis:52px}
.brand-mark img{left:-4px;top:-15px}
@media(max-width:680px){.brand-mark{width:39px;height:25px;flex-basis:39px}.brand-mark img{left:-3px;top:-11px}}