@font-face{font-family:Montserrat;src:url('/assets/montserrat-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Montserrat;src:url('/assets/montserrat-500.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Montserrat;src:url('/assets/montserrat-600.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:Montserrat;src:url('/assets/montserrat-700.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Montserrat;src:url('/assets/montserrat-800.ttf') format('truetype');font-style:normal;font-weight:800;font-display:swap} :root{font-family:Montserrat,Arial,sans-serif;color:#f5f7fa;background:#080b18;font-synthesis:none;--navy:#080b18;--cyan:#02faeb;--pink:#eb499a;--paper:#f2f4f2;--ink:#11182a;--muted:#a4aec0;--line:#ffffff25;--progress:0;--hero-shift:0px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;-webkit-font-smoothing:antialiased}body,button,input{font-family:Montserrat,Arial,sans-serif}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex='0']:focus-visible{outline:3px solid var(--pink);outline-offset:6px}img,video{display:block;width:100%;max-width:100%;height:auto}button{border:0;background:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;letter-spacing:-.055em}h2{font-size:clamp(38px,4.15vw,62px);line-height:1.13}h3{font-size:clamp(30px,3.25vw,47px);line-height:1.18}p{line-height:1.8}ul{padding:0;list-style:none;margin:0}svg{flex-shrink:0}section{position:relative;scroll-margin-top:35px}.container{width:min(1360px,calc(100% - 112px));margin-inline:auto}.section-dark{background:var(--navy);color:#f5f7fa}.section-light{background:var(--paper);color:var(--ink)}.eyebrow{display:flex;gap:12px;align-items:center;font-size:10px;font-weight:700;line-height:1.6;text-transform:uppercase;letter-spacing:.14em;color:var(--pink);margin-bottom:30px}.eyebrow>span{height:6px;width:6px;background:currentColor;flex-shrink:0}.section-light .eyebrow{color:#9d1f64}.eyebrow-light{color:var(--cyan)}.overline{font-size:10px;line-height:1.65;font-weight:600;letter-spacing:.13em;text-transform:uppercase}.text-cyan{color:var(--cyan)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:51px;padding:15px 21px;background:var(--pink);border:1px solid var(--pink);color:#0c0c1b;font-size:12px;font-weight:700;line-height:1.4;transition:background .25s,transform .25s,border-color .25s}.button:hover{background:#f779b5;border-color:#f779b5;transform:translateY(-2px)}.button-outline{background:transparent;color:inherit;border-color:#657087}.button-outline:hover{color:var(--navy);background:var(--cyan);border-color:var(--cyan)}.text-link{display:inline-flex;align-items:center;gap:18px;font-size:13px;line-height:1.6;font-weight:600}.text-link svg{transition:transform .2s}.text-link:hover svg{transform:translate(3px,-3px)}.text-link:hover{text-decoration:underline;text-underline-offset:6px}.skip-link{position:fixed;top:-100px;left:20px;padding:16px;background:var(--cyan);color:var(--navy);z-index:100}.skip-link:focus{top:10px}.reading-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:70;background:var(--cyan);transform-origin:left;transform:scaleX(var(--progress))}.header{height:88px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;gap:35px;position:sticky;top:0;z-index:50;background:#080b18f5;border-bottom:1px solid #ffffff18;backdrop-filter:blur(16px)}.brand{display:block;flex:0 0 auto;width:190px}.brand img{object-fit:contain}.nav{display:flex;align-items:center;gap:27px;font-size:12px;font-weight:600}.nav>a{padding:14px 0;transition:color .2s}.nav>a:hover{color:var(--cyan)}.nav .nav-contact{display:flex;align-items:center;gap:15px;margin-left:13px;border:1px solid #728091;padding:12px 15px}.mobile-toggle{display:none}.hero{padding-top:48px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1.03fr;gap:35px;align-items:center}.hero-copy{position:relative;z-index:2;padding:8px 0 12px}.hero-copy .eyebrow{margin-bottom:26px}.hero h1{font-size:clamp(56px,6.25vw,91px);font-weight:500;line-height:.99;letter-spacing:-.069em}.hero h1>span{color:var(--cyan)}.hero-copy>p{color:#c0c7d4;font-size:16px;line-height:1.75;margin-top:25px}.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:25px}.hero-plans-link{font-size:10px;display:inline-flex;align-items:center;gap:13px;margin-top:22px;color:#abb5c7;line-height:1.6}.hero-plans-link:hover{color:var(--cyan)}.hero-visual{width:100%;padding-left:15px;transform:translateY(var(--hero-shift));transform-origin:center}.hero-visual-top{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:.1em;line-height:1.6;padding-bottom:13px;color:#cbd3df}.hero-visual-top>span:last-child{margin-left:auto;color:#8792a8;font-size:7px}.live-dot{display:inline-block;width:6px;height:6px;flex-shrink:0;border-radius:50%;background:var(--cyan)}.hero-image{aspect-ratio:.99;position:relative;overflow:hidden;background:#1c2631;isolation:isolate}.hero-image video{height:100%;width:100%;object-fit:cover;object-position:53% center;filter:saturate(.58) brightness(.81)}.hero-image-shade{position:absolute;inset:0;background:linear-gradient(0deg,#060b16e0,transparent 58%)}.hero-image:after{content:'';position:absolute;inset:15px;border:1px solid #ffffff30;pointer-events:none}.hero-image-label{position:absolute;bottom:30px;left:30px;right:25px}.hero-image-label>span{font-size:8px;letter-spacing:.16em;color:var(--cyan)}.hero-image-label h2{font-size:clamp(26px,2.8vw,40px);margin-top:15px;line-height:1.15}.capture-cross{position:absolute;width:21px;height:21px;opacity:.7}.capture-cross:before,.capture-cross:after{content:'';position:absolute;background:var(--cyan)}.capture-cross:before{height:1px;width:21px;top:10px}.capture-cross:after{height:21px;width:1px;left:10px}.cross-one{top:22%;left:18%}.cross-two{top:54%;right:17%}.hero-visual-bottom{border:1px solid #3f4b5c;border-top:0;display:flex;align-items:center;justify-content:space-between;padding:20px 22px;background:#101727}.hero-visual-bottom>div{display:flex;gap:17px;align-items:center}.signal-wave{height:35px;display:flex;align-items:center;gap:2px;opacity:.8}.signal-wave i{display:block;width:2px;background:var(--cyan)}.hero-visual-bottom p{font-size:12px;line-height:1.5}.hero-visual-bottom p span{font-size:8px;display:block;color:#a8b3c8;margin-top:4px}.hero-visual-bottom>a{display:grid;place-items:center;width:42px;height:42px;border:1px solid #72808f}.hero-visual-bottom>a:hover{color:var(--cyan);border-color:var(--cyan)}.hero-bottom{border-top:1px solid #ffffff20;display:flex;align-items:center;justify-content:space-between;padding-top:22px;padding-bottom:24px;margin-top:52px;position:relative;z-index:3}.hero-bottom>a{font-size:8px;letter-spacing:.12em;display:flex;gap:10px;align-items:center;color:#a4aec0}.hero-bottom>p{font-size:10px;color:#9ca8bc}.motion-control{display:flex;align-items:center;gap:8px;font-size:9px;color:#b8c1d0;padding:10px}.motion-control:hover{color:var(--cyan)}.purpose{padding:116px 0 125px}.purpose-grid{display:grid;grid-template-columns:.65fr 1.5fr;gap:75px}.purpose-label{font-size:15px;line-height:1.7;color:#5a6474}.purpose h2{font-size:clamp(32px,3.85vw,56px);line-height:1.2}.purpose h2>span{color:#78818e}.purpose-bottom{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:35px;max-width:760px}.purpose-bottom p{font-size:13px;line-height:1.9;color:#535d6c}.purpose-bottom strong{color:var(--ink);font-weight:600}.story{padding:100px 0 80px}.story-heading>p:last-child{color:#aab5c7;margin-top:21px;font-size:15px}.story-layout{display:grid;grid-template-columns:.84fr 1.18fr;gap:90px;align-items:start;padding-top:40px}.chapter{min-height:66vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:70px 0;opacity:.32;transition:opacity .45s;scroll-margin-top:130px}.chapter-active{opacity:1}.chapter-index{display:flex;align-items:center;gap:21px;font-size:10px;color:#aab5c7;margin-bottom:24px;text-transform:uppercase;letter-spacing:.09em}.chapter-index>span:first-child{font-size:14px;color:var(--pink);border-bottom:1px solid var(--pink);padding-bottom:8px}.chapter h3{font-size:clamp(30px,3.2vw,46px)}.chapter>p{font-size:13px;line-height:1.9;color:#aeb9cb;margin:24px 0;max-width:410px}.chapter .text-link{font-size:12px}.story-stage{position:sticky;top:150px;margin-top:80px;min-width:0}.stage-header{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:19px 22px;background:#121c2e;border:1px solid #425266;border-bottom:0}.stage-header img{width:84px;height:34px;object-fit:contain}.stage-header>span{font-size:7px;letter-spacing:.13em;color:#afbccc}.stage-media{position:relative;aspect-ratio:16/10;background:#090e1a;overflow:hidden;border-inline:1px solid #425266}.stage-media video{height:100%;width:100%;object-fit:contain}.stage-corner{position:absolute;width:22px;height:22px;border-color:var(--cyan);border-style:solid;pointer-events:none}.corner-tl{top:14px;left:14px;border-width:1px 0 0 1px}.corner-br{bottom:14px;right:14px;border-width:0 1px 1px 0}.stage-footer{padding:20px 22px;background:#101b2b;border:1px solid #425266;border-top:0}.stage-footer>div:first-child{font-size:9px;line-height:1.8;display:flex;align-items:center;gap:9px;color:#c1ccdc}.data-tags{display:flex;gap:7px;margin-top:16px;flex-wrap:wrap}.data-tags>span{font-size:8px;color:var(--cyan);border:1px solid #02faeb30;padding:5px 9px;letter-spacing:.06em}.chapter-controls{display:grid;grid-template-columns:repeat(3,1fr);margin-top:22px;gap:14px}.chapter-controls>a{border-top:1px solid #3c465a;color:#7d8aa1;font-size:8px;display:flex;gap:9px;align-items:center;padding-top:11px;line-height:1.5;transition:color .3s,border-color .3s}.chapter-controls>a.active{border-color:var(--cyan);color:var(--cyan)}.chapter-controls>a>span:first-child{font-size:10px}.chapter-mobile-media{display:none}.audience{padding:105px 0 115px}.section-intro{margin-bottom:44px}.audience-tabs{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid #bbc2c9}.audience-tabs button{padding:26px 27px;text-align:left;display:flex;gap:18px;align-items:center;color:#6f7886;font-size:17px;line-height:1.5;font-weight:600;transition:background .2s,color .2s}.audience-tabs button>span{font-size:11px;font-weight:400}.audience-tabs button svg{margin-left:auto}.audience-tabs button[aria-selected='true']{background:var(--navy);color:white}.audience-tabs button[aria-selected='true']>span{color:var(--cyan)}.audience-panel{padding-top:50px;display:grid;grid-template-columns:1.15fr 1fr;gap:90px}.audience-main>.overline{color:#9d1f64;margin-bottom:20px}.audience-main h3{font-size:clamp(28px,3vw,43px)}.audience-main>p:not(.overline){font-size:14px;color:#545d6d;line-height:1.9;margin:23px 0 24px;max-width:510px}.audience-details{padding:9px 0 0 45px;border-left:1px solid #c3cbd1}.audience-details>.overline{color:#536071}.audience-details ul{margin:22px 0 28px}.audience-details li{display:flex;gap:15px;align-items:flex-start;margin:21px 0;font-size:13px;line-height:1.7}.audience-details li svg{color:#147a77;margin-top:2px}.audience-tags{display:flex;gap:8px;flex-wrap:wrap}.audience-tags>span{font-size:9px;border:1px solid #bfc9cc;border-radius:30px;padding:9px 11px}.audience-details>small{display:block;font-size:10px;color:#657182;line-height:1.7;margin-top:21px}.data-section{padding:112px 0 93px}.split-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:70px;margin-bottom:53px}.split-heading>p{max-width:365px;color:#b0bbcc;font-size:13px;line-height:1.9;padding-bottom:3px}.section-light .split-heading>p{color:#5c6677}.split-heading>.text-link{margin-bottom:8px;flex-shrink:0}.data-explorer{display:grid;grid-template-columns:.8fr 1.25fr;gap:80px}.data-options{border-top:1px solid #4c5365}.data-options>button{display:flex;align-items:center;gap:20px;width:100%;padding:28px 0;border-bottom:1px solid #4c5365;text-align:left;color:#8591a5;line-height:1.5}.data-options>button>span{font-size:10px;color:#8491a5}.data-options>button>strong{font-weight:500;font-size:20px;letter-spacing:-.035em}.data-options>button>svg{margin-left:auto}.data-options>button.selected{color:var(--cyan)}.data-options>button.selected>span{color:var(--pink)}.data-panel{background:#142030;border:1px solid #374356;padding:34px 38px;min-height:410px}.data-panel-top{display:flex;gap:20px;align-items:center;justify-content:space-between;color:var(--cyan);margin-bottom:24px}.data-panel-top>.overline{font-size:8px}.data-panel h3{font-size:30px;max-width:480px;line-height:1.25}.data-panel>p{color:#adb8cb;font-size:12px;line-height:1.85;margin:22px 0}.data-example-list{display:grid;grid-template-columns:1fr 1fr;gap:12px 15px;margin-bottom:25px}.data-example-list>span{display:flex;align-items:center;gap:7px;font-size:9px;line-height:1.5;color:#d0d8e4}.data-example-list>span>span{width:4px;height:4px;background:var(--pink)}.data-panel .text-link{font-size:12px}.ownership{margin-top:44px;padding:26px 0 0;border-top:1px solid #3a4559;display:flex;gap:19px;align-items:center;color:var(--cyan)}.ownership strong{font-weight:500;font-size:15px;color:white}.ownership p{font-size:11px;line-height:1.8;color:#a1adc2;margin-top:5px}.capture-section{padding:114px 0}.capture-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:85px;align-items:center}.capture-copy h3{font-size:clamp(34px,3.6vw,52px)}.capture-copy h3>span{color:#74828a}.section-description{font-size:13px;line-height:1.9;margin-top:23px;color:#525f6b}.capture-list{margin-top:26px;margin-bottom:26px}.capture-list li{display:flex;align-items:flex-start;gap:16px;border-top:1px solid #ccd4d6;padding:18px 0}.capture-list li>svg{color:#197c7b;margin-top:2px}.capture-list strong{font-size:12px;font-weight:600;line-height:1.7}.capture-list p{font-size:11px;line-height:1.8;color:#596874;margin-top:5px}.capture-visual{background:#e5eeed;padding:29px}.capture-title{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:4px 0 25px}.capture-title>strong{font-weight:600;letter-spacing:-.07em;font-size:30px}.capture-title>span{display:flex;align-items:center;gap:9px;border-left:1px solid #b4c7ca;padding-left:18px;font-size:29px;font-weight:500;color:#147b7a}.capture-title small{font-size:6px;line-height:1.9;font-weight:600;letter-spacing:.08em;color:#64747e}.capture-visual>video{aspect-ratio:16/10;object-fit:cover}.capture-hardware{display:flex;justify-content:space-between;gap:17px;border-bottom:1px solid #b8cdce;padding:22px 0;font-size:10px;font-weight:500;line-height:1.5}.capture-hardware small{display:block;font-size:8px;font-weight:600;color:#a12767;margin-top:5px}.capture-visual>p{font-size:9px;line-height:1.85;color:#50636d;margin-top:17px}.promo-section{padding:92px 0 15px}.promo-poster{position:relative;aspect-ratio:2.25;min-height:470px;isolation:isolate;overflow:hidden}.promo-poster>img{position:absolute;inset:0;height:100%;object-fit:cover;object-position:50% 58%;filter:saturate(.4)}.promo-shade{position:absolute;inset:0;background:linear-gradient(90deg,#080b18e3,#080b1870 62%,#080b1860),linear-gradient(0deg,#080b1870,transparent)}.promo-topline{position:absolute;top:25px;left:32px;right:32px;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #ffffff45;padding-bottom:16px;font-size:7px;letter-spacing:.15em;line-height:1.5;color:#d7deea}.promo-content{position:absolute;left:45px;top:50%;transform:translateY(-37%)}.promo-content>.overline{color:var(--cyan);font-size:9px;margin-bottom:20px}.promo-content h2{font-size:clamp(36px,4.25vw,63px);line-height:1.08}.promo-coming{display:flex;align-items:center;gap:15px;margin-top:25px}.promo-play-icon{width:45px;height:45px;border:1px solid #aab6c3;display:grid;place-items:center;border-radius:50%}.promo-coming>div{display:grid;gap:5px}.promo-coming strong{font-size:12px;font-weight:500}.promo-coming>div>span{font-size:9px;color:var(--pink)}.promo-demo-link{position:absolute;bottom:25px;right:32px;display:flex;align-items:center;gap:12px;font-size:10px}.promo-demo-link:hover{color:var(--cyan)}.promo-play{display:flex;align-items:center;gap:15px;padding:15px 22px;border:1px solid #fff;margin-top:25px;font-size:13px}.plans-section{padding:105px 0}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.plan{padding:32px 29px;border:1px solid #384258;display:flex;flex-direction:column;min-width:0}.plan+.plan{border-left:0}.plan-growth{background:#142635;border-top-color:var(--cyan)}.plan .overline{font-size:8px;color:#a5b2c6;margin-bottom:22px;letter-spacing:.08em}.plan h3{font-size:28px;font-weight:500;letter-spacing:-.035em}.plan-price{font-size:39px;letter-spacing:-.055em;font-weight:500;line-height:1.2;margin-top:24px}.plan-price>span{font-size:12px;letter-spacing:0;color:#aeb9cb;margin-left:7px}.plan-custom{font-size:36px}.plan-description{font-size:10px;color:#c2ccda;margin-top:15px;min-height:36px}.plan ul{padding:20px 0 26px;margin-top:auto;border-top:1px solid #ffffff25}.plan li{font-size:10px;line-height:1.65;display:flex;align-items:center;gap:10px;margin-top:14px;color:#d0d8e4}.plan li svg{width:14px;height:14px;color:var(--cyan)}.plan .button{font-size:10px;min-height:46px;padding:13px 18px}.plan-footnote{margin-top:25px;display:flex;justify-content:space-between;gap:55px}.plan-footnote>span{font-size:10px;line-height:1.7;display:flex;align-items:flex-start;gap:10px;max-width:340px}.plan-footnote>span svg{color:var(--cyan);margin-top:2px}.plan-footnote>p{font-size:8px;line-height:1.9;color:#93a1b6;max-width:570px}.plan-footnote a{display:inline-flex;align-items:center;gap:4px;color:#d7e0ec;text-decoration:underline;text-underline-offset:3px}.team-section{padding:110px 0 90px}.team-grid{display:grid;grid-template-columns:1fr 1fr .95fr;gap:33px}.team-photo{position:relative;overflow:hidden;background:#d3dcdd;aspect-ratio:1.22}.team-photo>img{width:100%;height:100%;object-fit:cover;object-position:center 30%;filter:grayscale(1);transition:filter .4s,transform .8s}.team-person:hover .team-photo>img{filter:grayscale(0);transform:scale(1.025)}.team-photo>a{position:absolute;bottom:15px;right:15px;width:36px;height:36px;background:#f2f4f2;display:grid;place-items:center}.team-photo>a:hover{background:var(--cyan)}.team-person h3{font-size:25px;margin-top:24px;letter-spacing:-.04em}.team-role{font-size:10px;font-weight:600;color:#974067;margin-top:9px;letter-spacing:.02em}.team-person>p:last-child{font-size:11px;color:#5d6878;line-height:1.95;margin-top:16px}.team-more{padding:7px 0 0 22px}.team-more>.overline{color:#697687;font-size:8px;margin-bottom:32px}.team-more h3{font-size:24px;letter-spacing:-.04em}.team-more>div>p:not(.team-role),.team-advisors>p:not(.overline){font-size:10px;color:#5d6878;line-height:1.85;margin-top:12px}.team-advisors{margin-top:30px;border-top:1px solid #c5ced2;padding-top:23px}.team-advisors>.overline{color:#974067;font-size:8px;margin-bottom:18px}.team-advisors h3{font-size:18px;margin-top:18px}.team-more>.text-link{margin-top:30px;font-size:11px}.partners-section{padding:25px 0 105px}.partners-section>.container{border-top:1px solid #c5ced2;padding-top:70px}.partners-section h2{font-size:clamp(32px,3.6vw,52px)}.partner-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid #c6d0d4;border-bottom:1px solid #c6d0d4}.partner-grid>div{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:150px;padding:26px 15px;gap:22px}.partner-grid>div+div{border-left:1px solid #c6d0d4}.partner-grid img{max-width:145px;width:100%;height:40px;object-fit:contain;filter:grayscale(1) brightness(.28)}.partner-grid>div>span{font-size:8px;color:#687585;text-align:center;line-height:1.6}.partner-grid strong{font-size:25px;letter-spacing:-.07em;height:40px;display:flex;align-items:center;font-weight:600}.partner-grid .xreal-wordmark{font-size:31px;font-weight:800;letter-spacing:.015em}.faq-section{padding:0 0 105px}.faq-layout{display:grid;grid-template-columns:.85fr 1.2fr;gap:70px}.faq-layout h2{font-size:clamp(33px,3.5vw,50px)}.faq-list details{border-top:1px solid #bbc7ce}.faq-list details:last-child{border-bottom:1px solid #bbc7ce}.faq-list summary{display:flex;justify-content:space-between;gap:22px;align-items:center;padding:23px 0;font-size:12px;font-weight:600;line-height:1.7;cursor:pointer;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>svg{color:#9d1f64}.faq-minus{display:none}.faq-list details[open] .faq-plus{display:none}.faq-list details[open] .faq-minus{display:block}.faq-list details>p{font-size:11px;line-height:1.9;color:#5d697a;padding:0 32px 23px 0}.closing{padding:105px 0 0;overflow:hidden}.closing:after{content:'';width:500px;height:500px;border:1px solid #02faeb16;border-radius:50%;position:absolute;right:-155px;top:-130px;box-shadow:0 0 0 85px #02faeb04,0 0 0 170px #02faeb04;pointer-events:none}.closing-top{position:relative;z-index:1}.closing h2{font-size:clamp(48px,6.7vw,95px);line-height:1.02}.closing h2>span{color:var(--cyan)}.closing-top>p:not(.eyebrow){font-size:15px;color:#b8c3d3;margin-top:27px}.closing-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}.closing-bottom{border-top:1px solid #394255;margin-top:73px;display:flex;justify-content:space-between;gap:30px;padding:26px 0;font-size:10px;color:#aab5c7;position:relative;z-index:1}.closing-bottom>a{display:flex;align-items:center;gap:17px;color:#e4e9ef}.closing-bottom>a:hover{color:var(--cyan)}.footer{background:#050812;padding:55px 0 0;color:#9aa7ba}.footer-top{display:flex;justify-content:space-between;gap:45px;align-items:center;padding-bottom:45px}.footer-top>.brand{width:200px}.footer-top>p{font-size:12px;line-height:1.8;color:#d2dbe7;margin-right:auto}.footer-contact{display:grid;gap:12px;font-size:10px}.footer-contact>a{display:flex;align-items:center;gap:18px;color:#e1e7ef}.footer-contact>span{font-size:9px}.footer-bottom{border-top:1px solid #2c3547;display:flex;align-items:center;justify-content:space-between;gap:35px;padding:23px 0;font-size:8px}.footer-bottom>div{display:flex;align-items:center;gap:27px;flex-wrap:wrap}.footer-bottom a{display:flex;align-items:center;gap:6px}.footer a:hover{color:var(--cyan)}.film-dialog{border:1px solid #728091;padding:20px;background:var(--navy);width:min(1000px,90vw);color:#fff}.film-dialog::backdrop{background:#000d}.film-dialog>button{display:block;margin:0 0 10px auto}.film-dialog>video{max-height:75vh}.will-reveal{opacity:0;transform:translateY(23px);transition:opacity .7s ease,transform .7s ease}.will-reveal.is-visible{opacity:1;transform:none} @media(min-width:1550px){.hero-grid{gap:65px}.hero{padding-top:70px}.hero-copy>p{font-size:18px}.hero-visual{padding-left:35px}.hero h1{font-size:100px}.hero-image{aspect-ratio:1.07}.hero-bottom{margin-top:70px}} @media(max-width:1180px){.container{width:calc(100% - 72px)}.header{padding-inline:36px;gap:25px}.brand{width:170px}.nav{gap:19px;font-size:10px}.nav .nav-contact{margin-left:0;padding:11px 13px;gap:8px}.hero-grid{gap:28px}.hero h1{font-size:7.4vw}.hero-visual{padding-left:0}.hero-actions .button{padding:14px 17px;font-size:10px;gap:18px}.hero-image{aspect-ratio:.8}.hero-visual-top{font-size:7px}.hero-visual-top>span:last-child{display:none}.purpose-grid{gap:40px;grid-template-columns:.6fr 1.5fr}.story-layout{gap:55px}.stage-header>span{font-size:6px}.stage-header{padding:15px}.stage-footer{padding:18px 15px}.story-stage{top:140px}.chapter-controls>a{font-size:7px;gap:6px}.chapter>p{font-size:12px}.audience-panel{gap:45px}.audience-details{padding-left:30px}.data-explorer{gap:42px;grid-template-columns:.85fr 1.2fr}.data-options>button>strong{font-size:18px}.data-panel{padding:28px}.capture-layout{gap:45px}.capture-title>strong{font-size:25px}.capture-title>span{font-size:25px;padding-left:12px}.capture-visual{padding:23px}.capture-title small{font-size:5px}.plan{padding:27px 23px}.plan-price{font-size:33px}.plan h3{font-size:25px}.team-grid{gap:25px}.team-more{padding-left:10px}.team-person h3{font-size:23px}.partner-grid img{max-width:115px}.partner-grid strong{font-size:23px}.partner-grid .xreal-wordmark{font-size:28px}.promo-poster{min-height:440px}} @media(max-width:940px){.header{height:77px}.nav{gap:14px;font-size:9px}.brand{width:153px}.nav .nav-contact{padding:10px;gap:5px}.nav .nav-contact svg{display:none}.hero{padding-top:35px}.hero-grid{gap:25px}.hero-copy>.eyebrow{font-size:8px;letter-spacing:.09em}.hero h1{font-size:7.5vw}.hero-copy>p{font-size:13px}.hero-actions{gap:10px}.hero-actions .button{font-size:9px;padding:12px 13px;gap:14px;min-height:44px}.hero-image{aspect-ratio:.74}.hero-image-label{left:22px;bottom:25px}.hero-image-label h2{font-size:29px}.hero-image-label>span{font-size:6px}.hero-visual-bottom{padding:16px}.signal-wave i{width:1px}.hero-visual-bottom p{font-size:10px}.hero-visual-bottom p span{font-size:7px}.hero-visual-bottom>a{width:33px;height:33px}.hero-plans-link{font-size:8px}.purpose{padding:85px 0}.purpose-grid{grid-template-columns:1fr;gap:25px}.purpose-grid>div:first-child{display:flex;justify-content:space-between;gap:20px;align-items:center}.purpose-grid .eyebrow{margin-bottom:0}.purpose-label{font-size:11px}.purpose h2{font-size:43px}.story{padding:85px 0 55px}.story-layout{gap:35px;grid-template-columns:.95fr 1.15fr}.chapter h3{font-size:32px}.chapter>p{font-size:11px}.chapter-index{font-size:8px;gap:15px}.stage-header>span{display:none}.stage-media{aspect-ratio:1.15}.stage-footer>div:first-child{font-size:8px}.data-tags>span{font-size:6px}.chapter-controls>a>span:last-child{display:none}.chapter-controls>a{padding-top:12px}.chapter{min-height:65vh}.audience,.data-section,.capture-section,.plans-section,.team-section{padding-block:85px}.audience-tabs button{font-size:14px;padding:23px 20px;gap:13px}.audience-panel{gap:30px}.audience-details{padding-left:25px}.audience-details li{font-size:11px}.audience-main>p:not(.overline){font-size:12px}.split-heading{gap:40px}.split-heading>p{max-width:280px;font-size:11px}.data-explorer{gap:30px;grid-template-columns:.8fr 1.2fr}.data-options>button{gap:13px;padding:25px 0}.data-options>button>strong{font-size:16px}.data-panel{padding:25px;min-height:450px}.data-panel h3{font-size:28px}.data-panel>p{font-size:11px}.data-example-list{grid-template-columns:1fr}.data-example-list>span{font-size:9px}.capture-layout{gap:30px}.capture-visual{padding:17px}.capture-title{gap:12px}.capture-title>strong{font-size:23px}.capture-title>span{font-size:22px}.capture-title small{font-size:5px}.capture-copy h3{font-size:37px}.capture-list p{font-size:10px}.capture-list strong{font-size:11px}.capture-list li{gap:12px}.capture-hardware{font-size:8px}.section-description{font-size:12px}.promo-section{padding-top:70px}.promo-poster{min-height:410px}.promo-content{left:33px}.plan{padding:24px 19px}.plan h3{font-size:21px}.plan-price{font-size:29px}.plan-price>span{font-size:10px}.plan-description{font-size:9px}.plan li{font-size:9px;gap:8px}.plan .button{font-size:9px;gap:13px;padding-inline:13px}.plan-footnote{gap:30px}.plan-footnote>span{font-size:9px;max-width:265px}.plan-footnote>p{font-size:7px}.team-grid{gap:23px;grid-template-columns:1fr 1fr}.team-more{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:20px 40px;padding:25px 0 0;border-top:1px solid #c3cbd1}.team-more>.overline{grid-column:1/-1;margin:0}.team-advisors{margin:0;border:0;padding:0}.team-advisors h3{margin-top:0;font-size:18px}.team-advisors h3:not(:first-of-type){margin-top:15px}.team-more>.text-link{margin-top:0;align-self:end}.team-more>div>p{max-width:250px}.partners-section{padding-bottom:85px}.partner-grid>div{padding-inline:8px;min-height:130px}.partner-grid strong{font-size:18px}.partner-grid .xreal-wordmark{font-size:24px}.partner-grid img{max-width:105px;height:34px}.partner-grid>div>span{font-size:7px}.faq-layout{gap:35px;grid-template-columns:.9fr 1.2fr}.faq-list summary{font-size:11px}.footer-top{gap:30px}.footer-top>.brand{width:175px}.footer-top>p{font-size:10px}} @media(max-width:760px){.container{width:calc(100% - 40px)}.header{height:74px;padding:0 20px}.brand{width:164px}.mobile-toggle{display:flex;align-items:center;justify-content:center;width:42px;height:42px}.nav{display:none;position:absolute;top:74px;left:0;right:0;padding:17px 20px 26px;background:#080b18;border-bottom:1px solid #465065;flex-direction:column;align-items:stretch;gap:0;font-size:15px;max-height:calc(100dvh - 74px);overflow:auto}.nav.nav-open{display:flex}.nav>a{padding:14px 8px;border-bottom:1px solid #ffffff15}.nav .nav-contact{padding:16px;margin-top:18px;justify-content:space-between}.nav .nav-contact svg{display:block}.hero{padding-top:36px}.hero-grid{display:flex;flex-direction:column;gap:35px;align-items:stretch}.hero-copy{padding:0}.hero-copy>.eyebrow{font-size:9px;margin-bottom:24px;letter-spacing:.08em}.hero h1{font-size:clamp(52px,11.2vw,80px);line-height:1;letter-spacing:-.066em}.hero h1 br:nth-child(1),.hero h1 span>br{display:inline}.hero h1>span{display:block;margin-top:6px}.hero h1>br{display:inline}.hero h1{max-width:600px}.hero-copy>p{font-size:14px;margin-top:24px}.hero-actions{margin-top:25px;gap:10px}.hero-actions .button{font-size:11px;padding:15px 17px;min-height:49px;gap:24px}.hero-plans-link{font-size:9px;margin-top:20px}.hero-visual{transform:none!important}.hero-visual-top{font-size:7px;padding-bottom:12px}.hero-visual-top>span:last-child{display:inline;font-size:6px}.hero-image{aspect-ratio:1.28}.hero-image video{object-position:center 48%}.hero-image-label{left:25px;bottom:25px}.hero-image-label h2{font-size:30px}.hero-image-label>span{font-size:7px}.hero-visual-bottom{padding:18px 20px}.hero-visual-bottom p{font-size:11px}.hero-visual-bottom p span{font-size:8px}.signal-wave i{width:2px}.hero-bottom{margin-top:30px;padding-top:15px;padding-bottom:17px}.hero-bottom>p{display:none}.hero-bottom>a{font-size:7px}.hero-bottom .motion-control{font-size:8px}.purpose{padding:72px 0 75px}.purpose-grid{gap:30px}.purpose-label{display:none}.eyebrow{font-size:9px;margin-bottom:23px}.purpose h2{font-size:clamp(30px,7.6vw,46px);line-height:1.2}.purpose h2 br:first-child{display:none}.purpose-bottom{gap:22px;margin-top:26px}.purpose-bottom p{font-size:11px;line-height:1.9}.story{padding:72px 0 30px}.story h2{font-size:38px}.story-heading>p:last-child{font-size:12px;max-width:300px}.story-layout{display:block;padding-top:15px}.story-stage{display:none}.chapter{opacity:1;min-height:0;padding:39px 0 45px;border-bottom:1px solid #343e52}.chapter:last-child{border:0}.chapter h3{font-size:34px}.chapter>p{font-size:12px;max-width:100%;margin:18px 0}.chapter-index{font-size:9px;margin-bottom:18px}.chapter-mobile-media{display:block;margin-top:29px;width:100%}.chapter-mobile-media img{aspect-ratio:16/10;object-fit:cover;border:1px solid #414d60}.chapter-mobile-media>p{font-size:8px;line-height:1.7;color:#a6b1c3;margin-top:9px}.audience,.data-section,.capture-section,.plans-section,.team-section{padding-block:72px}.section-intro{margin-bottom:30px}h2{font-size:37px}.audience-tabs{grid-template-columns:1fr}.audience-tabs button{font-size:14px;padding:20px;gap:17px}.audience-tabs button+button{border-top:1px solid #bfc8ce}.audience-panel{grid-template-columns:1fr;gap:30px;padding-top:34px}.audience-main h3{font-size:33px}.audience-main>.overline{font-size:9px;margin-bottom:18px}.audience-main>p:not(.overline){font-size:12px;margin-top:19px}.audience-details{border-left:0;padding:25px 0 0;border-top:1px solid #c5cdd3}.audience-details li{font-size:12px;margin:17px 0}.audience-details>small{font-size:9px}.audience-tags>span{font-size:8px}.split-heading{display:block;margin-bottom:32px}.split-heading>p{font-size:12px;margin-top:24px;max-width:100%}.split-heading>.text-link{margin-top:23px;font-size:12px}.data-explorer{display:block}.data-options{display:flex;margin-bottom:27px;border-bottom:1px solid #586276;border-top:0;gap:12px}.data-options>button{flex:1;display:block;padding:15px 0;border-bottom:2px solid transparent;margin-bottom:-1px;text-align:left}.data-options>button.selected{border-bottom-color:var(--cyan)}.data-options>button>strong{font-size:12px;display:block;line-height:1.6;margin-top:9px;letter-spacing:0}.data-options>button>span{font-size:9px}.data-options>button>svg{display:none}.data-panel{min-height:390px;padding:27px 23px}.data-panel h3{font-size:29px}.data-panel>p{font-size:12px}.data-example-list{grid-template-columns:1fr 1fr;gap:12px 8px}.data-example-list>span{font-size:8px}.ownership{align-items:flex-start;gap:15px;margin-top:30px;padding-top:25px}.ownership>svg{width:21px;margin-top:4px}.ownership strong{font-size:13px}.ownership p{font-size:10px}.capture-layout{display:flex;flex-direction:column;gap:35px}.capture-copy h3{font-size:38px}.section-description{font-size:12px}.capture-list li{padding:17px 0;gap:14px}.capture-list strong{font-size:12px}.capture-list p{font-size:11px}.capture-visual{width:100%;padding:22px}.capture-title>strong{font-size:29px}.capture-title>span{font-size:27px;gap:10px}.capture-title small{font-size:6px}.capture-hardware{font-size:10px}.capture-visual>p{font-size:9px}.capture-visual>video{aspect-ratio:1.5}.promo-section{padding:55px 0 0}.promo-poster{min-height:480px;aspect-ratio:auto}.promo-topline{top:22px;left:23px;right:23px;font-size:7px}.promo-topline>span:last-child{display:none}.promo-content{left:24px;right:20px;top:45%;transform:translateY(-35%)}.promo-content h2{font-size:39px}.promo-content>.overline{font-size:8px}.promo-coming{margin-top:29px}.promo-demo-link{font-size:9px;right:auto;left:24px;bottom:30px}.plan-grid{grid-template-columns:1fr;gap:15px}.plan{padding:28px 25px}.plan+.plan{border-left:1px solid #384258}.plan .overline{font-size:9px;margin-bottom:16px}.plan h3{font-size:30px}.plan-price{font-size:40px;margin-top:20px}.plan-price>span{font-size:12px}.plan-description{font-size:11px;margin-top:10px;min-height:35px}.plan ul{padding-top:13px}.plan li{font-size:12px;margin-top:16px}.plan .button{font-size:12px;padding:16px 20px}.plan-footnote{display:block}.plan-footnote>span{font-size:11px;max-width:100%}.plan-footnote>p{font-size:9px;margin-top:20px}.team-grid{grid-template-columns:1fr 1fr;gap:35px 18px}.team-photo{aspect-ratio:.85}.team-photo img{object-position:center 30%}.team-person h3{font-size:22px;line-height:1.2;margin-top:20px}.team-role{font-size:9px;line-height:1.65}.team-person>p:last-child{font-size:10px;line-height:1.85;margin-top:13px}.team-photo>a{bottom:10px;right:10px;width:32px;height:32px}.team-more{grid-template-columns:1fr 1fr;gap:25px 23px}.team-more h3{font-size:23px}.team-more .team-advisors h3{font-size:17px;line-height:1.3}.team-more>div>p{font-size:10px;line-height:1.8}.team-more>.overline{font-size:8px}.team-more>.text-link{margin-top:5px;grid-column:1/-1}.partners-section{padding:0 0 70px}.partners-section>.container{padding-top:65px}.partners-section h2{font-size:37px}.partner-grid{grid-template-columns:repeat(2,1fr);border-bottom:0}.partner-grid>div{min-height:135px;padding:23px 12px;border-bottom:1px solid #c6d0d4}.partner-grid>div+div{border-left:0}.partner-grid>div:nth-child(even){border-left:1px solid #c6d0d4}.partner-grid>div:last-child{grid-column:1/-1}.partner-grid img{height:38px;max-width:135px}.partner-grid strong{font-size:25px}.partner-grid .xreal-wordmark{font-size:31px}.partner-grid>div>span{font-size:8px}.faq-section{padding-bottom:72px}.faq-layout{grid-template-columns:1fr;gap:30px}.faq-layout h2{font-size:37px}.faq-list summary{font-size:12px;padding:22px 0}.faq-list details>p{font-size:11px}.closing{padding:74px 0 0}.closing h2{font-size:clamp(42px,9.8vw,67px)}.closing-top>p:not(.eyebrow){font-size:13px;margin-top:22px}.closing-actions{gap:12px;margin-top:25px}.closing-actions .button{font-size:10px;padding:14px 17px;gap:20px}.closing-bottom{flex-direction:column;gap:17px;margin-top:50px;padding:25px 0;font-size:9px}.footer{padding-top:42px}.footer-top{flex-wrap:wrap;gap:25px;padding-bottom:35px}.footer-top>.brand{width:180px}.footer-top>p{font-size:9px;margin:0 0 0 auto}.footer-contact{font-size:10px;width:100%;margin-top:3px}.footer-contact>a{justify-content:flex-start}.footer-bottom{flex-direction:column;align-items:flex-start;gap:19px;padding-block:22px;font-size:8px}.footer-bottom>div{gap:22px}.will-reveal{transform:translateY(15px)}} @media(max-width:390px){.hero h1{font-size:11vw}.hero-actions .button{font-size:10px;padding:14px;gap:18px}.hero-image-label h2{font-size:28px}.hero-image-label{left:23px}.purpose-bottom{grid-template-columns:1fr;gap:17px}.capture-title>strong{font-size:25px}.capture-title small{font-size:5px}.capture-title>span{font-size:25px}.data-example-list{grid-template-columns:1fr}.team-grid{gap:28px 15px}.team-person h3{font-size:20px}.team-more{grid-template-columns:1fr}.team-more>.overline,.team-more>.text-link{grid-column:auto}.closing-actions{flex-direction:column;align-items:flex-start}.footer-top>p{display:none}} html[data-motion='off']{scroll-behavior:auto}html[data-motion='off'] .hero-visual{transform:none}html[data-motion='off'] .will-reveal{opacity:1;transform:none;transition:none}html[data-motion='off'] *,html[data-motion='off'] *:before,html[data-motion='off'] *:after{animation:none!important;transition:none!important}html[data-motion='off'] .chapter{opacity:1} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.will-reveal{opacity:1;transform:none}.hero-visual{transform:none}.chapter{opacity:1}} /* Readable typography at laptop and mobile sizes. */ .nav{font-size:13px}.hero-plans-link{font-size:11px}.hero-bottom>p{font-size:11px}.purpose-bottom p{font-size:14px}.chapter>p{font-size:14px}.audience-main>p:not(.overline){font-size:14px}.audience-details li{font-size:14px}.split-heading>p{font-size:14px}.data-panel>p{font-size:14px}.data-example-list>span{font-size:11px}.data-options>button>span{font-size:11px}.ownership p{font-size:12px}.section-description{font-size:14px}.capture-list strong{font-size:13px}.capture-list p{font-size:13px}.capture-visual>p{font-size:11px}.capture-hardware{font-size:12px}.capture-hardware small{font-size:10px}.plan .overline{font-size:9px}.plan-description{font-size:12px;min-height:49px}.plan li{font-size:12px}.plan-footnote>span{font-size:12px}.plan-footnote>p{font-size:10px}.team-person>p:last-child{font-size:13px}.team-role{font-size:11px}.team-more>div>p:not(.team-role),.team-advisors>p:not(.overline){font-size:12px}.partner-grid>div>span{font-size:10px}.faq-list summary{font-size:14px}.faq-list details>p{font-size:13px}.footer-bottom{font-size:10px}.footer-contact{font-size:12px}.footer-contact>span{font-size:10px}.closing-bottom{font-size:12px} @media(max-width:1180px){.nav{font-size:11px}.purpose-bottom p,.chapter>p,.audience-main>p:not(.overline),.audience-details li,.split-heading>p,.data-panel>p,.section-description{font-size:13px}.capture-hardware{font-size:10px}.plan li{font-size:11px}.plan-description{font-size:11px}.team-person>p:last-child{font-size:12px}.team-more>div>p:not(.team-role),.team-advisors>p:not(.overline){font-size:11px}.plan-footnote>span{font-size:11px}.plan-footnote>p{font-size:9px}.partner-grid>div>span{font-size:8px}} @media(max-width:940px){.nav{font-size:9px}.hero-plans-link{font-size:9px}.plan li{font-size:10px}.plan-description{font-size:10px}.team-role{font-size:10px}.capture-list p{font-size:11px}.capture-list strong{font-size:12px}.capture-visual>p{font-size:10px}.faq-list summary{font-size:12px}} @media(max-width:760px){.nav{font-size:15px}.hero h1{font-size:clamp(52px,15vw,76px);max-width:100%}.hero h1>span{margin-top:0}.hero-plans-link{font-size:10px}.purpose-bottom p,.chapter>p,.audience-main>p:not(.overline),.audience-details li,.split-heading>p,.data-panel>p,.section-description{font-size:14px}.audience-tags>span{font-size:10px}.audience-details>small{font-size:11px}.capture-list p{font-size:13px}.capture-list strong{font-size:14px}.capture-visual>p{font-size:11px}.plan .overline{font-size:10px}.plan li{font-size:13px}.plan-description{font-size:12px}.plan-footnote>span{font-size:12px}.plan-footnote>p{font-size:11px}.team-person>p:last-child{font-size:12px}.team-role{font-size:10px}.team-more>div>p:not(.team-role),.team-advisors>p:not(.overline){font-size:12px}.partner-grid>div>span{font-size:10px}.faq-list summary{font-size:14px}.faq-list details>p{font-size:13px}.footer-bottom{font-size:10px}.footer-bottom>div{gap:16px}.closing-bottom{font-size:11px}.ownership p{font-size:12px}.data-example-list>span{font-size:10px}.promo-demo-link{font-size:11px}} @media(min-width:761px){.story-stage{top:120px}.stage-media{height:clamp(210px,42vh,440px);aspect-ratio:auto}} /* Product preview and Delphi brand treatment. */ .hero-image-product{background:#0c1423} .hero-image-product video{object-fit:contain;object-position:center 24%;filter:none} .hero-image-product .hero-image-shade{background:linear-gradient(0deg,#080b18 0%,#080b18d9 20%,transparent 40%)} .hero-image-product .hero-image-label h2{font-size:clamp(26px,2.55vw,37px)} .story-heading{display:grid;grid-template-columns:1.3fr .85fr;align-items:center;gap:80px} .story-heading-copy>p{font-size:15px;color:#aab5c7;margin-top:21px;line-height:1.8} .story-delphi-brand{display:flex;flex-direction:column;align-items:center;border-left:1px solid #394b5e;padding:8px 0 8px 48px} .story-delphi-brand img{width:100%;max-width:390px;height:auto} .story-delphi-brand>span{display:flex;align-items:center;gap:13px;margin-top:16px;font-size:12px;font-weight:500;line-height:1.7;color:#c1cbd9} .story-delphi-brand:hover>span{color:var(--cyan)} .story-context{margin-top:17px;border-top:1px solid #3f4b5c} .story-context p{font-size:14px}.story-context p span{font-size:10px} @media(min-width:761px){.story-stage .stage-media{height:clamp(180px,36vh,390px)}} @media(max-width:1180px){.story-heading{gap:45px}.story-delphi-brand{padding-left:30px}.story-delphi-brand>span{font-size:10px}.story-heading-copy>p{font-size:13px}} @media(max-width:940px){.story-heading{gap:35px;grid-template-columns:1.2fr .85fr}.story-delphi-brand{padding-left:25px}.story-delphi-brand>span{font-size:9px;gap:8px}.story-context{padding:16px}.story-context p{font-size:11px}.story-context p span{font-size:8px}} @media(max-width:760px){.hero-image-product .hero-image-label h2{font-size:28px}.hero-image-product video{object-position:center top}.story-heading{grid-template-columns:1fr;gap:33px}.story-heading-copy>p{font-size:14px;max-width:100%}.story-delphi-brand{padding:28px 0 0;border-left:0;border-top:1px solid #394b5e;align-items:flex-start}.story-delphi-brand img{width:255px;max-width:75%}.story-delphi-brand>span{font-size:11px;margin-top:10px}} @media(max-width:390px){.hero-image-product .hero-image-label h2{font-size:25px}} .story-context-mobile{display:none} @media(max-width:760px){.story-context-mobile{display:block;margin-bottom:35px}.story-context-mobile .story-context{margin-top:0}.hero-image-product .hero-image-label{bottom:18px}.hero-image-product .hero-image-label h2{font-size:21px;margin-top:8px}.hero-image-product .hero-image-label>span{font-size:7px}} /* Understated view navigation below the opening video. */ .hero-view-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:10px} .hero-view-selector button{position:relative;display:flex;align-items:center;justify-content:center;min-height:46px;padding:10px 5px;border:0;border-bottom:1px solid #394457;background:transparent;color:#a4aec0;text-align:center;font-size:13px;font-weight:500;line-height:1.5;transition:color .2s,border-color .2s} .hero-view-selector button:hover{color:#fff;border-bottom-color:#77869b} .hero-view-selector button[aria-selected='true']{color:#e9f3f5;border-bottom-color:#02faeb99} @media(max-width:940px){.hero-view-selector{gap:10px}.hero-view-selector button{font-size:12px;padding-inline:3px}} @media(max-width:760px){.hero-view-selector{gap:10px;margin-top:8px}.hero-view-selector button{min-height:48px;font-size:13px;padding:9px 3px}} /* Prominent RoboCapture section heading, matching the feature landing page. */ .capture-section-heading{display:flex;align-items:center;justify-content:space-between;gap:28px 40px;border-bottom:1px solid #cad6dc;padding-bottom:30px;margin-bottom:40px} .capture-section-heading .eyebrow{margin-bottom:15px} .capture-section-heading h2{color:#087f7d;font-size:clamp(44px,4.4vw,62px);font-weight:700;letter-spacing:-.045em;line-height:1.1} .capture-section-seats{display:flex;align-items:center;gap:18px;border-left:1px solid #b7cbd0;padding-left:30px} .capture-section-seats>strong{font-size:49px;line-height:1.1;letter-spacing:-.06em;font-weight:600;color:#087f7d} .capture-section-seats>p{font-size:13px;line-height:1.7;font-weight:500;color:#263e4c} .capture-section-seats>p>span{display:block;font-weight:600} @media(max-width:760px){.capture-section-heading{flex-wrap:wrap;gap:25px;padding-bottom:26px;margin-bottom:34px}.capture-section-heading h2{font-size:clamp(38px,11.5vw,48px)}.capture-section-heading .eyebrow{font-size:8px;letter-spacing:.1em}.capture-section-seats{padding-left:18px;gap:13px}.capture-section-seats>strong{font-size:38px}.capture-section-seats>p{font-size:11px}} .story-plans-cta{margin-top:26px}.story-plans-cta .button{min-width:194px} @media(max-width:760px){.story-plans-cta{margin-top:23px}.story-plans-cta .button{min-width:190px}} /* Quiet brand details in the open spaces. Only the decorative layer clips; section content, keyboard outlines and sticky storytelling stay unaffected. */ .brand-surface{isolation:isolate} .brand-surface>.container{position:relative;z-index:1} .brand-detail{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;user-select:none} .brand-detail::before{content:'';position:absolute;width:700px;aspect-ratio:1;background:radial-gradient(ellipse,rgba(2,250,235,.08),rgba(2,250,235,0) 68%)} .brand-detail-mark{position:absolute;display:block;aspect-ratio:535/519;background:#087f7d; /* Crop just the original symbol from the 1920 × 519 transparent wordmark. */ -webkit-mask-image:url('/assets/labyrinthai.png');mask-image:url('/assets/labyrinthai.png'); -webkit-mask-size:358.8785% 100%;mask-size:358.8785% 100%; -webkit-mask-repeat:no-repeat;-webkit-mask-position:left center; mask-repeat:no-repeat;mask-position:left center} .brand-detail-purpose::before{left:-240px;bottom:-260px} .brand-detail-purpose .brand-detail-mark{width:clamp(290px,27vw,380px);left:max(-65px,calc((100% - 1360px)/2 - 100px));bottom:30px;opacity:.14} .brand-detail-capture::before{right:-280px;top:-340px} .brand-detail-capture .brand-detail-mark{width:650px;right:-290px;top:-365px;opacity:.085;transform:rotate(-24deg)} .brand-detail-capture::after{content:'';position:absolute;left:max(36px,calc((100% - 1360px)/2));bottom:0;width:148px;height:2px;background:linear-gradient(90deg,#02faeb80,#eb499a60,transparent)} .brand-detail-audience::before{right:-180px;top:-220px;background:radial-gradient(ellipse,rgba(235,73,154,.055),rgba(235,73,154,0) 68%)} .brand-paths{position:absolute;right:max(40px,calc((100% - 1360px)/2));top:106px;width:clamp(210px,20vw,285px);height:auto;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round} .brand-path-cyan{stroke:#087f7d;opacity:.25} .brand-path-pink{stroke:var(--pink);opacity:.34} .brand-path-guide{stroke:#087f7d;opacity:.12} .brand-path-source{fill:#087f7d;opacity:.25} .brand-detail-team::before{left:-310px;top:-260px;background:radial-gradient(ellipse,rgba(235,73,154,.065),rgba(235,73,154,0) 68%)} .brand-detail-team .brand-detail-mark{width:690px;left:-410px;top:-300px;background:var(--pink);opacity:.075} @media(max-width:1180px){ .brand-paths{width:205px;top:92px} } @media(max-width:1100px){ .brand-paths{display:none} } @media(max-width:940px){ .brand-detail-purpose .brand-detail-mark{width:370px;left:auto;right:-180px;top:-85px;bottom:auto;opacity:.08} .brand-detail-purpose::before{left:auto;right:-370px;bottom:auto;top:-320px} } @media(max-width:760px){ .brand-detail-purpose .brand-detail-mark{width:300px;right:-180px;top:-90px;opacity:.07} .brand-detail-capture .brand-detail-mark{width:430px;right:-260px;top:-225px;opacity:.07} .brand-detail-capture::after{left:20px;width:100px} .brand-detail-team .brand-detail-mark{width:430px;left:-340px;top:-180px;opacity:.065} .brand-detail::before{opacity:.6} } /* A shorter homepage: a continuous story with one compact product sequence. */ .hero-visual-top>span:last-child{margin-left:0;color:#cbd3df;font-size:8px} .hero-bottom{margin-top:34px;padding-top:12px;padding-bottom:14px} .hero-bottom>.motion-control{margin-left:auto} .purpose{padding:78px 0 84px;background:#0d1524;border-top:1px solid #263445} .purpose h2{color:#f5f7fa;font-size:clamp(34px,3.85vw,56px)} .purpose-label{color:#9aa9bf} .purpose-bottom{margin-top:28px;gap:30px;align-items:start} .purpose-bottom p{color:#afbdd0;font-size:14px;line-height:1.8} .purpose-bottom .purpose-insight{color:#e6edf6;font-size:17px;font-weight:500;line-height:1.65} .purpose .brand-detail-mark{background:var(--cyan);opacity:.1} .purpose .brand-detail-purpose::before{opacity:.5} .story-compact{padding:70px 0 55px} .story-compact .story-heading{grid-template-columns:1.3fr .8fr;gap:60px;margin-bottom:34px} .story-compact h2{font-size:clamp(38px,3.8vw,54px)} .story-compact .story-plans-cta{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:24px} .story-plans-cta>.text-link{font-size:12px} .story-brand-block{border-left:1px solid #2c3d50;padding-left:40px} .story-compact .story-delphi-brand{border:0;padding:0;align-items:flex-start} .story-compact .story-delphi-brand img{max-width:270px} .story-compact .story-delphi-brand>span{font-size:11px;margin-top:8px} .film-teaser{margin-top:21px} .film-teaser>div,.film-teaser>button{display:flex;align-items:center;gap:12px;padding:0;text-align:left;width:fit-content} .film-teaser-icon{display:grid;place-items:center;width:33px;height:33px;border:1px solid #67758b;border-radius:50%;color:#c8d4e5} .film-teaser strong{font-size:10px;font-weight:500;display:block} .film-teaser small{display:block;font-size:9px;line-height:1.6;color:var(--pink);margin-top:3px} .film-teaser>button:hover .film-teaser-icon{border-color:var(--cyan);color:var(--cyan)} .feature-scroll{position:relative} .feature-stage{display:grid;grid-template-columns:.75fr 1.25fr;gap:65px;align-items:center;min-height:440px} .feature-steps{position:relative} .feature-steps:before{content:'';position:absolute;left:6px;top:28px;bottom:45px;width:1px;background:linear-gradient(var(--cyan),#36485d 42%,#36485d);opacity:.4} .feature-step{position:relative;display:block;width:100%;padding:18px 0 18px 30px;text-align:left;color:#a1aec1} .feature-step-node{position:absolute;top:23px;left:2px;width:9px;height:9px;border:1px solid #5e748d;border-radius:50%;background:var(--navy);transition:background .3s,box-shadow .3s} .feature-step-label{display:block;font-size:11px;font-weight:600;letter-spacing:.14em;margin-bottom:10px;color:#8899b0} .feature-step strong{display:block;font-weight:500;font-size:clamp(23px,2.15vw,30px);line-height:1.2;letter-spacing:-.045em;transition:color .3s} .feature-step-description{display:block;max-height:0;overflow:hidden;opacity:0;font-size:13px;line-height:1.8;font-weight:400;transition:max-height .35s,opacity .35s,margin .35s} .feature-step.is-active{color:#f5f7fa} .feature-step.is-active .feature-step-label{color:var(--cyan)} .feature-step.is-active .feature-step-node{background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 0 6px #02faeb0d} .feature-step.is-active .feature-step-description{max-height:145px;margin-top:13px;opacity:1;color:#aebbd0} .feature-step:hover strong{color:var(--cyan)} .feature-screen{min-width:0;border:1px solid #34475d;background:#0b1220;box-shadow:0 28px 70px #0000001f} .feature-screen .stage-header{border:0;padding:13px 20px;background:#142031} .feature-screen .stage-header img{width:73px;height:30px} .feature-media{position:relative;height:clamp(230px,34vh,350px);background:#090e1a;animation:feature-arrive .4s ease-out} .feature-media video{height:100%;object-fit:contain} .feature-caption{display:flex;align-items:center;gap:9px;padding:15px 20px;font-size:10px;line-height:1.6;color:#b8c7d9;border-top:1px solid #293d52;min-height:48px} @keyframes feature-arrive{from{opacity:.3;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}} @media(min-width:941px) and (min-height:720px){ .feature-scroll{height:calc(440px + clamp(220px,36vh,340px))} .feature-stage{position:sticky;top:110px} } .capture-section{padding:76px 0 80px;background:#0d1524;border-block:1px solid #263445} .capture-section-heading{border-color:#33455a;padding-bottom:25px;margin-bottom:30px} .capture-section-heading h2{color:var(--cyan);font-size:clamp(44px,4.1vw,58px)} .capture-section-seats{border-color:#425469;padding-left:26px} .capture-section-seats>strong{color:var(--cyan);font-size:43px} .capture-section-seats>p{color:#e0eaf5;font-size:12px} .capture-section-seats>p>span{color:#acbbcf;font-weight:400} .capture-layout{gap:56px;grid-template-columns:1fr 1.12fr} .capture-copy h3{font-size:clamp(32px,3.1vw,44px)} .capture-copy h3>span{color:inherit} .capture-section .section-description{color:#afbdd0;font-size:14px;margin-top:18px} .capture-list{margin-top:22px;margin-bottom:20px} .capture-list li{border-color:#2d4056;padding:14px 0} .capture-list li>svg{color:var(--cyan)} .capture-list strong{color:#e8eef6;font-size:12px} .capture-list p{color:#aebdd0;font-size:12px;margin-top:3px} .capture-visual{background:#142235;border:1px solid #32485f;padding:21px;position:relative} .capture-visual>video{aspect-ratio:16/10;object-fit:contain;background:#080b18} .capture-hardware{color:#dce8f4;border-color:#3c5068;padding:17px 0;font-size:11px} .capture-hardware small{color:#f27db6} .capture-visual>p{color:#a7bad0;font-size:10px;margin-top:14px} .capture-section .brand-detail-mark{background:var(--cyan);opacity:.085} .capture-section .brand-detail::before{opacity:.45} .capture-section .brand-detail-capture::after{left:auto;right:0;bottom:0;width:32%;height:1px;background:linear-gradient(90deg,transparent,#eb499a80)} .audience-compact{padding:72px 0 76px} .audience-compact .section-intro{margin-bottom:36px} .audience-compact h2{font-size:clamp(35px,3.4vw,48px)} .audience-profiles{display:grid;grid-template-columns:1fr 1fr;gap:65px} .audience-profile{padding-top:25px;border-top:1px solid #b6c7cb} .audience-profile+.audience-profile{border-color:#cbaabd} .audience-profile>.overline{color:#197c7b;font-size:9px;margin-bottom:16px} .audience-profile+.audience-profile>.overline{color:#9d1f64} .audience-profile h3{font-size:clamp(27px,2.45vw,35px)} .audience-profile>p:not(.overline){font-size:13px;color:#536173;line-height:1.9;max-width:510px;margin:18px 0 22px} .audience-profile.will-reveal:not(.is-visible){transform:translateX(-18px)} .audience-profile+.audience-profile.will-reveal:not(.is-visible){transform:translateX(18px)} .audience-compact .brand-paths{top:63px;width:230px} .data-compact{padding:74px 0 64px} .data-compact h2{font-size:clamp(35px,3.4vw,48px)} .data-compact .split-heading{margin-bottom:35px;gap:50px} .data-compact .split-heading>p{font-size:13px;max-width:315px} .data-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px} .data-path{border-top:1px solid #35475f;padding:28px 26px 30px;display:flex;flex-direction:column;align-items:flex-start} .data-path>svg{color:var(--cyan);margin-bottom:22px} .data-path:nth-child(2)>svg{color:var(--pink)} .data-path h3{font-size:24px;letter-spacing:-.04em} .data-path>p{font-size:12px;line-height:1.9;color:#aebcd0;margin:16px 0 23px} .data-path>.text-link{font-size:11px;margin-top:auto;gap:12px} .data-path.will-reveal{transition-delay:var(--reveal-delay,0ms)} .data-compact .ownership{margin-top:35px;padding-top:22px} .data-compact .ownership strong{font-size:13px} .data-compact .ownership p{font-size:11px} .team-compact{padding:76px 0 45px} .team-compact h2{font-size:clamp(35px,3.4vw,48px)} .team-compact .split-heading{margin-bottom:34px} .team-compact .split-heading>p{max-width:320px;font-size:13px} .founder-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px} .founder{display:grid;grid-template-columns:140px 1fr;gap:23px;align-items:start} .founder .team-photo{aspect-ratio:.9} .founder .team-photo>a{width:29px;height:29px;bottom:10px;right:10px} .founder:hover .team-photo>img{filter:grayscale(0)} .founder h3{font-size:25px;margin-top:7px;letter-spacing:-.04em} .founder>div>p:last-child{font-size:12px;line-height:1.9;color:#5c6979;margin-top:14px} .team-notes{margin-top:34px;padding-top:24px;border-top:1px solid #c2cdd2;display:grid;grid-template-columns:repeat(3,1fr);gap:30px} .team-notes h3{font-size:19px;letter-spacing:-.03em} .team-notes .team-role{font-size:10px;margin-top:7px} .team-notes p:last-child{font-size:11px;line-height:1.8;color:#5c6979;margin-top:9px} .partners-section{padding-bottom:35px} .partners-section>.container{padding-top:35px} .partners-section .split-heading{margin-bottom:23px} .partners-section .eyebrow{margin-bottom:15px} .partners-section h2{font-size:28px;letter-spacing:-.035em} .partner-grid>div{min-height:115px;padding:20px 12px} .partner-grid img{height:32px;max-width:120px} .partner-grid>div>span{font-size:9px} .faq-section{padding:0 0 42px} .faq-drawer{border-block:1px solid #c2cdd2} .faq-drawer>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px;font-weight:500;padding:22px 0;cursor:pointer;list-style:none} .faq-drawer>summary::-webkit-details-marker{display:none} .faq-drawer>summary>svg{transition:transform .2s} .faq-drawer[open]>summary>svg{transform:rotate(45deg)} .faq-drawer .faq-list{max-width:880px;padding:5px 0 22px} .faq-drawer .faq-list summary{font-size:13px} .closing{padding-top:60px} .closing h2{font-size:clamp(44px,5vw,72px)} .closing-top>p:not(.eyebrow){font-size:14px;margin-top:21px} .closing-bottom{margin-top:42px} @media(max-width:1180px){ .story-compact .story-heading{gap:40px} .story-brand-block{padding-left:28px} .feature-stage{gap:40px;grid-template-columns:.85fr 1.15fr} .feature-step strong{font-size:25px} .capture-layout{gap:35px} .founder-grid{gap:30px} .founder{grid-template-columns:115px 1fr;gap:19px} .founder h3{font-size:23px} } @media(max-width:940px){ .purpose{padding:65px 0} .purpose .brand-detail-mark{opacity:.065} .feature-stage{grid-template-columns:1fr;gap:25px;min-height:0} .feature-screen{grid-row:1} .feature-media{height:auto;aspect-ratio:16/9} .feature-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px} .feature-steps:before{display:none} .feature-step{padding:16px 0 0;border-top:1px solid #42546b;align-self:start} .feature-step-node{display:none} .feature-step strong{font-size:20px} .feature-step.is-active{border-color:var(--cyan)} .feature-step-description,.feature-step.is-active .feature-step-description{max-height:none;opacity:1;color:#9badc3;margin-top:12px;font-size:12px} .feature-caption{font-size:10px} .audience-profiles{gap:35px} .data-paths{gap:23px} .data-path h3{font-size:22px} .founder{grid-template-columns:95px 1fr;gap:16px} .founder h3{font-size:22px} .founder>div>p:last-child{font-size:11px} } @media(max-width:760px){ .hero-visual-top>span:last-child{font-size:7px;line-height:1.6} .hero-bottom{margin-top:23px;padding-block:9px} .hero-bottom>p{display:block;font-size:8px;max-width:185px;line-height:1.6} .hero-bottom .motion-control{font-size:8px} .purpose{padding:56px 0 62px} .purpose h2{font-size:clamp(30px,7.6vw,45px)} .purpose-bottom{grid-template-columns:1fr;gap:15px;margin-top:24px;max-width:540px} .purpose-bottom .purpose-insight{font-size:17px} .purpose-bottom p{font-size:14px} .story-compact{padding:56px 0} .story-compact .story-heading{grid-template-columns:1fr;gap:29px;margin-bottom:30px} .story-compact h2{font-size:36px} .story-compact .story-plans-cta{gap:20px;margin-top:23px} .story-plans-cta .button{min-width:176px;font-size:11px} .story-plans-cta>.text-link{font-size:11px;gap:9px} .story-brand-block{display:flex;justify-content:space-between;align-items:center;gap:20px;border-left:0;border-top:1px solid #2c3d50;padding:23px 0 0} .story-compact .story-delphi-brand img{width:190px;max-width:100%} .story-compact .story-delphi-brand>span{font-size:8px;gap:8px} .story-compact .story-delphi-brand>span>svg{width:13px} .film-teaser{margin:0;flex-shrink:0} .film-teaser>div,.film-teaser>button{gap:8px} .film-teaser-icon{width:28px;height:28px} .film-teaser strong{font-size:9px} .film-teaser small{font-size:8px} .feature-screen .stage-header{padding:10px 14px} .feature-screen .stage-header>span{font-size:6px;letter-spacing:.08em} .feature-caption{padding:12px 14px;font-size:9px;min-height:46px} .feature-steps{display:block} .feature-step{padding:16px 0} .feature-step strong{font-size:23px} .feature-step-label{margin-bottom:8px;font-size:10px} .feature-step-description,.feature-step.is-active .feature-step-description{font-size:13px;margin-top:10px} .capture-section{padding:56px 0 60px} .capture-section-heading{gap:21px;margin-bottom:28px;padding-bottom:23px} .capture-section-heading h2{font-size:clamp(38px,11vw,48px)} .capture-section-heading .eyebrow{font-size:8px} .capture-section-seats{gap:13px;padding-left:18px} .capture-section-seats>strong{font-size:35px} .capture-section-seats>p{font-size:11px} .capture-copy h3{font-size:35px} .capture-layout{gap:30px} .capture-list strong{font-size:13px} .capture-list p{font-size:13px} .capture-visual{padding:17px} .capture-hardware{font-size:10px} .capture-visual>p{font-size:11px} .audience-compact{padding:56px 0 60px} .audience-compact h2,.data-compact h2,.team-compact h2{font-size:35px} .audience-profiles{grid-template-columns:1fr;gap:30px} .audience-profile h3{font-size:30px} .audience-profile>p:not(.overline){font-size:14px;margin-bottom:19px} .audience-profile>.text-link{font-size:12px} .data-compact{padding:58px 0 50px} .data-compact .split-heading{margin-bottom:29px} .data-compact .split-heading>p{font-size:14px;max-width:100%;margin-top:17px} .data-paths{grid-template-columns:1fr;gap:27px} .data-path{padding:22px 18px 24px;display:grid;grid-template-columns:30px 1fr;gap:0 14px} .data-path>svg{width:22px;margin:0;grid-column:1;grid-row:1} .data-path h3{grid-column:2;font-size:25px} .data-path>p{grid-column:2;font-size:13px;margin:13px 0 17px} .data-path>.text-link,.data-path>.data-path-cta{grid-column:2;font-size:12px} .data-path.will-reveal{transition-delay:0ms} .data-compact .ownership{margin-top:29px;align-items:flex-start} .data-compact .ownership p{font-size:12px} .team-compact{padding:58px 0 30px} .team-compact .split-heading{margin-bottom:28px} .team-compact .split-heading>p{font-size:14px;max-width:100%;margin-top:18px} .founder-grid{grid-template-columns:1fr;gap:28px} .founder{grid-template-columns:100px 1fr;gap:20px} .founder h3{font-size:25px;margin-top:0} .founder>div>p:last-child{font-size:12px;margin-top:11px} .team-notes{grid-template-columns:1fr;gap:22px;margin-top:28px;padding-top:24px} .team-notes>div{display:grid;grid-template-columns:1fr 1.2fr;gap:3px 20px} .team-notes h3{font-size:18px} .team-notes .team-role{grid-column:1;font-size:9px;margin-top:0} .team-notes p:last-child{grid-column:2;grid-row:1/3;font-size:11px;margin:0} .partners-section{padding-bottom:26px} .partners-section>.container{padding-top:29px} .partners-section h2{font-size:26px} .partner-grid>div{min-height:105px;padding:20px 10px} .partner-grid img{height:30px;max-width:115px} .partner-grid>div>span{font-size:9px} .faq-section{padding-bottom:32px} .faq-drawer>summary{font-size:12px} .closing{padding-top:53px} .closing h2{font-size:46px} .closing-bottom{margin-top:35px} } @media(max-width:390px){ .story-brand-block{gap:12px} .story-compact .story-delphi-brand img{width:155px} .story-compact .story-delphi-brand>span{max-width:170px;font-size:7px} .film-teaser-icon{display:none} .founder{grid-template-columns:85px 1fr;gap:16px} } html[data-motion='off'] .feature-scroll{height:auto} html[data-motion='off'] .feature-stage{position:relative;top:auto;min-height:0} @media(prefers-reduced-motion:reduce){ .feature-scroll{height:auto} .feature-stage{position:relative;top:auto;min-height:0} } .faq-answer{border-top:1px solid #c2cdd2;padding:20px 0} .faq-answer h3{font-size:15px;line-height:1.6;font-weight:600;letter-spacing:0} .faq-answer p{font-size:13px;line-height:1.9;color:#536173;margin-top:10px} /* Customer profiles: readable, outcome-led and distinct in the brand palette. */ .audience-compact .section-intro{margin-bottom:31px} .audience-compact h2{font-size:clamp(32px,3vw,44px);line-height:1.2;max-width:1120px} .audience-compact .brand-paths{opacity:.45;right:-50px;top:20px} .audience-profiles{gap:24px} .audience-profile{--profile-accent:var(--cyan);position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;padding:35px 38px 32px;border:1px solid #29485b;border-top:3px solid var(--profile-accent);background:linear-gradient(145deg,#102638,#0d1828 70%);color:#f5f7fa} .audience-profile.audience-profile-models{--profile-accent:#f278b5;border-color:#503249;border-top-color:var(--profile-accent);background:linear-gradient(145deg,#292036,#131b2d 75%)} .audience-profile>*{position:relative;z-index:1} .audience-profile>.audience-profile-mark{position:absolute;z-index:0;width:300px;right:-110px;bottom:-100px;background:var(--profile-accent);opacity:.045;pointer-events:none;transform:rotate(-12deg)} .audience-profile>p.audience-label{display:flex;align-items:center;gap:13px;color:var(--profile-accent);font-size:clamp(25px,2.25vw,32px);font-weight:600;line-height:1.4;margin:0 0 25px;max-width:none;letter-spacing:-.025em} .audience-profile h3{color:#f5f7fa;font-size:clamp(31px,2.9vw,42px);line-height:1.17;font-weight:500;letter-spacing:-.045em} .audience-profile>.audience-copy{color:#c9d5e5;font-size:17px;line-height:1.8;max-width:560px;margin:23px 0 19px} .audience-examples{font-size:13px;font-weight:500;line-height:1.8;color:#adc2d6;margin-bottom:28px} .audience-profile-models .audience-examples{color:#c9b9ce} .audience-profile>.text-link{width:100%;margin-top:auto;border-top:1px solid #ffffff25;padding-top:20px;justify-content:space-between;gap:20px;font-size:15px;color:var(--profile-accent);font-weight:600} @media(max-width:1180px){ .audience-profile{padding:29px 27px 27px} .audience-profile h3{font-size:34px} .audience-profile>.audience-copy{font-size:16px} } @media(max-width:940px){ .audience-profiles{grid-template-columns:1fr;gap:24px} .audience-profile{padding:32px;max-width:none} .audience-profile>p.audience-label{font-size:28px} .audience-profile h3{font-size:38px} .audience-profile>.audience-copy{font-size:17px;max-width:640px} } @media(max-width:760px){ .audience-compact .section-intro{margin-bottom:27px} .audience-compact h2{font-size:32px} .audience-profile{padding:27px 23px} .audience-profile>p.audience-label{font-size:26px;gap:12px;margin-bottom:23px} .audience-profile>p.audience-label>svg{width:25px} .audience-profile h3{font-size:32px} .audience-profile>.audience-copy{font-size:16px;line-height:1.8;margin:20px 0 17px} .audience-examples{font-size:13px;margin-bottom:23px} .audience-profile>.text-link{font-size:15px;padding-top:18px} } /* Dark customer section with the message in the foreground. */ .audience-compact{background:#080b18;color:#f5f7fa;border-bottom:1px solid #263445} .audience-compact .section-intro h2{color:#fff;font-weight:600} .audience-compact .section-intro .eyebrow{color:var(--pink)} .audience-profile>p.audience-label{color:var(--profile-accent)} .audience-profile>p.audience-label>svg{color:var(--profile-accent)} .audience-profile h3{color:#fff;font-weight:600} .audience-profile>.audience-copy{color:#e3eaf4} .audience-profile .audience-examples{color:#cbd7e7} .audience-profile>.text-link{color:#f5f7fa} .audience-profile>.text-link>svg{color:var(--profile-accent)} .audience-compact .brand-path-cyan{stroke:var(--cyan);opacity:.2} .audience-compact .brand-path-pink{opacity:.25} /* Keep customer descriptions in the foreground. */ .audience-profile>.audience-copy{color:#fff;font-weight:500} .audience-profile .audience-examples{color:#e3eaf4} /* The company promise closes the section beneath the call to action. */ .closing-bottom{justify-content:center;text-align:center;padding-block:30px} .closing-bottom>.closing-slogan{color:#fff;font-size:clamp(24px,2.3vw,32px);font-weight:400;line-height:1.45;letter-spacing:-.025em} @media(max-width:760px){.closing-bottom{padding-block:26px}.closing-bottom>.closing-slogan{font-size:clamp(22px,5.3vw,28px)}} .story-heading-copy>.eyebrow{color:var(--pink)} .hero-copy>.eyebrow{color:var(--pink);font-weight:500} /* RoboCapture shares Delphi's compact scroll-selected feature presentation. */ .capture-story .capture-feature-stage{grid-template-columns:1fr 1.12fr;gap:56px;min-height:500px} .capture-story .feature-steps{margin-top:18px} .capture-story .capture-feature-step{padding-block:15px} .capture-story .capture-feature-step strong{font-size:clamp(22px,2vw,28px);line-height:1.25} .capture-story .capture-feature-step .feature-step-node{top:26px} .capture-story .capture-demo-link{margin-top:19px;font-size:13px} .capture-demo-caption{display:flex;align-items:center;gap:9px;min-height:45px;padding:12px 0;font-size:11px;line-height:1.7;color:#d1deee;border-bottom:1px solid #3c5068} .capture-story .capture-hardware{padding-top:15px} @media(min-width:941px) and (min-height:720px){ .capture-story .capture-feature-scroll{height:calc(500px + clamp(220px,36vh,340px))} } @media(max-width:1180px){.capture-story .capture-feature-stage{gap:35px}} @media(max-width:940px){ .capture-story .capture-feature-stage{grid-template-columns:1fr;gap:30px;min-height:0} .capture-story .capture-visual{grid-row:1;width:100%} .capture-story .capture-feature-step strong{font-size:21px} .capture-story .capture-demo-link{margin-top:25px} } @media(max-width:760px){ .capture-story .capture-feature-step strong{font-size:24px} .capture-story .feature-steps{margin-top:25px} .capture-story .capture-demo-link{margin-top:15px} .capture-demo-caption{font-size:10px} } html[data-motion='off'] .capture-story .capture-feature-scroll{height:auto} html[data-motion='off'] .capture-story .capture-feature-stage{position:relative;top:auto;min-height:0} @media(prefers-reduced-motion:reduce){ .capture-story .capture-feature-scroll{height:auto} .capture-story .capture-feature-stage{position:relative;top:auto;min-height:0} } /* Launch refinement: clear media, quieter transitions, authentic team assets. */ .hero-image:not(.hero-image-product) video{filter:none} .product-coming-soon{color:var(--pink);font-size:16px;font-weight:600;letter-spacing:.035em;margin-top:14px} .coming-soon-tag{display:inline-flex;align-items:center;margin-left:7px;padding:2px 7px;border:1px solid var(--pink);border-radius:999px;color:var(--pink);font-size:.72em;font-weight:600;letter-spacing:.05em;line-height:1.3;text-transform:uppercase;white-space:nowrap;vertical-align:middle} .data-path-cta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 0;margin-top:auto;font-size:11px} .data-path-cta>.text-link{font-size:inherit;gap:12px} .data-path-cta>.coming-soon-tag{margin-left:0;margin-right:10px} .team-max .team-photo{width:100px;aspect-ratio:2/3;background:#dbe4e7} .team-max .team-photo img{height:100%;object-fit:contain;object-position:center bottom} .feature-media-persistent{animation:none;isolation:isolate;overflow:hidden} .feature-clip{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .65s ease-in-out} .feature-clip.is-active{opacity:1;z-index:1} .feature-clip video{width:100%;height:100%;object-fit:contain} .feature-media-persistent>.stage-corner{z-index:2} @media(min-width:941px) and (min-height:720px){ .feature-scroll,.capture-story .capture-feature-scroll{height:calc(var(--feature-stage-height,500px) + clamp(660px,90vh,980px))} } @media(max-width:760px){ .partner-grid{grid-template-columns:repeat(6,minmax(0,1fr))} .partner-grid>div{grid-column:span 2;min-width:0;border-left:0!important} .partner-grid>div:nth-child(n+4){grid-column:span 3} .partner-grid img{max-width:100px;width:100%} .partner-grid strong{font-size:19px} .partner-grid .xreal-wordmark{font-size:23px} } html[data-motion='off'] .feature-scroll,html[data-motion='off'] .capture-story .capture-feature-scroll{height:auto} @media(prefers-reduced-motion:reduce){.feature-scroll,.capture-story .capture-feature-scroll{height:auto}.feature-clip{transition:none}} #delphi-demo .feature-media{height:auto;aspect-ratio:16/9} .team-notes{align-items:start} .team-notes>.team-member{display:block;min-width:0} .team-notes>.team-max{display:grid;grid-template-columns:84px minmax(0,1fr);align-items:start;gap:18px} .team-max .team-photo{width:84px;aspect-ratio:2/3;margin:0} .team-notes .team-bio h3{margin:0;line-height:1.3} .team-notes .team-bio .team-role{margin:7px 0 0;font-size:10px;line-height:1.7} .team-notes .team-bio>p:last-child{margin:9px 0 0;font-size:11px;line-height:1.8;color:#5c6979} @media(max-width:760px){ .team-notes>.team-max{grid-column:auto;grid-template-columns:84px minmax(0,1fr)} .team-notes>.team-member:not(.team-max){padding-left:102px} .team-notes .team-bio .team-role{font-size:10px} } @media(min-width:941px) and (min-height:720px){ .audience-compact .pin-scroll{height:calc(var(--feature-stage-height,500px) + clamp(440px,60vh,680px))} .data-compact .pin-scroll{height:calc(var(--feature-stage-height,500px) + clamp(660px,90vh,980px))} .pin-stage{position:sticky;top:110px} } .pin-stage>article{transition:opacity .35s,transform .35s,border-color .35s,background-color .35s,box-shadow .35s} .pin-stage>article.is-active{border-top-color:var(--cyan);background-color:rgba(2,250,235,.045);box-shadow:0 15px 40px #00000018} @media(prefers-reduced-motion:no-preference){ html:not([data-motion='off']) .pin-stage>article:not(.is-active){opacity:.68;transform:scale(.985)} } html[data-motion='off'] .pin-scroll{height:auto} html[data-motion='off'] .pin-stage{position:relative;top:auto} @media(prefers-reduced-motion:reduce){ .pin-scroll{height:auto} .pin-stage{position:relative;top:auto} .pin-stage>article{transition:none} } #delphi-demo .feature-media[data-media='delphi-tools-slower']{aspect-ratio:1440/688} /* Keep the complete stabilized robot-selection frame and both navigation arrows. */ #delphi-demo .feature-media[data-media='robot-selection-stable']{aspect-ratio:1280/984} .video-overlay{width:min(1000px,92vw);max-width:92vw;max-height:85vh;padding:clamp(18px,3vw,32px);overflow:visible;border:1px solid #ffffff30;background:var(--navy);color:#f5f7fa;box-shadow:0 25px 100px #000c} .video-overlay::backdrop{background:rgba(4,8,18,.88);backdrop-filter:blur(8px)} .video-overlay-content{position:relative} .video-overlay video{display:block;width:100%;max-height:calc(85vh - 64px);aspect-ratio:16/9;background:#000;object-fit:contain} .video-overlay-close{position:absolute;z-index:1;top:-14px;right:-14px;display:grid;width:42px;height:42px;place-items:center;border:1px solid #02faeb80;border-radius:50%;background:var(--navy);color:var(--cyan);cursor:pointer} .video-overlay-close:hover{background:#12202d} .video-overlay-close:focus-visible{outline:2px solid var(--cyan);outline-offset:3px} body.features-video-open{overflow:hidden}