*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;color:#333;background:#fff}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 20px}.feature-list-section{background:#fff;padding:80px 0;position:relative;overflow-x:hidden}.feature-list-content{display:flex;flex-direction:column;align-items:center;gap:80px;max-width:1340px;margin:0 auto;padding:0 20px}.feature-header{text-align:center;max-width:800px;display:flex;flex-direction:column;align-items:center;gap:16px}.feature-headline{font-family:Satoshi,sans-serif;font-size:2rem;font-weight:500;color:#151924;line-height:1.375;margin:0;letter-spacing:-.02em}.feature-subtitle{font-size:1rem;color:#676a7e;line-height:1.75;margin:0;font-weight:400}.features-grid{display:flex;flex-direction:column;gap:80px;width:100%;max-width:1340px}.feature-row{display:flex;align-items:center;gap:48px;width:100%}.feature-row-normal{flex-direction:row}.feature-row-reverse{flex-direction:row-reverse}.feature-row:not(:has(.feature-image)){justify-content:center}.feature-row:not(:has(.feature-image)) .feature-content{max-width:800px;text-align:center}@media (max-width: 992px){.feature-row:not(:has(.feature-image)){justify-content:flex-start}.feature-row:not(:has(.feature-image)) .feature-content{text-align:left}}.feature-image{flex:1;max-width:658px;position:relative}.feature-mockup{width:100%;height:700px;background:#f4f5f6;border-radius:32px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.mockup-image{width:100%;height:100%;object-fit:cover;object-position:center;transition:all .3s ease}.mockup-image:hover{transform:scale(1.02)}.feature-mockup img{width:150%;height:150%;object-fit:cover}.feature-background-image{width:100%;height:100%;object-fit:cover;border-radius:12px;border:1px solid #e1e5e9;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.feature-overlay-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;max-width:85%;max-height:85%;display:flex;align-items:center;justify-content:center}.feature-overlay-image{width:100%;height:100%;object-fit:cover;border-radius:8px}.feature-content{flex:1;max-width:658px;display:flex;flex-direction:column;gap:32px;padding:0 40px}.feature-text{display:flex;flex-direction:column;gap:16px}.feature-title{font-family:Satoshi,sans-serif;font-size:2rem;font-weight:500;color:#151924;line-height:1.375;margin:0;letter-spacing:-.02em}.feature-description{font-size:1rem;color:#676a7e;line-height:1.75;margin:0;font-weight:400}.feature-cta{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;background:transparent;border:1px solid #e9eaec;border-radius:8px;text-decoration:none;color:#151924;font-size:.875rem;font-weight:400;transition:all .3s ease;margin-top:8px;width:fit-content}.feature-cta:hover{background:#f4f5f6;border-color:#1d74f5;color:#1d74f5;transform:translateY(-1px);box-shadow:0 4px 12px #1d74f526}.cta-arrow{width:16px;height:16px;opacity:.8;transition:all .3s ease}.feature-cta:hover .cta-arrow{opacity:1;transform:translate(2px)}.sub-features{display:flex;flex-direction:column;gap:16px;margin-top:16px}.sub-features-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sub-features-column{display:flex;flex-direction:column;gap:12px}.sub-features-single{display:flex;flex-wrap:wrap;gap:12px}.sub-feature-item{display:flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border-radius:8px;color:#151924;font-size:.875rem;font-weight:400;width:fit-content;min-width:200px;opacity:1;cursor:default}.sub-feature-icon{width:16px;height:16px;opacity:.8;transition:all .3s ease}.sub-feature-item .sub-feature-link{color:inherit;text-decoration:none;transition:all .3s ease}.sub-feature-item .sub-feature-link:hover{color:#1d74f5}.sub-feature-item.has-link:hover{background:#f4f5f6;opacity:1}.sub-feature-item.has-link:hover .sub-feature-icon{opacity:1;transform:translate(2px)}.sub-feature-item.no-link{cursor:default}.sub-feature-item.no-link:hover .sub-feature-icon{opacity:.8;transform:translate(0)}.demo-header{background:#1d74f5;color:#fff;padding:20px 0;text-align:center}.demo-header h1{font-size:1.5rem;font-weight:600;margin:0}.demo-header p{margin:8px 0 0;opacity:.9}@media (max-width: 1200px){.feature-list-section{padding:60px 0}.feature-list-content,.features-grid{gap:60px}.feature-row{gap:32px}.feature-content{padding:0 20px}.feature-mockup{height:450px}.feature-overlay-container{max-width:90%;max-height:90%}}@media (max-width: 992px){.feature-list-section{padding:40px 0}.feature-headline,.feature-title{font-size:1.8rem}.feature-row,.feature-row-reverse{flex-direction:column;gap:40px}.feature-image,.feature-content{max-width:100%}.feature-image{margin:0 -20px}.feature-content{padding:0;text-align:left}.feature-cta{align-self:flex-start}.sub-features-columns{grid-template-columns:1fr;gap:12px}.sub-features-single{justify-content:flex-start}.sub-feature-item{width:auto;min-width:180px}.feature-mockup{height:400px;width:100%;margin:0;border-radius:32px}.feature-overlay-container{max-width:95%;max-height:95%}}@media (max-width: 768px){.feature-list-section{padding:40px 0}.feature-list-content{gap:50px;padding:0 15px}.features-grid{gap:50px}.feature-headline,.feature-title{font-size:1.6rem}.feature-description{font-size:.95rem}.feature-content{gap:24px;text-align:left}.feature-image{margin:0 -15px}.feature-mockup{height:350px;width:100%;margin:0;border-radius:32px}.feature-overlay-container{max-width:100%;max-height:100%}.sub-features-columns{grid-template-columns:1fr;gap:8px}.sub-features-single{gap:8px;justify-content:flex-start}.sub-feature-item{width:auto;min-width:160px;font-size:.8rem;padding:6px 12px}.feature-cta{align-self:flex-start}}@media (max-width: 576px){.feature-list-section{padding:50px 0}.feature-headline,.feature-title{font-size:1.4rem}.feature-description{font-size:.9rem;line-height:1.6}.feature-content{gap:20px;text-align:left}.feature-image{margin:0 -20px}.feature-mockup{height:350px;width:100%;margin:0;border-radius:0}.feature-overlay-container{max-width:100%;max-height:100%}.sub-features-columns{grid-template-columns:1fr;gap:6px}.sub-features-single{flex-direction:column;align-items:flex-start;gap:6px}.sub-feature-item{width:100%;max-width:280px;justify-content:flex-start}.feature-cta{padding:12px 20px;font-size:.875rem;align-self:flex-start}}@media (max-width: 480px){.feature-list-content{gap:40px;padding:0 10px}.features-grid{gap:40px}.feature-headline,.feature-title{font-size:1.3rem}.feature-image{margin:0 -10px}.feature-mockup{height:350px;width:100%;margin:0;border-radius:0}.sub-feature-item{font-size:.75rem;padding:6px 10px}.feature-content{text-align:left}.feature-cta{align-self:flex-start}}