:root{--primary: #02907d;--bg-light: #f8fafc;--text-main: #0f172a;--text-muted: #64748b;--border-color: #e2e8f0}.features-section{padding:6rem 1.5rem;background-color:#fff;position:relative;overflow:hidden}.container{max-width:1100px;margin:0 auto;position:relative;z-index:1}.features-bg-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(#e2e8f0 1.5px,transparent 1.5px);background-size:24px 24px;opacity:.6;pointer-events:none;z-index:0;-webkit-mask-image:radial-gradient(circle at center,black 40%,transparent 80%);mask-image:radial-gradient(circle at center,black 40%,transparent 80%)}.features-header{text-align:center;max-width:680px;margin:0 auto 4rem}.badge-pill{display:inline-block;padding:.35rem 1rem;background-color:#02907d1a;color:var(--primary);font-size:.85rem;font-weight:700;border-radius:2rem;margin-bottom:1rem}.features-header h2{font-size:clamp(2rem,4vw,2.5rem);font-weight:800;line-height:1.2;color:var(--text-main);margin-bottom:1rem}.features-header p{font-size:1.125rem;color:var(--text-muted);line-height:1.6}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.feature-card{background:#fff;border:1px solid var(--border-color);border-radius:1.25rem;padding:2.5rem;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.25,.8,.25,1)}.feature-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px -5px #02907d26,0 10px 15px -5px #0000000d;border-color:var(--primary);background:linear-gradient(165deg,#fff 40%,#02907d14)}.feature-icon-wrapper{width:56px;height:56px;background:var(--bg-light);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--text-main);margin-bottom:1.5rem;transition:all .3s ease}.feature-card:hover .feature-icon-wrapper{background:var(--primary);color:#fff;transform:scale(1.05);box-shadow:0 8px 16px #02907d40}.feature-card h3{font-size:1.35rem;font-weight:700;color:var(--text-main);margin-bottom:.75rem}.feature-card p{font-size:1rem;color:var(--text-muted);line-height:1.6}.feature-card.feature-card-wide{grid-column:span 2;display:flex;align-items:center;gap:3rem;background:linear-gradient(to right,#fff,#f8fafc)}.feature-card.feature-card-wide:hover{background:linear-gradient(to right,#fff 50%,#02907d14)}.feature-content-side{flex:1}.ios-mockup-wrapper{flex:1;height:200px;position:relative;display:flex;justify-content:center;align-items:center;background:#f2f2f7;border-radius:1rem;overflow:hidden;box-shadow:inset 0 0 20px #0000000d}.ios-wallpaper-blur{position:absolute;width:150%;height:150%;background:radial-gradient(circle at 50% 30%,#a5f3fc,#ccfbf1,#f2f2f7);top:-20%;z-index:1}.ios-notification{position:relative;z-index:10;width:90%;max-width:360px;background:#ffffffbf;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:18px;padding:12px 14px;box-shadow:0 8px 32px #0000001f;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;opacity:0;transform:translateY(-150%) scale(.95);will-change:transform,opacity}.ios-header{display:flex;align-items:center;margin-bottom:8px}.ios-icon-box{width:20px;height:20px;background:linear-gradient(135deg,#34c759,#30b0c7);border-radius:5px;display:flex;align-items:center;justify-content:center;margin-right:8px}.ios-app-name{font-size:11px;font-weight:600;color:#3c3c4399;letter-spacing:.02em;margin-right:auto}.ios-time{font-size:11px;color:#3c3c4399}.ios-title{display:block;font-size:15px;font-weight:600;color:#000;margin-bottom:2px}.ios-message{font-size:14px;color:#1c1c1e;line-height:1.35}@keyframes ios-loop-v2{0%{opacity:0;transform:translateY(-150%) scale(.9)}10%{opacity:1;transform:translateY(5px) scale(1.01)}15%{opacity:1;transform:translateY(0) scale(1)}85%{opacity:1;transform:translateY(0) scale(1)}95%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:0;transform:translateY(-150%) scale(.9)}}.feature-card-wide.active .ios-notification{animation:ios-loop-v2 7s ease-in-out infinite both;animation-delay:.5s}.reveal{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.reveal.active{opacity:1;transform:translateY(0)}@media(max-width:768px){.features-grid{grid-template-columns:1fr}.feature-card{text-align:center;padding:2rem 1.5rem}.feature-card .feature-icon-wrapper{margin-left:auto;margin-right:auto}.feature-card.feature-card-wide{grid-column:span 1;flex-direction:column;padding:2rem 1.5rem;gap:2rem;text-align:center}.feature-card.feature-card-wide:hover{background:linear-gradient(to bottom,#fff 50%,#02907d14)}.ios-mockup-wrapper{width:100%;height:180px}.feature-icon-wrapper{margin:0 auto 1.5rem}}