.mobile-lab{max-width:1120px;margin:90px auto}.mobile-lab-controls{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:22px;border:1px solid #E2E8F0;border-radius:12px;background:#F8FAFC;margin-bottom:34px}.mobile-lab-controls>div{flex:1}.mobile-lab-controls p{font-size:13px;margin:8px 0 0}.mobile-lab-controls label{font-size:10px;color:#64748B;display:grid;gap:6px}.mobile-lab-controls select,.mobile-lab-controls button,.mobile-option-label button{font:inherit;font-size:12px;padding:10px 14px;border:1px solid #E2E8F0;border-radius:6px;background:white;color:#111;cursor:pointer}.mobile-lab-controls #mobile-choice-status{font-size:10px;width:100%;color:#64748B}.mobile-lab-controls #mobile-choice-status:empty{display:none}.mobile-option{margin-bottom:60px}.mobile-option[hidden]{display:none!important}.mobile-option-label{display:flex;justify-content:space-between;align-items:center;margin:0 0 16px;font-size:12px}.mobile-option-stage{height:540px;border:1px solid #E2E8F0;border-radius:24px;position:relative;overflow:hidden;background:#F8FAFC;display:grid;grid-template-rows:minmax(0,1fr);grid-template-columns:42% 58%}.mobile-option-copy{position:relative;z-index:2;padding:62px 0 40px 42px;align-self:center}.mobile-option-copy h2{font-size:43px;line-height:1.05;letter-spacing:-.05em;margin:22px 0}.mobile-option-copy p{font-size:13px;line-height:1.9;max-width:300px}.mobile-option-copy .text-link{font-size:12px;margin-top:25px;display:inline-block}.mobile-option-art{position:relative;min-width:0}.mobile-screen{margin:0;overflow:hidden;border-radius:14px;background:#fff;border:1px solid #E2E8F0;box-shadow:0 16px 35px #11111115}.mobile-screen img{width:100%;height:auto;display:block}.mobile-screen figcaption{background:white;color:#111;font-size:10px;padding:10px 12px}.mobile-sample-note{font-size:9px;color:#64748B;display:block;margin-top:13px}.mobile-layout-1 .mobile-option-art{display:grid;grid-template-columns:repeat(3,180px);gap:20px;transform:rotate(-18deg) translate(20px,-95px);height:900px}.mobile-layout-1 .mobile-screen{align-self:start;animation:screen-drift 9s ease-in-out infinite}.mobile-layout-1 .mobile-screen:nth-child(2n){margin-top:75px;animation-delay:-4s}.mobile-layout-2{grid-template-columns:52% 48%;background:#fff}.mobile-layout-2 .mobile-option-art{display:grid;place-items:start center;padding-top:35px;background:radial-gradient(ellipse,#E2E8F0,transparent 70%)}.mobile-layout-2 .mobile-screen{width:250px;transform:rotate(5deg);animation:screen-drift 8s ease-in-out infinite}.mobile-layout-2 .mobile-option-copy h2{font-size:50px}.mobile-layout-3{display:block;height:680px}.mobile-layout-3 .mobile-option-copy{padding:40px;text-align:center}.mobile-layout-3 .mobile-option-copy p{margin:auto;max-width:480px}.mobile-layout-3 .mobile-option-copy h2 br{display:none}.mobile-layout-3 .mobile-option-art{display:flex;gap:22px;width:max-content;left:-60px;animation:screen-pan 18s ease-in-out infinite alternate}.mobile-layout-3 .mobile-screen{width:210px;height:380px}.mobile-layout-4{grid-template-columns:40% 60%;background:#fff}.mobile-layout-4 .mobile-option-art{display:flex;align-items:center;gap:15px;padding:35px 35px 0 20px}.mobile-layout-4 .mobile-screen{width:33%;height:310px;position:relative;animation:screen-drift 7s ease-in-out infinite}.mobile-layout-4 .mobile-screen:nth-child(2){align-self:start;margin-top:20px;animation-delay:-2s}.mobile-layout-4 .mobile-screen:nth-child(3){align-self:end;margin-bottom:40px;animation-delay:-4s}.mobile-layout-4 .mobile-screen figcaption{position:absolute;bottom:0;left:0;right:0}.mobile-layout-5{background:#111;color:white}.mobile-layout-5 .eyebrow,.mobile-layout-5 p{color:#CBD5E1}.mobile-layout-5 .text-link{color:white}.mobile-layout-5 .mobile-option-art{display:flex;align-items:start;padding-top:90px;gap:14px;transform:rotate(-10deg)}.mobile-layout-5 .mobile-screen{width:210px;flex-shrink:0;animation:screen-drift 8s infinite ease-in-out}.mobile-layout-5 .mobile-screen:nth-child(2){margin-top:-45px;animation-delay:-3s}.mobile-layout-6{display:block;height:640px;background:#fff}.mobile-layout-6 .mobile-option-copy{padding:40px 42px}.mobile-layout-6 .mobile-option-copy p{max-width:480px}.mobile-layout-6 .mobile-option-copy h2{font-size:40px}.mobile-layout-6 .mobile-option-art{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:20px;height:350px;padding:0 42px}.mobile-layout-6 .mobile-screen{position:relative;height:350px}.mobile-layout-6 .mobile-screen img{transform:translateY(-30px)}.mobile-layout-6 .mobile-screen:first-child img{transform:translateY(-120px)}.mobile-layout-6 .mobile-screen figcaption{position:absolute;bottom:0;left:0;right:0;padding:16px}.motion-module *,.motion-module.mobile-layout-3 .mobile-option-art{animation-play-state:paused}.motion-module.module-visible *,.motion-module.module-visible.mobile-layout-3 .mobile-option-art{animation-play-state:running}.lab-paused *,.page-hidden *{animation-play-state:paused!important}@keyframes screen-drift{50%{translate:0 -18px}}@keyframes screen-pan{to{transform:translateX(-220px)}}
#entegrasyonlar{background:#111;color:white;border-color:#ffffff20}#entegrasyonlar h2{color:white}#entegrasyonlar p,#entegrasyonlar .eyebrow{color:#CBD5E1}#entegrasyonlar .eyebrow:before{background:white}#entegrasyonlar .integration{background:#ffffff08;border-color:#ffffff26;color:#fff;transition:transform .4s,background .4s}#entegrasyonlar .integration span{color:#CBD5E1}#entegrasyonlar .integration:hover{transform:translateY(-5px);background:#ffffff16}#entegrasyonlar .integrations-grid{position:relative;padding:24px;border:1px solid #ffffff16;border-radius:24px;background:radial-gradient(ellipse at top,#ffffff0a,transparent 65%)}#entegrasyonlar .integration{animation:integration-light 7s ease-in-out infinite;animation-play-state:paused}#entegrasyonlar .module-visible .integration{animation-play-state:running}#entegrasyonlar .integration:nth-child(2n){animation-delay:-2s}#entegrasyonlar .integration:nth-child(3n){animation-delay:-4s}@keyframes integration-light{50%{border-color:#ffffff65;transform:translateY(-4px)}}
.proof-logo-track .customer-logo{width:250px;margin-right:12px;border:1px solid #CBD5E1;border-radius:8px;background:#fff;height:78px}.proof-logo-track .customer-logo img{height:20px;max-width:220px}.proof-logo-track{padding:25px 0}.proof-logo-window{mask-image:linear-gradient(90deg,transparent,#111 3%,#111 97%,transparent)}
.aisle-side{overflow:hidden}.aisle-side .aisle-shelf{animation:aisle-travel 2.2s linear infinite;animation-play-state:paused}.aisle-right .aisle-shelf{animation-name:aisle-travel-right}.depot-running .aisle-shelf{animation-play-state:running}.aisle-perspective{height:290px}.pick-footer{margin-top:15px}.aisle-demo{bottom:22px}@keyframes aisle-travel{0%{transform:skewY(9deg) translateY(-24px) scale(.94)}100%{transform:skewY(9deg) translateY(24px) scale(1.04)}}@keyframes aisle-travel-right{0%{transform:skewY(-9deg) translateY(-24px) scale(.94)}100%{transform:skewY(-9deg) translateY(24px) scale(1.04)}}
.app-product-grid{grid-template-columns:1fr 1fr}.app-product-grid>a:first-child{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;column-gap:65px;padding:38px}.app-product-grid>a:first-child .app-preview{grid-column:2;grid-row:1 / 6;height:240px;margin:0}.app-product-grid>a:first-child .app-card-link{grid-column:1}.app-product-grid>a:first-child>small{display:none}.app-product-grid>a:not(:first-child) .app-preview{height:230px}.rox-visual{width:100%}.rox-legend{display:flex;align-items:center;justify-content:space-between}.rox-legend b{font-size:28px;letter-spacing:-.06em}.rox-legend span{font-size:9px;color:#64748B}.rox-visual svg{width:100%;height:130px;margin-top:15px;overflow:visible}.rox-grid{stroke:#E2E8F0;fill:none}.rox-curve{stroke:#111;stroke-width:3;fill:none;stroke-dasharray:350;animation:rox-draw 5s ease-in-out infinite}.rox-dot{fill:#111;animation:reward-pulse 2s infinite}.rox-summary{display:flex;gap:20px;font-size:9px;color:#64748B}.rox-summary b{margin-left:auto;color:#111}.loyalty-visual{position:relative;width:100%;height:200px;display:grid;place-items:center}.loyalty-orbit{position:absolute;width:130px;height:130px;top:8px;border:1px solid #CBD5E1;border-radius:50%;animation:reward-orbit 10s linear infinite}.loyalty-orbit i{position:absolute;width:15px;height:15px;border:4px solid white;border-radius:50%;background:#111;left:55px;top:-8px;box-shadow:0 0 0 1px #CBD5E1}.loyalty-orbit i:nth-child(2){left:-5px;top:90px}.loyalty-orbit i:nth-child(3){left:112px;top:90px}.reward-seal{width:66px;height:66px;background:#111;border-radius:18px;display:grid;place-items:center;font-size:46px;color:white;position:absolute;top:40px;box-shadow:0 10px 25px #1112;animation:reward-pulse 4s ease-in-out infinite}.loyalty-steps{position:absolute;bottom:8px;display:flex;gap:16px;font-size:10px}.loyalty-steps span{padding:8px 10px;border:1px solid #E2E8F0;border-radius:6px;animation:reward-step 6s infinite}.loyalty-steps span:nth-child(2){animation-delay:2s}.loyalty-steps span:nth-child(3){animation-delay:4s}.app-preview *{animation-play-state:paused!important}.app-preview.module-visible *{animation-play-state:running!important}@keyframes rox-draw{0%,10%{stroke-dashoffset:350}65%,100%{stroke-dashoffset:0}}@keyframes reward-orbit{to{transform:rotate(360deg)}}@keyframes reward-pulse{50%{transform:scale(1.08)}}@keyframes reward-step{0%,30%{background:#111;color:white}34%,100%{background:white;color:#64748B}}
@media(max-width:760px){.mobile-lab{margin:50px 20px}.mobile-lab-controls{padding:16px;gap:12px}.mobile-lab-controls>div{flex-basis:100%}.mobile-option-label{gap:10px;font-size:10px}.mobile-option-label button{font-size:10px;padding:9px}.mobile-option-stage{display:block;height:690px}.mobile-option-copy{padding:28px!important;align-self:auto}.mobile-option-copy h2,.mobile-layout-2 .mobile-option-copy h2,.mobile-layout-6 .mobile-option-copy h2{font-size:34px}.mobile-option-copy p{font-size:12px}.mobile-option-copy .text-link{margin-top:16px}.mobile-option-art{height:370px}.mobile-layout-1 .mobile-option-art{grid-template-columns:repeat(3,135px);transform:rotate(-14deg) translate(-30px,-5px);height:800px}.mobile-layout-2 .mobile-option-art{padding-top:0}.mobile-layout-2 .mobile-screen{width:210px}.mobile-layout-3{height:730px}.mobile-layout-3 .mobile-option-copy h2 br{display:block}.mobile-layout-3 .mobile-screen{width:160px}.mobile-layout-4 .mobile-option-art{padding:0 16px;gap:9px;align-items:start}.mobile-layout-4 .mobile-screen{height:250px}.mobile-layout-4 .mobile-screen:nth-child(2){margin-top:30px}.mobile-layout-4 .mobile-screen:nth-child(3){align-self:start;margin-top:65px}.mobile-layout-5 .mobile-option-art{padding:30px 0 0 20px}.mobile-layout-5 .mobile-screen{width:145px}.mobile-layout-6 .mobile-option-art{padding:0 18px;grid-template-columns:1fr 1fr;gap:12px}.mobile-layout-6 .mobile-screen{height:340px}.mobile-layout-6 .mobile-screen:last-child{display:none}.mobile-layout-6 .mobile-screen:first-child img{transform:translateY(-30px)}.app-product-grid{grid-template-columns:1fr}.app-product-grid>a:first-child{display:flex;padding:24px;gap:0}.app-product-grid>a:first-child .app-preview{width:100%;margin:25px 0 10px}.app-product-grid>a:first-child .app-card-link{width:100%}.proof-logo-track .customer-logo{width:215px;height:65px}.proof-logo-track .customer-logo img{height:17px;max-width:195px}#entegrasyonlar .integrations-grid{padding:14px}.loyalty-steps{gap:7px}.loyalty-steps span{font-size:9px}.aisle-perspective{height:280px}}
@media(prefers-reduced-motion:reduce){.mobile-lab *,.app-preview *,#entegrasyonlar *,.aisle-shelf{animation:none!important;transition:none!important}}

.page-hidden .app-preview.module-visible *{animation-play-state:paused!important}
/* Seçilen mobil sunum: günün akışı, siyah sahne. */
.mobile-final .mobile-option{margin-bottom:0}.mobile-final .mobile-option-stage{background:#111;color:#fff;height:610px;border-color:#ffffff20}.mobile-final .eyebrow,.mobile-final .mobile-option-copy p{color:#CBD5E1}.mobile-final .eyebrow:before{background:#fff}.mobile-final .text-link{color:#fff;border-color:#ffffff30}.mobile-final .mobile-option-copy{padding-left:40px}.mobile-final .mobile-option-copy h2{font-size:42px}.mobile-final .mobile-option-art{gap:18px;padding:35px 30px 35px 10px;align-items:center}.mobile-final .iphone-frame{height:auto;width:calc((100% - 36px)/3);overflow:visible;border:none;background:transparent;box-shadow:none;flex-shrink:0}.mobile-final .iphone-frame:nth-child(2){margin-top:0;align-self:flex-start}.mobile-final .iphone-frame:nth-child(3){margin-bottom:0;align-self:flex-end}.iphone-display{position:relative;aspect-ratio:0.47;border:5px solid #111;border-radius:29px;overflow:hidden;background:#000;box-shadow:0 0 0 1px #64748B,0 0 0 3px #334155,0 18px 32px #0008}.mobile-final .iphone-frame img{width:100%;height:calc(100% - 27px);object-fit:cover;object-position:top;display:block}.iphone-status{height:27px;padding:5px 10px 0;display:flex;justify-content:space-between;color:white;font-size:7px;position:relative;align-items:flex-start;background:#000}.iphone-island{position:absolute;width:38px;height:12px;left:50%;top:4px;transform:translateX(-50%);border:1px solid #334155;border-radius:20px;background:#111}.iphone-home{position:absolute;bottom:5px;left:34%;width:32%;height:3px;background:#111;border-radius:4px;box-shadow:0 0 0 1px #fff7}.mobile-final .iphone-frame figcaption{position:static;background:none;color:#CBD5E1;text-align:center;padding:15px 0 0;font-size:10px}.mobile-final-pause{display:block;margin-top:25px;background:#ffffff0a;border:1px solid #ffffff30;border-radius:8px;color:white;width:36px;height:36px;cursor:pointer}.mobile-final.lab-paused *{animation-play-state:paused!important}
@media(max-width:760px){.mobile-final .mobile-option-stage{height:810px}.mobile-final .mobile-option-copy h2{font-size:34px}.mobile-final .mobile-option-art{padding:20px 16px;gap:12px;height:350px;align-items:center}.mobile-final .iphone-frame{width:calc((100% - 24px)/3);height:auto}.mobile-final .iphone-frame:nth-child(2){margin-top:0}.mobile-final .iphone-frame:nth-child(3){margin-top:55px;align-self:flex-start}.iphone-display{border-width:3px;border-radius:17px;box-shadow:0 0 0 1px #64748B,0 0 0 2px #334155,0 10px 20px #0008}.iphone-status{height:17px;font-size:5px;padding:4px 5px 0}.iphone-island{width:23px;height:8px;top:3px}.mobile-final .iphone-frame img{height:calc(100% - 17px)}.mobile-final .iphone-frame figcaption{font-size:8px}.mobile-final-pause{margin-top:15px}.iphone-home{height:2px;bottom:3px}}
/* Uygulama kartları: mevcut siyah ve nötr tonlarla koyu görünüm. */
#uygulamalar .app-product-grid>a{background:#111;color:#fff;border-color:#333}#uygulamalar .app-product-grid h3,#uygulamalar .app-card-link,#uygulamalar .app-demo-fields b,#uygulamalar .rox-summary b{color:#fff}#uygulamalar .app-product-grid p,#uygulamalar .app-card-top span,#uygulamalar .app-product-grid>a>small,#uygulamalar .app-demo-fields>span,#uygulamalar .rox-legend span,#uygulamalar .rox-summary{color:#cbd5e1}#uygulamalar .app-preview{background:#1c1c1c;border-color:#333}#uygulamalar .demo-output{border-color:#333}#uygulamalar .demo-output i{background:#444}#uygulamalar .rox-grid{stroke:#333}#uygulamalar .rox-curve{stroke:#fff}#uygulamalar .rox-dot{fill:#fff}#uygulamalar .loyalty-orbit{border-color:#64748b}#uygulamalar .loyalty-orbit i{background:#fff;border-color:#1c1c1c;box-shadow:0 0 0 1px #64748b}#uygulamalar .reward-seal{background:#fff;color:#111;line-height:1;display:flex;align-items:center;justify-content:center;top:40px}#uygulamalar .reward-seal svg{display:block;width:38px;height:38px}#uygulamalar .loyalty-steps span{border-color:#444;animation-name:reward-step-dark}@keyframes reward-step-dark{0%,30%{background:#fff;color:#111}34%,100%{background:#1c1c1c;color:#cbd5e1}}