.reference-photo{container-type:size}.reference-photo>img{width:max(var(--scene-width),calc(100cqh * var(--scene-height-scale)))}
.mobile-hero-scene{display:none}
.reference-home .reference-hero-copy{text-align:left;direction:rtl}.reference-home .reference-hero-copy p{direction:rtl;text-align:left}.reference-home .reference-hero-copy h1{text-align:left}.reference-home .reference-hero-copy{width:38%}.reference-home .reference-hero:after{background:linear-gradient(90deg,#f3f3f1 0%,#edf0f5 34%,#edf0f500 59%)}
@media(max-width:700px){.reference-home .header-inner{position:relative;justify-content:center}.reference-home .header-tools{position:absolute;left:0;right:0;justify-content:flex-end;pointer-events:none}.reference-home .header-tools .icon-button{pointer-events:auto}.reference-home .header-tools .menu-button{position:absolute;right:0}.reference-home .reference-hero{min-height:385px}.reference-home .reference-hero .hero-scene{width:72%;height:100%;top:0;bottom:auto}.reference-home .reference-hero:after{background:linear-gradient(90deg,#f1f2f4 0%,#eff1f2d9 33%,#eff1f200 66%)}.reference-home .reference-hero-copy{width:100%;height:385px;padding:24px 24px 20px;text-align:left;display:flex;flex-direction:column;align-items:flex-start}.reference-home .reference-hero h1{font-size:26px;line-height:1.35;max-width:62%;margin:0 0 12px;text-align:left}.reference-home .reference-hero-copy>p{max-width:51%;font-size:10px;line-height:1.9;margin:0;text-align:right}.reference-home .reference-hero .hero-actions{margin-top:auto;width:100%;gap:7px}.reference-home .reference-hero .hero-actions>*{width:100%;min-height:40px;font-size:11px}.reference-home .reference-benefits{background:white;border-radius:12px 12px 0 0;position:relative;margin-top:-4px;padding:16px 0 18px}.reference-home .reference-benefits h2{font-size:11px}.reference-home .reference-solution{height:160px}.reference-home .solution-native{top:23px}.reference-home .solution-native h2{font-size:22px}.reference-home .solution-native p{font-size:11px;margin:6px 0 9px}.reference-home .reference-solutions{gap:9px}.reference-home .product-rail{grid-auto-columns:33.333%;}.reference-home .tile-figure{height:126px;padding:6px}.reference-home .tile-copy h3{font-size:15px}.reference-home .tile-copy p{font-size:9px;line-height:1.6;min-height:28px}.reference-home .tile-arrow{font-size:9px}.reference-home .reference-ai{display:block;min-height:245px}.reference-home .reference-ai .ai-scene{position:absolute;right:0;top:0;width:62%;height:100%;aspect-ratio:auto;margin:0}.reference-home .reference-ai:after{display:block;background:linear-gradient(90deg,#0c1c29 0%,#0c1c29ef 35%,#0c1c2900 65%)}.reference-home .reference-ai-copy{width:53%;padding:23px 16px;color:#fff}.reference-home .reference-ai-copy .eyebrow{font-size:10px}.reference-home .reference-ai-copy h2{font-size:22px}.reference-home .reference-ai-copy>p:not(.eyebrow){font-size:10px}.reference-home .detection-labels{display:none}.reference-home .reference-link{font-size:10px}.reference-home .reference-night{background:#fff;color:var(--ink)}.reference-home .night-native{padding:16px;text-align:center}.reference-home .night-native h2{font-size:21px}.reference-home .night-native p{font-size:11px;margin:7px 0}.reference-home .night-native .button{display:none}.reference-home .reference-night .reference-photo{height:145px;aspect-ratio:auto}.reference-home .reference-app{grid-template-columns:55% 45%;padding:0;gap:0}.reference-home .app-native{grid-column:1;padding:18px;text-align:right}.reference-home .app-native h2{font-size:20px}.reference-home .app-native p{font-size:10px}.reference-home .app-native .button{min-height:35px;font-size:10px;padding:7px 12px}.reference-home .reference-app .app-phone{grid-column:2;grid-row:1;width:100%;height:200px;aspect-ratio:auto}.reference-home .app-feature{grid-row:2;grid-column:auto;padding:14px 8px}.reference-home .reference-app{grid-template-columns:repeat(6,1fr)}.reference-home .app-native{grid-column:1/4}.reference-home .reference-app .app-phone{grid-column:4/7}.reference-home .app-feature{grid-column:span 2}.reference-home .reference-practical{grid-template-columns:1fr 1fr;gap:7px}.reference-home .practical-card{height:170px}.reference-home .practical-card>div:not(.reference-photo){padding:10px;width:72%;background:linear-gradient(90deg,#f8f7f5 45%,#f8f7f5a0 85%,transparent)}.reference-home .practical-card h2{font-size:17px}.reference-home .practical-card p{font-size:9px;line-height:1.7}.reference-home .practical-card .button{padding:5px 10px;font-size:9px;min-height:30px}.reference-home .practical-card .reference-photo{width:53%}.reference-home .menu-dialog{width:min(330px,85vw);padding:22px 18px}.reference-home .menu-dialog>.wordmark{margin-bottom:20px}.reference-home .menu-dialog>details{border:0;padding:5px 0}.reference-home .menu-dialog>details summary{background:#edf8fc;border-radius:9px;padding:12px;font-size:14px;font-weight:650;list-style:none}.reference-home .menu-dialog>details a{padding:8px 12px;font-size:12px}.reference-home .menu-dialog>.button{font-size:12px}}
.reference-home .button:focus-visible{outline-color:#008bd2}
@media(max-width:700px){.reference-home .reference-hero .hero-scene{display:none}.reference-home .mobile-hero-scene{display:block;position:absolute;right:0;top:0;width:58%;height:330px;aspect-ratio:auto}.reference-home .reference-hero:after{background:linear-gradient(90deg,#eef0f4 0%,#eef0f4cf 25%,transparent 57%)}.reference-home .reference-hero-copy h1,.reference-home .reference-hero-copy>p{margin-right:auto;margin-left:0;text-align:right;align-self:flex-end}.reference-home .reference-hero-copy h1{max-width:59%;font-size:25px}.reference-home .reference-hero-copy>p{max-width:47%}.reference-home .reference-hero .hero-actions{align-self:stretch}.reference-home .reference-hero{background:#edeff3}.reference-home .reference-hero-copy{padding-left:20px;padding-right:20px}}
.reference-home .menu-dialog a.menu-product{display:flex;align-items:center;gap:15px;padding:6px 12px}.reference-home .menu-product img{width:46px;height:46px;object-fit:contain;border-radius:7px;background:#f7f8fa}

/* Homepage image set approved by the user on 2026-10-04. */
.reference-home .approved-photo>img{width:100%;height:100%!important;max-width:100%!important;transform:none;object-fit:cover;object-position:center}
.reference-home .night-mono.approved-photo>img,.reference-home .night-color.approved-photo>img{width:200%;max-width:none!important;object-fit:cover}
.reference-home .night-color.approved-photo>img{left:-100%}
.reference-home .app-phone.approved-photo{background:#f3f8fc}
.reference-home .app-phone.approved-photo>img{object-fit:contain}
.app-illustration-note{display:block;font-size:9px;color:#687080;margin-top:6px}