.stories{background:radial-gradient(circle at top, var(--bg-dark), var(--bg-dark));color:#fff;padding:120px 0 140px}.stories-header{max-width:720px;margin-bottom:56px;padding:0 20px}.eyebrow{letter-spacing:.3em;color:var(--primary);margin-bottom:12px;font-size:12px;display:block}.stories-header h2{margin-bottom:16px;font-size:48px;font-weight:700}.stories-header p{color:var(--text-muted);font-size:16px;line-height:1.7}.stories-carousel{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:28px;padding:0 20px;display:flex;overflow-x:auto}.stories-carousel::-webkit-scrollbar{display:none}.story-card{scroll-snap-align:start;background:linear-gradient(#1e293be6,#0f172ae6);border:1px solid #ffffff0d;border-radius:28px;flex:0 0 420px;margin:5px;padding:22px;transition:transform .25s,box-shadow .25s,border-color .25s}.story-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 20px 60px #00000073}.mockup{background:#ffffff08;border-radius:18px;margin-bottom:22px;overflow:hidden}.mockup img{width:100%;display:block}.tag{letter-spacing:.12em;margin-bottom:10px;font-size:11px;display:inline-block}.tag.blue{color:var(--primary)}.tag.purple{color:var(--accent)}.tag.green{color:#22c55e}.story-card h3{margin-bottom:6px;font-size:20px}@media (max-width:1024px){.story-card{flex-basis:360px}}@media (max-width:640px){.stories-header h2{font-size:36px}.story-card{flex-basis:85%}}