.tour-preview{--tour-purple:#704be7;--tour-ink:#232438;overflow:hidden}.tour-preview .pp-app{background:#f7f8fc}.tour-main{flex:1;min-width:0;display:flex;flex-direction:column;padding:1.15rem;color:var(--tour-ink)}.tour-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:white;border:1px solid #e5e8f1;border-radius:14px;padding:.75rem 1rem;margin-bottom:.7rem}.tour-top>div{display:flex;flex-direction:column;gap:.15rem}.tour-top small{color:#7655d6;font-size:.62rem;font-weight:800;letter-spacing:.08em}.tour-top b{font-size:1rem}.tour-top>span{border-radius:99px;background:#eee8ff;padding:.25rem .55rem;font-size:.65rem;color:#5b3ccc;font-weight:800}.tour-workspace{display:grid;grid-template-columns:minmax(90px,18%) 1fr;gap:.65rem;flex:1;min-height:0}.tour-sidebar{display:flex;flex-direction:column;gap:.4rem;background:#fff;border:1px solid #e5e8f1;border-radius:14px;padding:.9rem .55rem}.tour-sidebar strong{font-size:.72rem;margin:.2rem .3rem .65rem}.tour-sidebar span{font-size:.63rem;padding:.55rem .5rem;border-radius:8px;color:#737b90}.tour-sidebar span.active{background:#eee8ff;color:#603bd9;font-weight:800}.tour-stage{min-width:0;position:relative;background:white;border:1px solid #e5e8f1;border-radius:14px;padding:1.1rem;overflow:hidden}.tour-stage-head>span{font-size:.57rem;color:#6244cc;letter-spacing:.12em;font-weight:800}.tour-stage-head h5{margin:.25rem 0;font-size:1.08rem}.tour-stage-head p{font-size:.68rem;color:#768095;max-width:46rem;line-height:1.45;margin:0}.tour-stage-screen{width:min(100%,550px);margin:1rem auto .65rem;transform-origin:center;animation:tour-screen-in .8s cubic-bezier(.18,.8,.28,1) both}.tour-stage-screen .demo-box{box-shadow:0 16px 34px #271b6020;border-radius:14px}.tour-stage-screen .demo-row,.tour-stage-screen .demo-field,.tour-stage-screen .demo-person,.tour-stage-screen .demo-pill,.tour-stage-screen .demo-stat{animation:tour-item-in .48s ease both}.tour-stage-screen :is(.demo-row,.demo-field,.demo-person,.demo-pill,.demo-stat):nth-child(2){animation-delay:.35s}.tour-stage-screen :is(.demo-row,.demo-field,.demo-person,.demo-pill,.demo-stat):nth-child(3){animation-delay:.7s}.tour-stage-screen :is(.demo-row,.demo-field,.demo-person,.demo-pill,.demo-stat):nth-child(4){animation-delay:1.05s}.tour-stage-screen :is(.demo-row,.demo-field,.demo-person,.demo-pill,.demo-stat):nth-child(5){animation-delay:1.4s}.tour-action-line{display:flex;align-items:center;gap:.4rem;color:#5c42ca;font-size:.64rem;font-weight:800;width:min(100%,550px);margin:auto auto 0}.tour-action-line span{font-size:.95rem;animation:tour-pulse 1.6s infinite}.tour-action-line i{height:2px;background:linear-gradient(90deg,#7a52e8,#ddd3ff);flex:1;transform-origin:left;animation:tour-line 4s ease-in-out infinite}.tour-action-line em{font-style:normal}.tour-brands{display:flex;gap:.5rem;margin:0 0 .6rem}.tour-brand{display:inline-flex;align-items:center;gap:.3rem;padding:.26rem .6rem;border-radius:99px;font-size:.65rem;font-weight:800}.tour-brand.whatsapp{background:#e2f8eb;color:#128c49}.tour-brand.gmail{background:#fff2ef;color:#b44337}.tour-brand i{font-style:normal;font-weight:900}.tour-brand.gmail i{color:#e5493d}.pj-form-scene .tour-highlight{border-color:#7450e8!important;box-shadow:0 0 0 3px #7855e82a!important;animation:tour-pulse 2s infinite}.pj-form-scene .pj-confirm.tour-visible{opacity:1;transform:none;position:static;margin:.3rem .5rem 0}.tour-preview .demo-chat-reply{max-width:90%}@keyframes tour-screen-in{from{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes tour-item-in{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}@keyframes tour-line{from{transform:scaleX(.05)}to{transform:scaleX(1)}}@keyframes tour-pulse{50%{filter:brightness(1.5)}}@media(max-width:700px){.tour-main{padding:.5rem}.tour-workspace{grid-template-columns:1fr}.tour-sidebar{display:none}.tour-stage{padding:.65rem}.tour-stage-head p{font-size:.62rem}.tour-top{padding:.45rem .65rem}}@media(prefers-reduced-motion:reduce){.tour-preview *,.tour-preview *::before,.tour-preview *::after{animation:none!important;transition:none!important}}
.go-detail:before{content:'▶ ANA SAYFA ÜRÜN TURU'}.go-detail:after{animation-duration:9s}
.feature-demo-screen:has(.tour-preview){min-height:455px}.feature-demo-screen .tour-preview{height:455px}.feature-demo-screen .tour-stage-screen{margin-top:.65rem}.feature-demo-screen .tour-stage-screen .demo-box{min-height:0}.feature-demo-screen .tour-stage{padding:.65rem}.feature-demo-screen .tour-top{padding:.45rem .65rem}.feature-demo-screen .tour-main{padding:.55rem}.feature-demo-screen .tour-stage-head p{font-size:.6rem}
.product-page-preview:not(.tour-preview) :is(.rp-detail-card,.rp-sample-image,.of-form,.of-board,.wk-form,.wk-board,.cp-overview,.cp-detail-body,.bu-detail-card,.bu-overview,.ca-detail-card,.tm-detail-card,.eq-detail-card,.cl-focus-grid,.msg-window){animation:tour-screen-in .72s cubic-bezier(.18,.8,.28,1) both}
.tour-stage-screen .demo-cursor{animation:demo-pointer 4.8s ease-in-out infinite}
.integration-app{border:1px solid #dce3e6;border-radius:13px;overflow:hidden;background:#fff;box-shadow:0 14px 32px #1d314021;min-height:205px}.integration-app>header{display:flex;justify-content:space-between;align-items:center;padding:.65rem .9rem;font-size:.8rem}.whatsapp-app>header{background:#075e54;color:#fff}.gmail-app>header{background:#f8f9fb;color:#2d3546;border-bottom:1px solid #e7eaf0}.gmail-app>header i{font-style:normal;font-weight:900;color:#e34437;margin-right:.35rem}.integration-content{display:grid;grid-template-columns:34% 1fr;min-height:185px}.integration-content aside{padding:.6rem;border-right:1px solid #e7ecec;background:#f7faf9;display:flex;flex-direction:column;gap:.32rem}.gmail-app .integration-content aside{background:#f8f9fc}.integration-content aside>b{font-size:.65rem;margin-bottom:.3rem}.integration-content aside span{display:block;padding:.35rem;border-radius:6px;font-size:.57rem;color:#455468}.integration-content aside span.active{background:#e1f2ec;color:#125745;font-weight:800}.gmail-app .integration-content aside span.active{background:#fce8e6;color:#ac4337}.integration-content aside small{float:right;font-size:.48rem}.integration-content section{padding:.65rem .8rem;background:#e9f2ed}.gmail-app .integration-content section{background:#fff}.integration-content section small{font-size:.55rem;color:#60727a}.integration-content section h6{font-size:.74rem;margin:.4rem 0}.integration-content section p{font-size:.64rem;line-height:1.5;margin:.45rem 0}.integration-content .incoming,.integration-content .outgoing{max-width:86%;padding:.43rem .58rem;border-radius:8px;background:#fff;animation:tour-item-in .45s both}.integration-content .outgoing{background:#d7f9c5;margin-left:auto;animation-delay:.6s}.integration-action{display:flex;align-items:center;justify-content:space-between;gap:.4rem;border:1px solid #b8d8ca;background:#fff;padding:.5rem .6rem;border-radius:8px;color:#225a4d;font-size:.58rem;margin-top:.6rem;animation:tour-item-in .5s 1.2s both}.gmail-app .integration-action{border-color:#f4ccca;color:#a93d33}.integration-action strong{white-space:nowrap;font-size:.57rem}@media(max-width:600px){.integration-content{grid-template-columns:28% 1fr}.integration-content aside span{font-size:.47rem}.integration-content section{padding:.4rem}.integration-content section p{font-size:.54rem}.integration-action{font-size:.48rem}.integration-action strong{font-size:.45rem}}