Comfort

About

.experience-wrapper { max-width: 1240px; margin: 0 auto; padding: 60px 20px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; } .experience-header { text-align: center; margin-bottom: 40px; position: relative; } .experience-title { font-size: 32px; font-weight: 700; color: #333; margin-bottom: 16px; position: relative; display: inline-block; } .experience-title::after { content: ''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 70px; height: 4px; background: #E31837; border-radius: 2px; } .intro-card { background: white; border-radius: 16px; padding: 40px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); margin-bottom: 50px; position: relative; overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease; } .intro-card:hover { transform: translateY(-5px); box-shadow: 0 15px 35px rgba(227, 24, 55, 0.1); } .intro-text { color: #4A4A4A; line-height: 1.8; font-size: 18px; margin-bottom: 0; } .intro-text b { color: #222; font-weight: 600; } .accent-circle { position: absolute; top: -60px; right: -60px; width: 120px; height: 120px; background: linear-gradient(45deg, #E31837, #ff4d6d); opacity: 0.08; border-radius: 50%; } .accent-square { position: absolute; bottom: -30px; left: -30px; width: 80px; height: 80px; background: linear-gradient(135deg, #E31837, #ff4d6d); opacity: 0.05; border-radius: 12px; transform: rotate(15deg); } @media (max-width: 768px) { .experience-wrapper { padding: 40px 15px; } .experience-title { font-size: 26px; } .intro-card { padding: 30px 25px; } .intro-text { font-size: 16px; } } How SwitchBot Turbocharged My Smart Home Automation I've been on a journey towards automating my home over the past few years. I started small with a few smart home devices here and there, but it always felt disjointed and I struggled to get everything working together. That was until I discovered SwitchBot and their ecosystem of home autom