:root{--mt-sage-50:#f9faf7;--mt-sage-100:#f1f4e9;--mt-stone-50:#fafaf9;--mt-stone-100:#f5f5f4;--mt-stone-200:#e7e7e4;--mt-stone-400:#a8a29e;--mt-stone-500:#78716c;--mt-stone-600:#57534e;--mt-stone-900:#1c1917}.mt-scroll-section{position:relative;height:150vh;background-color:#f0eee9;margin-top:-100px}.mt-sticky-container{position:sticky;top:0;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.mt-container{max-width:1200px;width:100%;margin:0 auto;padding:0 40px}.mt-row{display:flex;flex-direction:row;align-items:center;gap:80px}.mt-visual-side{flex:1;display:flex;justify-content:center}.mt-visual-card{position:relative;width:100%;max-width:500px;aspect-ratio: 16/10;background-color:var(--mt-stone-50);border:1px solid var(--mt-stone-100);border-radius:40px;box-shadow:inset 0 2px 4px rgba(0,0,0,.02);display:flex;align-items:center;justify-content:center;padding:30px;overflow:hidden;will-change:transform;transition:transform .1s ease-out}.mt-zen-gradient{position:absolute;inset:0;background:linear-gradient(135deg,var(--mt-sage-50) 0%,var(--mt-stone-100) 100%);pointer-events:none;transition:opacity .3s ease}.mt-visual-content{position:relative;z-index:10;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.mt-chaos-layer{position:absolute;inset:0;width:100%;height:100%}.mt-chaos-items-relative{position:relative;width:100%;height:100%}.mt-chaos-item{position:absolute;background:#fff;border:1px solid var(--mt-stone-200);padding:10px 15px;border-radius:12px;font-size:13px;color:var(--mt-stone-500);box-shadow:0 2px 10px rgba(0,0,0,.05);white-space:nowrap;will-change:transform , opacity}.mt-zen-layer{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;will-change:transform , opacity}.mt-app-mockup{width:280px;background:#fff;border:1px solid rgba(0,0,0,.03);border-radius:35px;padding:30px;box-shadow:0 30px 60px -15px rgba(0,0,0,.08)}.mt-mockup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.mt-mockup-line{height:5px;width:80px;background:var(--mt-sage-100);border-radius:10px}.mt-mockup-icon{font-size:18px;color:var(--mt-stone-400)}.mt-mockup-item{display:flex;align-items:center;gap:15px;margin-bottom:15px}.mt-mockup-circle{width:35px;height:35px;border-radius:50%;background:var(--mt-sage-50);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--mt-stone-600);box-shadow:0 2px 5px rgba(0,0,0,.02)}.mt-mockup-rect{height:3px;flex:1;background:var(--mt-stone-100);border-radius:10px}.mt-mockup-footer{margin-top:30px;padding-top:25px;border-top:1px solid var(--mt-stone-100);display:flex;justify-content:center}.mt-mockup-btn{padding:10px 25px;border-radius:50px;font-size:10px;color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.15em;box-shadow:0 10px 20px -5px rgba(0,0,0,.1)}.mt-zen-caption{margin-top:25px;color:var(--mt-stone-600);font-size:16px;font-weight:500;display:flex;align-items:center;gap:10px}.mt-text-side{flex:1}.mt-text-container{position:relative;height:350px;display:flex;align-items:center}.mt-text-block{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;will-change:transform , opacity}.mt-label{font-weight:700;text-transform:uppercase;letter-spacing:.4em;font-size:11px;margin-bottom:15px}.mt-title{font-size:clamp(40px,6vw,70px);font-weight:800;color:var(--mt-stone-900);margin:0 0 25px 0;line-height:1.1;letter-spacing:-.02em}.mt-title italic{font-style:italic;font-weight:300}.mt-description{font-size:20px;line-height:1.6;color:var(--mt-stone-500);font-weight:300}.mt-scroll-hint{margin-top:25px;color:var(--mt-stone-400);font-size:16px;display:flex;align-items:center;gap:10px}.mt-features{display:flex;flex-direction:column;gap:15px}.mt-feature-item{display:flex;align-items:center;gap:15px}.mt-feature-icon{width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px}.mt-feature-text{font-size:18px;color:var(--mt-stone-600)}.mt-nav-dots{position:absolute;right:40px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;z-index:50}.mt-dot{width:8px;height:8px;border-radius:50%;background:var(--mt-stone-200);transition:all .3s ease}.mt-dot.active{background:var(--mt-stone-900);transform:scale(1.3)}.mt-dot-connector{width:2px;height:30px;background:var(--mt-stone-100);border-radius:10px;overflow:hidden}.mt-dot-progress{width:100%;height:0%;transition:height .1s linear}@media (max-width:1024px){.mt-row{flex-direction:column;gap:50px;text-align:center}.mt-container{padding-top:80px}.mt-text-container{justify-content:center}.mt-text-block{align-items:center}.mt-feature-item{justify-content:center}}@media (max-width:768px){.mt-title{font-size:40px}.mt-description{font-size:17px}.mt-visual-card{padding:20px}.mt-app-mockup{width:240px;padding:20px}}