.mobileHero .heroBadge{background:linear-gradient(135deg,rgba(255,159,67,.15),rgba(255,159,67,.05));border:1px solid rgba(255,159,67,.3)}.mobileHero .heroBadge span{color:var(--tns-orange)}.mobilePhoneMockup{position:relative;width:280px;height:560px;background:var(--bg-darker);border-radius:36px;border:3px solid rgba(255,255,255,.1);box-shadow:0 25px 80px rgba(0,0,0,.4);overflow:hidden;margin:0 auto}.mobilePhoneNotch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:120px;height:28px;background:var(--bg-darker);border-radius:0 0 16px 16px;z-index:2}.mobilePhoneScreen{position:absolute;top:28px;left:0;right:0;bottom:0;background:var(--bg-dark);display:flex;flex-direction:column;overflow:hidden}.mobilePhoneStatusBar{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;font-size:.7rem;color:rgba(255,255,255,.6)}.mobilePhoneHeader{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.mobilePhoneHeaderIcon{width:32px;height:32px;background:var(--tns-purple);border-radius:10px;display:flex;align-items:center;justify-content:center;color:white}.mobilePhoneHeaderText{font-size:.85rem;font-weight:600;color:white}.mobilePhoneNotifications{flex:1;padding:12px;display:flex;flex-direction:column;gap:8px;overflow:hidden}.mobileNotifCard{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:10px 12px;display:flex;align-items:flex-start;gap:10px}.mobileNotifIcon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mobileNotifIcon.notifPurple{background:rgba(139,92,246,.15);color:var(--tns-purple)}.mobileNotifIcon.notifOrange{background:rgba(255,159,67,.15);color:var(--tns-orange)}.mobileNotifIcon.notifGreen{background:rgba(34,197,94,.15);color:#22c55e}.mobileNotifContent{flex:1;min-width:0}.mobileNotifSender{font-size:.72rem;font-weight:600;color:white;display:block}.mobileNotifText{font-size:.68rem;color:rgba(255,255,255,.6);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobileNotifTime{font-size:.6rem;color:rgba(255,255,255,.3);flex-shrink:0;white-space:nowrap}.mobilePhoneTabs{display:flex;justify-content:space-around;padding:10px 0 14px;border-top:1px solid rgba(255,255,255,.06);background:var(--bg-darker)}.mobilePhoneTab{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:.58rem;color:rgba(255,255,255,.4)}.mobilePhoneTab.activeTab{color:var(--tns-purple)}.mobilePhoneTab svg{width:18px;height:18px}.mobileFeatureGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.appPreviewSection{padding:80px 0}.appPreviewLayout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.appPreviewContent{display:flex;flex-direction:column;gap:24px}.appPreviewFeature{display:flex;align-items:flex-start;gap:16px;padding:16px;border-radius:12px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);transition:all .3s ease}.appPreviewFeature:hover{background:rgba(255,255,255,.04);border-color:rgba(139,92,246,.2)}.appPreviewFeatureIcon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(139,92,246,.12),rgba(139,92,246,.04));color:var(--tns-purple);flex-shrink:0}.appPreviewFeature h4{font-size:.95rem;font-weight:600;color:white;margin-bottom:4px}.appPreviewFeature p{font-size:.85rem;color:rgba(255,255,255,.6);line-height:1.5}.mobileBenefitsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.mobileBenefitCard{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:32px 24px;text-align:center;transition:all .3s ease}.mobileBenefitCard:hover{background:rgba(255,255,255,.04);border-color:rgba(139,92,246,.3);transform:translateY(-4px)}.mobileBenefitIcon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;background:linear-gradient(135deg,rgba(139,92,246,.12),rgba(139,92,246,.04));color:var(--tns-purple)}.mobileBenefitCard h3{font-size:1.1rem;font-weight:600;color:white;margin-bottom:8px}.mobileBenefitCard p{font-size:.9rem;color:rgba(255,255,255,.6);line-height:1.6}.showcaseSection{padding:80px 0;background:linear-gradient(180deg,var(--bg-dark) 0,rgba(83,53,137,.08) 50%,var(--bg-dark) 100%)}.showcaseGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.showcaseCard{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden;transition:all .3s ease}.showcaseCard:hover{background:rgba(255,255,255,.04);border-color:rgba(139,92,246,.3);transform:translateY(-6px);box-shadow:0 20px 60px rgba(0,0,0,.3)}.showcaseCardImageOnly{border-radius:20px}.showcaseCardImageOnly .showcaseImageWrapper{border-radius:20px;aspect-ratio:unset}.showcaseCardImageOnly .showcaseImage{object-fit:contain;height:auto}.showcaseImageWrapper{position:relative;width:100%;aspect-ratio:9/16;overflow:hidden;background:var(--bg-darker)}.showcaseImage{width:100%;height:100%;object-fit:cover;object-position:top center}.showcaseCardContent{padding:16px 20px 20px}.showcaseBadge{display:inline-block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--tns-orange);background:rgba(255,159,67,.12);border:1px solid rgba(255,159,67,.25);padding:4px 10px;border-radius:6px;margin-bottom:10px}.showcaseCardTitle{font-size:.95rem;font-weight:600;color:white;line-height:1.4;margin-bottom:8px}.showcaseTags{display:flex;flex-wrap:wrap;gap:6px}.showcaseTag{font-size:.68rem;font-weight:500;color:rgba(255,255,255,.6);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);padding:3px 8px;border-radius:4px}@media (max-width:1024px){.mobileBenefitsGrid,.mobileFeatureGrid{grid-template-columns:repeat(2,1fr)}.appPreviewLayout{grid-template-columns:1fr;gap:40px}.showcaseGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.mobileBenefitsGrid,.mobileFeatureGrid{grid-template-columns:1fr}.mobilePhoneMockup{width:240px;height:480px}.showcaseGrid{grid-template-columns:repeat(2,1fr);gap:16px}.showcaseSection{padding:60px 0}.showcaseCardContent{padding:12px 14px 16px}.showcaseCardTitle{font-size:.85rem}}@media (max-width:480px){.showcaseGrid{grid-template-columns:1fr;max-width:300px;margin:0 auto}}