.appShowcase{padding:80px 40px;position:relative;overflow:hidden}.scBgBlobs{pointer-events:none;z-index:0;position:absolute;inset:0}.scBlob{filter:blur(150px);opacity:.06;border-radius:50%;width:700px;height:700px;position:absolute}.scBlob1{background:var(--accent);top:0;left:-200px}.scBlob2{background:#a855f7;bottom:-100px;right:-200px}.scInner{z-index:1;max-width:1200px;margin:0 auto;position:relative}.scHeader{text-align:center;margin-bottom:72px}.scLabel{color:var(--accent);text-transform:uppercase;letter-spacing:.06em;background:#ef682914;border-radius:100px;align-items:center;gap:6px;margin-bottom:16px;padding:5px 14px;font-size:.72rem;font-weight:700;display:inline-flex}.scTitle{color:#fff;margin-bottom:18px;font-size:2.8rem;font-weight:800;line-height:1.15}.scTitle .highlight{background:linear-gradient(135deg, var(--accent), #f59e0b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.scSub{color:var(--text-secondary);max-width:560px;margin:0 auto;font-size:1.05rem;line-height:1.7}.scColumns{grid-template-columns:420px 1fr;align-items:start;gap:64px;display:grid}.scAccordion{flex-direction:column;gap:8px;display:flex}.scTab{text-align:left;color:#fff;cursor:pointer;background:#ffffff06;border:1px solid #ffffff0f;border-radius:14px;width:100%;padding:0;transition:all .3s;display:block;overflow:hidden}.scTab:hover{background:#ffffff0a;border-color:#ffffff1a}.scTab.active{background:#ef68290a;border-color:#ef682933;box-shadow:0 0 24px #ef68290f}.scTabHead{align-items:center;gap:12px;padding:16px 18px;display:flex}.scTabIcon{color:#ffffff80;background:#ffffff0d;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:all .3s;display:flex}.scTab.active .scTabIcon{color:var(--accent);background:#ef68291f}.scTabTitle{color:#ffffffb3;flex:1;font-size:.92rem;font-weight:600;transition:color .3s}.scTab.active .scTabTitle{color:#fff}.scTabChevron{color:#ffffff40;flex-shrink:0;transition:transform .35s,color .3s}.scTab.active .scTabChevron{color:var(--accent);transform:rotate(180deg)}.scTabBody{opacity:0;max-height:0;padding:0 18px;transition:max-height .4s cubic-bezier(.4,0,.2,1),padding .3s,opacity .3s;overflow:hidden}.scTab.active .scTabBody{opacity:1;max-height:600px;padding:0 18px 18px}.scTabBody p{color:var(--text-secondary);font-size:.88rem;line-height:1.7}.scTabImageMobile{display:none}.scPreviewPanel{justify-content:center;align-items:center;min-height:580px;display:flex;position:sticky;top:100px}.scPreviewSlot{opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:opacity .45s,transform .45s;display:flex;position:absolute;inset:0;transform:translateY(14px)scale(.97)}.scPreviewSlot.active{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.scPhoneWrap{transition:transform .4s;position:relative}.scPhoneWrap:hover{transform:scale(1.02)}.scPhoneGlow{z-index:0;pointer-events:none;background:radial-gradient(circle,#ef682924 0%,#0000 70%);border-radius:50%;position:absolute;inset:-50px}.scPhoneFrame{z-index:1;background:#1a1a22;border:3px solid #ffffff14;border-radius:36px;width:300px;position:relative;overflow:hidden;box-shadow:0 30px 80px #00000080,0 0 0 1px #ffffff0a}.scScreenImg{object-fit:cover;width:100%;height:620px;display:block}@media (max-width:960px){.appShowcase{padding:80px 20px}.scTitle{font-size:2rem}.scHeader{margin-bottom:48px}.scColumns{grid-template-columns:1fr;gap:0}.scPreviewPanel{display:none}.scTabImageMobile{justify-content:center;margin-top:18px;display:flex}.scTabImageMobile .scPhoneFrame{width:240px}}@media (max-width:480px){.scTitle{font-size:1.6rem}.scTabImageMobile .scPhoneFrame{width:280px}}