.section{padding:96px 5%;position:relative;isolation:isolate}.section h2,.section h3,.section p{margin-top:0}.section h2{font-weight:400;font-size:56px;line-height:1.1;letter-spacing:-.02em}.section .large-heading{font-size:clamp(48px,5.833vw,84px);line-height:1.024;margin-bottom:24px}.section h3{font-weight:400}.section p{line-height:1.45}.section-content{position:relative;z-index:1}.section-subtitle{font-size:36px;margin-bottom:72px}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.center-action{text-align:center;margin-top:72px}.cta{text-decoration:none}.cta.secondary{border:1px solid var(--ink);background:transparent;color:var(--ink)}.cta.secondary:hover{background:#e4e6ff}.tags{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:16px 0 0}.tags li,.tag{display:inline-block;border:1px solid #aab7bc;border-radius:48px;padding:4px 10px;font-size:14px;line-height:1.15;color:#5c707a}.trust{display:flex;align-items:center;gap:24px;justify-content:center;padding:50px 5%;background:white;min-height:185px}.trust p{font-size:20px;line-height:26px;max-width:232px;flex-shrink:0;margin:0}.client-logos{display:flex;align-items:center;justify-content:space-between;gap:clamp(20px,4vw,80px)}.client-logos img{object-fit:contain}.client-logos .france{width:140px;height:auto}.client-logos .bosch{width:120px;height:auto}.client-logos .distech{width:100px;height:auto}.client-logos .smart{width:100px;height:auto}
.spatial{background:linear-gradient(#e4e6ff,#eff3f4);padding-top:104px;padding-bottom:72px;overflow:hidden}.spatial-shape{position:absolute;left:48.82%;top:-294px;transform:scaleY(-1);z-index:0;pointer-events:none}.feature-card{background:white;border:1px solid #e3e8ea;border-radius:20px;padding:32px;min-height:482px}.feature-image{display:block;width:100%;height:200px;object-fit:cover;border-radius:10px;margin-bottom:16px}.feature-card h3{font-size:36px;margin:0}.feature-card p{font-size:20px;line-height:26px;margin:0}.technical{background:#eff3f4}.technical-main{display:grid;grid-template-columns:428fr 612fr;gap:64px;max-width:1104px;margin:0 auto 64px}.technical-main h2{margin:8px 0}.technical-steps{list-style:none;padding:0;margin:0;display:grid;gap:24px}.technical-steps li{display:flex;align-items:center;gap:24px;background:#fff;border:1px solid #e3e8ea;border-radius:20px;padding:24px}.technical-steps h3{font-size:24px;margin:0 0 4px}.technical-steps p{font-size:16px;line-height:22px;margin:0}.step-icon{display:grid;place-items:center;width:60px;height:60px;flex:0 0 60px;background:#e4e6ff;border-radius:8px}.step-icon span{display:grid;place-items:center;width:32.432px;height:32.432px;background:white;border-radius:50%}.supports{border-top:1px solid #e3e8ea;padding-top:32px;display:grid;grid-template-columns:3fr 2fr;gap:48px}.status{display:inline-block;border:1px solid #cbd4d7;border-radius:48px;font-size:14px;padding:4px 10px;color:#677298;margin-bottom:20px}.available .status{background:#eaff45;color:#223949}.device-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;margin:0;gap:12px}.coming .device-list{grid-template-columns:repeat(2,minmax(0,1fr))}.device{display:flex;align-items:center;gap:8px;border-radius:12px;background:#f7f7f7;padding:12px;min-height:88px;font-size:16px;line-height:22px}.device-illustration{width:48px;height:60px;flex:0 0 48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.headset-icon{height:36px;display:grid;place-items:center}.device-brand{position:relative;width:48px;height:12px}.device-brand img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.68)}.device-brand.imgXrealLogo{height:16px}.device-brand.imgXrealLogo img{transform:translate(-50%,-50%) scale(.63)}.coming .device{color:#63748b}
.cases{padding:128px 5%;overflow:hidden;background:white;text-align:center}.cases .large-heading{margin-bottom:48px}.case-tabs{display:flex;justify-content:center;gap:24px;margin-bottom:72px}.case-tabs button{border:1px solid #cbd4d7;border-radius:48px;padding:8px 20px;background:transparent;color:#5c707a;font-size:16px;line-height:22px}.case-tabs button[aria-selected=true]{background:#344958;color:white;border-color:#344958}.case-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:72px;max-width:1080px;margin:auto;text-align:left}.case-panel[hidden]{display:none}.case-copy h3{font-size:36px;margin:32px 0 20px}.case-copy p{font-size:18px;line-height:26px;margin-bottom:20px}.case-points{list-style:none;padding:0;margin:0 0 32px}.case-points li{display:flex;align-items:flex-start;gap:6px;font-size:18px;line-height:26px;margin:4px 0}.case-points img{flex-shrink:0;margin-top:3px}.case-figure{position:relative;margin:0;aspect-ratio:1;border-radius:20px;overflow:hidden}.case-photo{width:100%;height:100%;object-fit:cover;display:block}.case-figure figcaption{position:absolute;top:37px;left:32px;right:32px;width:fit-content;max-width:calc(100% - 64px);background:#e4e6ff;border:1px solid #b2acef;border-radius:8px;padding:8px 12px;font-size:14px;line-height:1.4}.case-decoration{position:absolute;z-index:-1;pointer-events:none}.case-decoration-top{left:54%;top:-1049px;transform:rotate(150deg) scaleY(-1)}.case-decoration-bottom{left:-637px;top:746px;transform:rotate(-91.29deg)}
.usages{background:linear-gradient(#eff3f4,white)}.usages .large-heading{margin-bottom:48px}.usage-card{position:relative;isolation:isolate;overflow:hidden;background:#677298;color:white;border-radius:20px;padding:32px;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;min-height:454px}.usage-shape{position:absolute;z-index:-1;left:71.44px;top:-148px;transform:rotate(30deg) scaleY(-1)}.usage-image{width:295px;max-width:100%;aspect-ratio:295/245.833;object-fit:contain;position:relative;align-self:flex-start}.usage-card h3{font-size:28px;line-height:1.15;margin:0;font-weight:500}.usage-card p{font-size:18px;line-height:26px;margin:0}.usage-card .tags li{border-color:#cbd4d7;color:#f3f4ff}
.openanchor{padding-top:72px;padding-bottom:96px;background:linear-gradient(#eff3f4,#e4e6ff);overflow:hidden}.project-status{display:flex;gap:24px;align-items:center;color:#677298;font-size:16px;margin-bottom:40px}.project-status img{width:60px;height:60px;object-fit:contain}.openanchor-columns{display:grid;grid-template-columns:1fr 1fr;gap:64px}.openanchor h2{margin-bottom:24px}.openanchor .intro{font-size:24px;line-height:32px;max-width:570px;margin-bottom:0}.openanchor h3{font-size:36px;line-height:1.15;margin-bottom:24px}.openanchor-columns>div>p:not(.intro){font-size:18px;line-height:26px}.openanchor-columns .project-footnote{font-size:16px!important;margin:24px 0 0}.openanchor-shape,.openanchor-group{position:absolute;pointer-events:none;z-index:-1}.openanchor-shape{top:390px;left:-513px;transform:rotate(-9deg)}.openanchor-group{right:-244px;top:-320px;transform:rotate(150deg)}
.end-sections{background:linear-gradient(#e4e6ff 55%,white);position:relative;isolation:isolate;overflow:hidden}.end-shape{position:absolute;left:-342px;top:875px;transform:rotate(-90deg);z-index:-1}.agency-box{border:1px solid #fff;border-radius:24px;padding:72px;background:#e4e6ff88}.agency .large-heading{text-align:center;margin-bottom:20px}.agency-subtitle{text-align:center;font-size:20px;margin-bottom:72px}.agency-offers{display:flex;justify-content:center;gap:72px;margin-bottom:72px}.agency-offer{background:#fff;border-radius:20px;width:391px;min-height:253px;padding:48px 32px;position:relative;isolation:isolate;overflow:hidden}.agency-offer p{font-size:18px;line-height:26px;margin:10px 0 0}.agency-logo{position:relative;width:162px;height:44.768px}.agency-logo-overlay{position:absolute;left:58.66px;top:6.73px}.agency-logo span{position:absolute;right:14px;bottom:0;font-size:12.75px}.platform-offer{background:transparent}.platform-background{position:absolute;top:0;left:0;z-index:-1}.platform-badge{position:absolute;right:0;top:0}.agency-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px}.agency-stats h3{font-size:24px;margin:0 0 8px}.agency-stats h3 span{display:block;font-size:36px;line-height:1}.agency-stats p{font-size:16px;line-height:22px;color:#677298;margin:0}.pilot{text-align:center}.pilot h2{font-size:56px;margin-bottom:24px}.pilot-intro{font-size:20px;line-height:26px;max-width:860px;margin:0 auto 48px}.pilot-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;background:#223949;padding:72px;list-style:none;text-align:left;border-radius:20px;color:#fff;margin:0 0 48px}.pilot-steps li{display:flex;flex-direction:column}.timeline{display:flex;align-items:center;gap:16px;margin-bottom:24px}.timeline span{border-radius:50%;display:grid;place-items:center;background:#b2acef;color:#223949;width:40px;height:40px;flex-shrink:0;font-size:14px}.timeline::after{content:'';height:1px;flex:1;background:linear-gradient(90deg,#cbd4d7,#223949)}.pilot-steps h3{font-size:28px;line-height:1.15;margin:0 0 4px}.pilot-steps p{font-size:18px;line-height:26px;margin:0 0 16px;color:#cbd4d7}.duration{display:flex;gap:6px;align-items:center;font-size:14px;color:#cbd4d7;margin-top:auto}.duration-note{font-size:14px;color:#61737e;margin:24px auto 0;max-width:760px}
.footer{background:#344958;color:white;padding:64px 12.5%;display:grid;grid-template-columns:1.15fr 1fr 1fr 2.4fr;gap:32px;align-items:start}.footer h2{font-size:16px;font-weight:500;margin:12px 0 16px}.footer p{margin-top:0}.footer button:not(.cta),.footer a:not(.cta){color:inherit;text-align:left;font-size:14px;line-height:22px;padding:0;border:0;background:transparent;text-decoration:none;cursor:pointer}.footer button:not(.cta):hover,.footer a:not(.cta):hover{text-decoration:underline}.footer-brand,.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.footer-brand button{display:flex;gap:10px;align-items:center}.footer-logo{position:relative;display:block;width:150px;height:31.076px;margin:12px 0 12px}.footer-logo-overlay{position:absolute;left:54.315px;top:6.23px}.footer-callout{padding:32px 48px;border-radius:12px;background:#e4e6ff;color:#223949;min-width:0}.footer-callout h2{font-size:36px;font-weight:400;margin:0 0 8px}.footer-callout p{font-size:18px;margin-bottom:24px}.footer-callout .cta{font-size:14px;text-align:left;padding:16px 20px;max-width:100%}.preview-note{background:#fff;border-top:1px solid #e3e8ea}
@keyframes agency-first{0%{opacity:0}10.672%{opacity:0;animation-timing-function:ease-out}38.574%,100%{opacity:1}}@keyframes agency-second{0%{opacity:0}29.491%{opacity:0;animation-timing-function:ease-out}60.985%,100%{opacity:1}}.agency-offer.reveal:first-child{animation:agency-first 2s linear}.agency-offer.reveal:nth-child(2){animation:agency-second 2s linear}
@media(max-width:1100px){.trust{flex-direction:column;gap:24px;padding:32px 5%}.trust p{text-align:center;max-width:none}.client-logos{width:100%;gap:20px;justify-content:space-around}.feature-card,.usage-card{padding:24px}.feature-card h3{font-size:30px}.feature-card p{font-size:18px}.technical-main{gap:40px}.supports{gap:24px}.device{font-size:14px}.agency-box{padding:48px}.agency-offers{gap:32px}.pilot-steps{padding:48px}.footer{padding:64px 5%;grid-template-columns:1fr 1fr 1fr;gap:40px}.footer-callout{grid-column:1/-1;max-width:620px}.technical-main h2{font-size:48px}}
@media(max-width:800px){.section{padding:64px 6%}.section .large-heading{font-size:52px}.section-subtitle{font-size:28px;margin-bottom:40px}.card-grid{grid-template-columns:1fr;gap:24px}.feature-card{min-height:0;padding:28px}.feature-image{height:auto;aspect-ratio:355/200}.feature-card h3{font-size:32px}.feature-card p{font-size:20px}.center-action{margin-top:40px}.spatial-shape{left:45%;top:-300px;transform:scale(.65) scaleY(-1);transform-origin:top left}.technical-main{grid-template-columns:1fr;gap:32px;margin-bottom:40px}.technical-main h2{font-size:48px}.supports{grid-template-columns:1fr;gap:28px}.technical-steps li{gap:16px;padding:20px}.technical-steps h3{font-size:22px}.case-panel{grid-template-columns:1fr;gap:32px}.case-tabs{flex-wrap:wrap;gap:12px;margin-bottom:40px}.case-tabs button{font-size:14px}.case-copy h3{font-size:32px;margin-top:24px}.case-figure{width:100%;max-width:526px;justify-self:center}.case-decoration-top{left:35%;top:-1000px}.case-decoration-bottom{top:90%;left:-750px}.usage-card{padding:32px;min-height:454px}.usage-image{max-width:100%;align-self:center}.usage-shape{left:40%;top:-100px}.openanchor-columns{grid-template-columns:1fr;gap:40px}.openanchor h2{font-size:48px}.openanchor h3{font-size:30px}.agency-box{padding:40px 24px}.agency .large-heading{font-size:44px}.agency-subtitle{font-size:18px;margin-bottom:40px}.agency-offers{flex-direction:column;align-items:center;gap:24px;margin-bottom:40px}.agency-offer{width:min(391px,100%);padding:48px 32px}.platform-background{left:50%;transform:translateX(-50%)}.agency-stats{grid-template-columns:1fr;gap:32px}.pilot h2{font-size:42px}.pilot-intro{font-size:18px}.pilot-steps{grid-template-columns:1fr;gap:40px;padding:32px}.pilot-steps h3{font-size:26px}.pilot-steps p{font-size:18px}.footer{grid-template-columns:1fr 1fr;padding:48px 6%;gap:32px}.footer-brand{grid-column:1/-1}.footer-callout{padding:28px}.client-logos{flex-wrap:wrap;gap:24px 32px}.client-logos .france{width:120px}.client-logos .bosch{width:100px}.client-logos .smart{width:85px}.section .tags li{font-size:13px}.project-status{margin-bottom:32px}}
@media(max-width:420px){.section .large-heading{font-size:42px}.section-subtitle{font-size:24px}.device-list{grid-template-columns:1fr}.coming .device-list{grid-template-columns:1fr 1fr}.device{min-height:80px}.case-figure figcaption{left:20px;right:20px;top:20px;max-width:calc(100% - 40px);font-size:12px}.agency-box{padding:32px 20px}.agency .large-heading{font-size:36px}.agency-offer{padding:48px 24px}.pilot h2{font-size:36px}.footer-callout .cta{font-size:12px}.section .technical-main h2{font-size:44px}}
.usage-shape{left:143px;top:-76.44px}
.openanchor-shape{left:calc(42.13% + 154.825px);top:-241.48px;transform:rotate(-73.94deg) scaleY(-1)}
.openanchor-group{left:-14.3%;right:auto;top:50.69%;transform:rotate(90deg);transform-origin:center}
.end-shape{left:-308.67px;top:725.29px;transform:rotate(44.86deg)}
.case-decoration-top{left:calc(54% + 214.59px);top:-874.21px;transform:rotate(150deg) scaleY(-1)}
.case-decoration-bottom{left:-563.11px;top:695.76px;transform:rotate(-91.29deg)}
@media(max-width:800px){.usage-shape{left:40%;top:-76.44px}.end-shape{left:-520px;top:45%}.openanchor-shape{left:40%;top:-240px}.case-decoration-bottom{top:90%;left:-750px}}
@media(prefers-reduced-motion:reduce){.agency-offer.reveal{animation:none}}