/* Native interface; photographic windows use the user's supplied reference, without editing it. */
.reference-home{--ink:#101927;--muted:#687080;--cyan:#00a8da;--cyan-bright:#00a8da;background:#f6f7f8;max-width:1320px;margin:10px auto;box-shadow:0 0 30px #14283d0c;border-radius:14px;overflow-x:clip}.reference-home main,.reference-home .design-footer{background:#fff}.reference-home .wrap{width:calc(100% - 40px)}.reference-home h2{font-size:30px;line-height:1.45;font-weight:750;letter-spacing:-.5px}.reference-home p{line-height:1.9}.reference-home .header-inner{height:56px;padding-inline:28px}.reference-home .design-header{border:0;border-radius:14px 14px 0 0}.reference-home .wordmark{font-size:28px;letter-spacing:-1.5px;color:#04365a}.reference-home .wordmark-dot{display:none}.reference-home .desktop-nav{font-size:12px;font-weight:650;gap:38px}.reference-home .icon-button{width:36px;height:36px}.reference-home .icon-button svg{width:21px;height:21px}.reference-home .button{min-height:46px;border-radius:30px;padding:10px 24px;font-size:12px;gap:10px}.reference-home .button.secondary{border-color:#55b7d9;background:#ffffffd9}.reference-photo{position:relative;overflow:hidden;aspect-ratio:var(--scene-ratio);pointer-events:none}.reference-photo>img{position:absolute;left:0;top:0;width:var(--scene-width);max-width:none!important;height:auto!important;transform:translate(var(--scene-x),var(--scene-y));display:block}.reference-hero{position:relative;min-height:445px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(115deg,#edf0f5,#d7e0ec 50%,#edf0f5)}.reference-hero .hero-scene{position:absolute;right:0;top:0;width:61%;height:100%;aspect-ratio:auto}.reference-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f3f3f1 0%,#edf0f5 30%,#edf0f500 55%);pointer-events:none}.reference-hero-copy{position:relative;z-index:1;margin-left:7%;margin-right:auto;width:40%;text-align:right;direction:rtl;padding-block:30px}.reference-hero h1{font-size:clamp(32px,3.5vw,51px);font-weight:800;line-height:1.3;letter-spacing:-1.2px;margin:0 0 24px}.reference-hero-copy>p{font-size:13px;margin:0 0 26px;color:#334052}.reference-hero .hero-actions{display:flex;direction:ltr;gap:14px}.reference-hero .hero-actions>*{direction:rtl;white-space:nowrap}.reference-benefits{display:grid;grid-template-columns:repeat(3,1fr);padding:23px 0 28px;text-align:center}.reference-benefits>div{border-left:1px solid #edf0f3}.reference-benefits>div:last-child{border:0}.reference-benefits svg{width:30px;height:30px;color:#0066a6}.reference-benefits h2{font-size:18px;margin:7px 0 4px}.reference-benefits p{font-size:12px;margin:0;color:var(--muted)}.reference-solutions{display:grid;grid-template-columns:1.35fr 1fr;gap:22px}.reference-solution{position:relative;height:330px;overflow:hidden;border-radius:9px;background:#f2eee8}.reference-solution .reference-photo{position:absolute;height:100%;aspect-ratio:auto}.home-solution .home-scene{left:0;top:0;width:64%}.business-solution .business-scene{right:0;top:0;width:62%}.reference-solution:after{content:'';position:absolute;inset:0;pointer-events:none}.home-solution:after{background:linear-gradient(270deg,#faf8f5 0%,#faf8f5e8 24%,#faf8f500 53%)}.business-solution:after{background:linear-gradient(90deg,#faf8f5 0%,#faf8f5dc 30%,#faf8f500 65%)}.solution-native{position:absolute;z-index:1;top:48px;text-align:right}.home-solution .solution-native{right:26px}.business-solution .solution-native{left:26px}.solution-native h2{font-size:27px;margin:0 0 10px}.solution-native p{font-size:14px;color:var(--muted);margin:0 0 16px}.solution-native>span{color:var(--cyan);font-size:13px;font-weight:650}.reference-products{text-align:center;padding:18px 0 10px}.reference-products>h2{margin:0 0 6px;font-size:30px}.reference-products>p{font-size:13px;color:var(--muted);margin:0 0 14px}.reference-home .product-rail{direction:ltr;grid-auto-columns:calc((100% - 3px)/4);gap:0;padding-bottom:0}.reference-home .product-tile{border:0;border-right:1px solid #edf0f3;border-radius:0;background:#fff;direction:rtl}.reference-home .product-tile:last-child{border:0}.reference-home .tile-figure{height:215px;padding:10px}.reference-home .tile-copy{padding:3px 10px 15px;text-align:center}.reference-home .tile-copy h3{font-size:20px;text-align:center;margin-bottom:4px}.reference-home .tile-copy p{font-size:12px;margin-bottom:10px}.reference-home .tile-arrow{position:static;font-size:12px;font-weight:650;color:var(--cyan)}.reference-home .tile-spec{display:none}.more-products>summary{font-size:11px;color:#728092;cursor:pointer;list-style:none;margin:0 0 14px}.more-products .product-tabs{justify-content:center;margin-bottom:12px}.reference-ai{position:relative;overflow:hidden;background:#eaf4fb;border-radius:9px;min-height:340px;margin-top:8px;direction:ltr}.reference-ai .ai-scene{position:absolute;right:0;top:0;width:49%;height:100%;aspect-ratio:auto}.reference-ai:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#eaf4fb 0%,#eaf4fb 33%,#eaf4fb00 60%);pointer-events:none}.reference-ai-copy{position:relative;z-index:1;width:49%;padding:24px 38px;direction:rtl;text-align:right}.eyebrow{font-size:14px;font-weight:650;margin:0 0 9px}.reference-ai-copy h2{font-size:34px;margin:0 0 12px}.reference-ai-copy>p:not(.eyebrow){font-size:14px;margin:0 0 16px}.reference-link{color:var(--cyan);font-size:13px;border-bottom:1px solid var(--cyan)}.detection-labels{display:flex;gap:10px;margin-top:19px;font-size:11px}.detection-labels span{padding:9px 12px;background:#ffffffbf;border-radius:9px}.reference-night{position:relative;margin-top:10px;min-height:275px;border-radius:9px;overflow:hidden;background:#081420;color:#fff;direction:ltr;display:grid;grid-template-columns:29% 35% 36%}.night-native{z-index:1;padding:42px 32px;direction:rtl;align-self:center}.night-native h2{font-size:30px;margin:0 0 10px}.night-native p{font-size:12px;margin:0 0 14px}.night-native .button{color:#00b9ed;background:transparent;border-color:#0086b7;min-height:35px;padding:7px 15px;font-size:11px}.reference-night .reference-photo{height:100%;aspect-ratio:auto}.night-mono{filter:grayscale(1)}.reference-night small{position:absolute;bottom:5px;right:12px;font-size:8px;background:#0009;padding:2px 7px}.reference-app{display:grid;grid-template-columns:32% 22% repeat(3,1fr);direction:ltr;align-items:center;background:#f7f9fb;margin-top:10px;overflow:hidden;border-radius:9px;min-height:220px}.app-native{padding:20px 32px;direction:rtl}.app-native h2{font-size:25px;margin:0 0 9px}.app-native p{font-size:12px;margin:0 0 12px}.app-native .button{min-height:36px;font-size:11px;padding:7px 22px}.reference-app .app-phone{align-self:end;width:100%;aspect-ratio:146/135}.app-feature,.service-feature{text-align:center;direction:rtl;padding:10px}.app-feature svg,.service-feature svg{color:#00a8da;width:36px;height:36px;background:#fff;padding:8px;box-sizing:content-box;border-radius:50%}.app-feature h3,.service-feature h3{font-size:13px;margin:9px 0 4px;line-height:1.7}.app-feature p,.service-feature p{font-size:10px;color:var(--muted);margin:0}.reference-practical{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;direction:ltr}.practical-card{height:210px;position:relative;overflow:hidden;border-radius:9px;background:#f6f5f4}.practical-card .reference-photo{position:absolute;right:0;top:0;width:48%;height:100%;aspect-ratio:auto}.practical-card>div:not(.reference-photo){position:relative;z-index:1;width:55%;padding:22px 28px;direction:rtl;background:linear-gradient(90deg,#f8f7f5 85%,transparent)}.practical-card h2{font-size:25px;margin:0 0 8px}.practical-card p{font-size:11px;color:var(--muted);margin:0 0 12px}.practical-card .button{min-height:34px;padding:6px 20px;font-size:11px}.reference-service{direction:ltr;display:grid;grid-template-columns:16% 38% repeat(3,1fr);align-items:center;background:#e6f4ff;border-radius:9px;margin-top:10px;min-height:165px;padding:16px 25px}.warranty-logo{width:110px;max-height:140px;object-fit:contain;justify-self:center}.service-native{direction:rtl;text-align:center}.service-native h2{font-size:25px;margin:0 0 8px}.service-native p{font-size:12px;margin:0}.service-feature h3{font-size:11px}.service-feature p{font-size:9px}.reference-finder{position:relative;overflow:hidden;background:#edf0f6;min-height:220px;margin-top:10px;border-radius:9px}.reference-finder .finder-scene{position:absolute;right:0;top:0;width:51%;height:100%;aspect-ratio:auto}.reference-finder:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fff1dd 0%,#e4eafa 35%,#e4eafa00 62%);pointer-events:none}.reference-finder>div:not(.reference-photo){position:relative;z-index:1;direction:rtl;width:52%;margin-right:auto;padding:24px 45px}.reference-finder h2{font-size:26px;margin:0 0 9px}.reference-finder p{font-size:12px;margin:0 0 14px}.reference-finder>div>div{display:flex;direction:ltr;gap:14px}.reference-finder .button{font-size:11px;white-space:nowrap;min-height:38px;padding:8px 20px}.reference-home .design-footer{padding:25px 20px 10px}.reference-home .footer-inner{direction:ltr;gap:30px}.reference-home .footer-inner>*{direction:rtl}.reference-home .footer-brand{text-align:left}.reference-home .footer-brand .wordmark{font-size:25px}.reference-home .footer-brand p{font-size:11px;margin:10px 0 5px}.reference-home .footer-brand>span{font-size:10px}.reference-home .footer-inner details summary{font-size:11px;margin-bottom:10px}.reference-home .footer-inner details>a,.reference-home .footer-inner details>button{font-size:10px;margin:5px 0}.reference-home .footer-bottom{margin-top:15px;padding-block:10px}
@media(max-width:1000px){.reference-hero{min-height:340px}.reference-hero h1{font-size:35px}.reference-hero-copy{margin-left:5%;width:43%}.reference-hero-copy>p{font-size:11px}.reference-home .button{font-size:10px;padding-inline:17px}.reference-solution{height:250px}.solution-native{top:35px}.solution-native h2{font-size:24px}.solution-native p{font-size:12px}.reference-ai{min-height:275px}.reference-ai-copy{padding:24px}.reference-ai-copy h2{font-size:27px}.reference-ai-copy>p:not(.eyebrow){font-size:12px}.detection-labels{gap:6px;font-size:9px}.detection-labels span{padding:7px}.reference-night{min-height:215px}.night-native{padding:25px}.night-native h2{font-size:23px}.reference-app{min-height:180px}.app-native{padding:20px}.app-native h2{font-size:20px}.app-native p{font-size:10px}.app-feature h3{font-size:11px}.app-feature svg,.service-feature svg{width:27px;height:27px}.practical-card{height:190px}.practical-card>div:not(.reference-photo){padding:20px}.practical-card h2{font-size:21px}.reference-service{padding:16px;grid-template-columns:16% 35% repeat(3,1fr)}.service-native h2{font-size:19px}.service-native p{font-size:10px}.warranty-logo{width:80px}.reference-finder>div:not(.reference-photo){padding:24px}.reference-finder h2{font-size:22px}.reference-finder p{font-size:10px}.reference-home .tile-figure{height:175px}}
@media(max-width:700px){.reference-home{margin:0;border-radius:0}.reference-home .wrap{width:calc(100% - 28px)}.reference-home .header-inner{height:64px;padding-inline:0}.reference-home .wordmark{font-size:30px}.reference-hero{display:block;min-height:610px}.reference-hero .hero-scene{width:100%;height:275px;top:auto;bottom:0}.reference-hero:after{background:linear-gradient(180deg,#edf0f5 0%,#edf0f5 47%,#edf0f500 70%)}.reference-hero-copy{width:auto;margin:0;padding:30px 25px;position:relative;text-align:center}.reference-hero h1{font-size:33px;line-height:1.35;margin-bottom:15px;letter-spacing:-.8px}.reference-hero-copy>p{font-size:12px;margin-bottom:19px}.reference-hero-copy>p br{display:none}.reference-hero .hero-actions{flex-direction:column;gap:10px;align-items:center}.reference-hero .hero-actions>*{width:85%;min-height:46px;flex:auto;font-size:12px}.reference-benefits{padding:23px 0}.reference-benefits svg{width:25px;height:25px}.reference-benefits h2{font-size:12px;line-height:1.7;margin:5px 0}.reference-benefits p{font-size:9px}.reference-solutions{grid-template-columns:1fr;gap:12px}.reference-solution{height:230px}.solution-native{top:35px}.home-solution .solution-native{right:20px}.business-solution .solution-native{left:20px}.solution-native h2{font-size:25px}.solution-native p{font-size:12px}.solution-native>span{font-size:11px}.reference-products{padding-top:25px}.reference-products>h2{font-size:26px}.reference-products>p{font-size:11px}.reference-home .product-rail{grid-auto-columns:76%;scroll-snap-type:x mandatory}.reference-home .tile-figure{height:240px}.reference-home .tile-copy h3{font-size:22px}.reference-home .tile-copy p{font-size:12px}.reference-home .tile-arrow{font-size:12px}.more-products .product-tabs{justify-content:start;gap:18px}.reference-ai{min-height:580px;margin-top:20px;display:flex;flex-direction:column}.reference-ai-copy{width:100%;padding:24px;order:0}.reference-ai-copy h2{font-size:30px}.reference-ai-copy>p:not(.eyebrow){font-size:12px}.reference-ai .ai-scene{position:relative;order:1;width:100%;height:auto;aspect-ratio:345/218;margin-top:auto}.reference-ai:after{display:none}.detection-labels{font-size:10px;justify-content:space-between}.reference-night{display:grid;grid-template-columns:1fr 1fr;min-height:0;margin-top:16px}.night-native{grid-column:1/-1;padding:25px}.night-native h2{font-size:28px}.night-native h2 br{display:none}.night-native p{font-size:12px}.reference-night .reference-photo{aspect-ratio:264/173;height:auto}.reference-night small{font-size:7px;right:3px;left:3px;text-align:center}.reference-app{grid-template-columns:repeat(3,1fr);margin-top:16px;padding:20px 0;gap:10px}.app-native{grid-column:1/-1;text-align:center;padding:5px 20px}.app-native h2{font-size:27px}.app-native p{font-size:12px}.app-native .button{font-size:12px;min-height:46px}.reference-app .app-phone{grid-column:1/-1;width:55%;justify-self:center;aspect-ratio:146/135}.app-feature{padding:8px}.app-feature h3{font-size:11px}.app-feature p{font-size:9px}.reference-practical{grid-template-columns:1fr;margin-top:16px;gap:12px}.practical-card{height:210px}.practical-card h2{font-size:23px}.practical-card>div:not(.reference-photo){padding:24px 20px}.practical-card p{font-size:11px}.practical-card .button{min-height:40px;font-size:11px}.reference-service{grid-template-columns:repeat(3,1fr);padding:20px 12px;margin-top:16px;gap:10px}.warranty-logo{grid-column:1/-1;width:90px;max-height:110px}.service-native{grid-column:1/-1}.service-native h2{font-size:24px}.service-native p{font-size:12px}.service-feature{padding:5px}.service-feature h3{font-size:10px}.service-feature p{font-size:8px}.reference-finder{min-height:360px;margin-top:16px}.reference-finder .finder-scene{width:100%;height:140px;top:auto;bottom:0}.reference-finder:after{background:linear-gradient(180deg,#edf0f6 0%,#edf0f6 51%,#edf0f600 81%)}.reference-finder>div:not(.reference-photo){width:100%;padding:25px 20px;text-align:center}.reference-finder h2{font-size:25px}.reference-finder p{font-size:11px}.reference-finder>div>div{gap:10px;justify-content:center}.reference-finder .button{min-height:43px;font-size:10px;padding-inline:14px}.reference-home .design-footer{padding:25px 0 10px}.reference-home .footer-inner{gap:0}.reference-home .footer-brand{text-align:right}.reference-home .footer-inner details summary{font-size:13px;margin:0}.reference-home .footer-inner details>a,.reference-home .footer-inner details>button{font-size:12px;margin:10px 0}}