/* 390 × 844 native mobile screens, scaled as a complete composition. */
.live-device{container-type:inline-size;position:relative}
.mobile-preview{position:absolute;inset:0;overflow:hidden;border-radius:inherit;background:#fff;color:var(--ink);font-family:Manrope,sans-serif;font-weight:400}
.mobile-preview p{margin:0}
.mobile-preview img{position:absolute;display:block;height:auto;max-width:none}
.mobile-preview a{color:inherit;text-decoration:none}
.mobile-preview a:focus-visible{outline:2px solid currentColor;outline-offset:-4px}
.preview-status{left:0;top:0;width:100%;pointer-events:none}
.preview-home{position:absolute;width:36%;height:.593%;left:32%;bottom:.95%;border-radius:999px;background:currentColor}
.preview-logo{left:6.154%;top:8.294%;width:29.744%}
.preview-skip{position:absolute;left:77.436%;top:8.175%;width:16.41%;height:5.213%;display:grid;place-items:center;font-size:3.846cqw;font-weight:600}
.preview-count{position:absolute;left:6.154%;top:18.483%;width:21.026%;height:4.739%;display:grid;place-items:center;border-radius:5.64cqw;background:white;color:var(--ink);font-size:3.333cqw;font-weight:500}
.preview-symbol{left:71.795%;top:18.957%;width:22.051%}
.preview-aura{width:133.333%;left:-33.333%;top:21.327%;pointer-events:none}
.kinetic-style .preview-aura{left:15.385%;top:9.479%}
.kinetic-try .preview-aura{left:33.333%;top:23.697%}
.preview-heading{position:absolute;left:6.154%;top:32.701%;width:87.692%;font-weight:600;font-size:17.179cqw;line-height:1.18;letter-spacing:-.513cqw}
.kinetic-style .preview-heading{font-size:14.103cqw}
.kinetic-try .preview-heading{font-size:25.128cqw}
.lang-en .kinetic-see .preview-heading{font-size:15.128cqw}
.preview-copy{position:absolute;left:6.154%;top:60.664%;width:87.692%;display:flex;flex-direction:column;gap:3.077cqw}
.preview-title{font-size:7.692cqw;line-height:1.267;font-weight:600;letter-spacing:-.12cqw}
.preview-body{font-size:3.846cqw;line-height:1.533}
.preview-dots{position:absolute;left:6.154%;top:81.043%;display:flex;gap:1.795cqw}
.preview-dots i{width:1.795cqw;height:1.795cqw;border-radius:1.026cqw;background:currentColor}
.preview-dots i.active{width:7.179cqw}
.preview-cta{position:absolute;left:6.154%;top:86.256%;width:87.692%;height:6.635%;border-radius:4.103cqw;display:flex;align-items:center;justify-content:center;background:var(--ink);font-size:3.846cqw;font-weight:600}
.mobile-preview .preview-cta{color:white}
.kinetic-see{background:var(--ink);color:white}
.kinetic-see .preview-cta{background:white;color:var(--ink)}
.kinetic-style,.piano-preview{background:#a366f5}
.piano-preview .preview-cta{color:#a366f5}
.preview-piano-symbol{position:absolute;left:33.59%;top:27.962%;width:32.821%;height:16.682%}
.preview-piano-word{position:absolute;left:22.821%;top:48.578%;width:54.359%;height:9.661%}
.preview-piano-title{position:absolute;left:6.154%;top:62.441%;width:87.692%;text-align:center;font-size:7.692cqw;font-weight:600;line-height:1.267}
.preview-piano-caption{position:absolute;left:6.154%;top:68.483%;width:87.692%;text-align:center;font-size:3.846cqw;line-height:1.533}
.menu-content aside .app-device{width:160px;margin:0 auto 22px;box-shadow:none}
.portal-brand{position:relative;aspect-ratio:86/95;opacity:.28}
.portal-brand img{position:absolute;inset:0;width:100%;height:auto;transition:opacity .4s}
.portal-brand .mark-white{opacity:0}
.portal.is-dark .portal-brand .mark-white{opacity:1}
.portal.is-dark .portal-brand .mark-ink{opacity:0}
@media(prefers-reduced-motion:reduce){.portal-brand img{transition:none}}
.reduce-motion .portal-brand img{transition:none}
/* WCAG 2.5.8: küçültülmüş önizlemelerde görünümü değiştirmeden tıklama alanını büyüt */
.preview-skip::after,.preview-cta::after{content:"";position:absolute;left:50%;top:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}