@import"https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Spectral,serif;line-height:1.5;color:#374151;background-color:#fff}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.header{background:#fff;border-bottom:1px solid #e5e7eb;padding:1rem 0;position:sticky;top:0;z-index:100}.header .container{display:flex;align-items:center;justify-content:space-between}.logo{font-size:1.25rem;font-weight:600;color:#111827;text-decoration:none}.hero{background:#fff;padding:4rem 0;text-align:center}.hero h1{font-size:2.25rem;font-weight:700;color:#111827;margin-bottom:1rem}.hero p{font-size:1.125rem;color:#6b7280;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:.5rem;font-size:1rem;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:all .2s ease-in-out}.btn-primary{background-color:#2563eb;color:#fff}.btn-primary:hover{background-color:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.section{padding:4rem 0}.section.light{background-color:#f9fafb}.section-intro{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;margin-bottom:3rem}.section-intro.reverse{grid-template-columns:1fr 1fr}.section-intro.reverse .section-text{order:2}.section-intro.reverse .illustration{order:1}.section-text h2{font-size:1.875rem;font-weight:700;color:#111827;margin-bottom:1rem}.section-text p{font-size:1.125rem;color:#6b7280;line-height:1.625}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.features-grid.three-col{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-card{background:transparent;border:none;padding:0;margin-bottom:2rem;transition:transform .2s ease-in-out;cursor:pointer}.feature-card:hover{transform:translateY(-2px)}.feature-card .icon{width:2rem;height:2rem;margin-bottom:1rem;stroke:#374151;stroke-width:1.5px}.feature-card h3{font-size:1.25rem;font-weight:600;color:#111827;margin-bottom:.5rem}.feature-card p{color:#6b7280;line-height:1.625}@media (max-width: 768px){.section-intro{grid-template-columns:1fr;gap:2rem}.section-intro.reverse .section-text{order:1}.section-intro.reverse .illustration{order:2}.features-grid{grid-template-columns:1fr}.hero h1{font-size:1.875rem}.section{padding:2rem 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideUp{0%{transform:translateY(10px);opacity:.7}to{transform:translateY(0);opacity:1}}@keyframes progressFill{0%{width:0%}to{width:85%}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes glow{0%,to{box-shadow:0 0 8px #2563eb4d}50%{box-shadow:0 0 16px #2563eb99}}.illustration{width:100%;max-width:400px;height:250px;border-radius:.5rem;display:flex;align-items:center;justify-content:center;margin-bottom:2rem;position:relative;overflow:hidden}.illustration.start-strong{background:linear-gradient(135deg,#e0e7ff,#c7d2fe)}.illustration.start-strong:before{content:"";position:absolute;width:200px;height:3px;background:linear-gradient(90deg,#2563eb,#8b5cf6);border-radius:2px;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.illustration.start-strong .start-point{position:absolute;width:20px;height:20px;background:#10b981;border-radius:50%;left:25%;top:50%;transform:translateY(-50%);z-index:2;animation:pulse 2s ease-in-out infinite}.illustration.start-strong .step-1,.illustration.start-strong .step-2,.illustration.start-strong .step-3{position:absolute;width:16px;height:16px;background:#2563eb;border-radius:50%;top:50%;transform:translateY(-50%);z-index:2;animation:bounce 2s ease-in-out infinite}.illustration.start-strong .step-1{left:40%;animation-delay:.2s}.illustration.start-strong .step-2{left:55%;animation-delay:.4s}.illustration.start-strong .step-3{left:70%;animation-delay:.6s}.illustration.start-strong .goal{position:absolute;width:24px;height:24px;background:#f59e0b;border-radius:50%;right:20%;top:50%;transform:translateY(-50%);z-index:2;animation:glow 3s ease-in-out infinite}.illustration.start-strong .resource-1,.illustration.start-strong .resource-2{position:absolute;width:12px;height:12px;background:#8b5cf6;border-radius:2px;animation:float 2.5s ease-in-out infinite}.illustration.start-strong .resource-1{top:30%;left:35%;animation-delay:.5s}.illustration.start-strong .resource-2{bottom:30%;right:35%;animation-delay:1s}.illustration.sell-smarter{background:linear-gradient(135deg,#f0f9ff,#e0f2fe)}.illustration.sell-smarter:before{content:"";position:absolute;width:60px;height:60px;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:12px;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;animation:pulse 3s ease-in-out infinite}.illustration.sell-smarter .channel-online{position:absolute;width:30px;height:20px;background:#10b981;border-radius:4px;top:20%;left:30%;z-index:2;animation:float 2.5s ease-in-out infinite}.illustration.sell-smarter .channel-mobile{position:absolute;width:18px;height:30px;background:#8b5cf6;border-radius:6px;top:25%;right:25%;z-index:2;animation:bounce 2s ease-in-out infinite;animation-delay:.3s}.illustration.sell-smarter .channel-pos{position:absolute;width:25px;height:25px;background:#f59e0b;border-radius:4px;bottom:25%;left:25%;z-index:2;animation:pulse 2.5s ease-in-out infinite;animation-delay:.6s}.illustration.sell-smarter .channel-social{position:absolute;width:20px;height:20px;background:#ec4899;border-radius:50%;bottom:20%;right:30%;z-index:2;animation:float 2s ease-in-out infinite;animation-delay:.9s}.illustration.sell-smarter .connection-1,.illustration.sell-smarter .connection-2,.illustration.sell-smarter .connection-3,.illustration.sell-smarter .connection-4{position:absolute;height:2px;background:#2563eb4d;z-index:1}.illustration.sell-smarter .connection-1{width:60px;top:35%;left:35%;transform:rotate(-20deg)}.illustration.sell-smarter .connection-2{width:50px;top:40%;right:35%;transform:rotate(25deg)}.illustration.sell-smarter .connection-3{width:55px;bottom:40%;left:35%;transform:rotate(15deg)}.illustration.sell-smarter .connection-4{width:45px;bottom:35%;right:40%;transform:rotate(-30deg)}.illustration.manage-ease{background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.illustration.manage-ease:before{content:"";position:absolute;width:140px;height:90px;background:#fff;border:2px solid #e5e7eb;border-radius:8px;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;box-shadow:0 4px 12px #0000001a}.illustration.manage-ease .chart-bar-1,.illustration.manage-ease .chart-bar-2,.illustration.manage-ease .chart-bar-3,.illustration.manage-ease .chart-bar-4{position:absolute;background:#10b981;border-radius:2px;bottom:45%;z-index:3;animation:slideUp 2s ease-in-out infinite}.illustration.manage-ease .chart-bar-1{width:6px;height:15px;left:40%;animation-delay:.2s}.illustration.manage-ease .chart-bar-2{width:6px;height:25px;left:47%;animation-delay:.4s}.illustration.manage-ease .chart-bar-3{width:6px;height:20px;left:54%;animation-delay:.6s}.illustration.manage-ease .chart-bar-4{width:6px;height:30px;left:61%;animation-delay:.8s}.illustration.manage-ease .tool-inventory{position:absolute;width:16px;height:16px;background:#2563eb;border-radius:3px;top:25%;left:20%;z-index:2;animation:pulse 2.5s ease-in-out infinite}.illustration.manage-ease .tool-orders{position:absolute;width:14px;height:14px;background:#8b5cf6;border-radius:50%;top:30%;right:20%;z-index:2;animation:bounce 2s ease-in-out infinite;animation-delay:.5s}.illustration.manage-ease .tool-customers{position:absolute;width:12px;height:12px;background:#f59e0b;border-radius:50%;bottom:25%;left:25%;z-index:2;animation:float 2.5s ease-in-out infinite;animation-delay:1s}.illustration.manage-ease .tool-settings{position:absolute;width:18px;height:18px;background:#ec4899;border-radius:4px;bottom:20%;right:25%;z-index:2;animation:rotate 8s linear infinite}.illustration.manage-ease .status-1,.illustration.manage-ease .status-2,.illustration.manage-ease .status-3{position:absolute;width:8px;height:8px;background:#10b981;border-radius:50%;z-index:3;animation:pulse 1.5s ease-in-out infinite}.illustration.manage-ease .status-1{top:35%;left:42%;animation-delay:.2s}.illustration.manage-ease .status-2{top:35%;left:50%;animation-delay:.4s}.illustration.manage-ease .status-3{top:35%;left:58%;animation-delay:.6s}.illustration.engage-growth{background:linear-gradient(135deg,#fdf2f8,#fce7f3)}.illustration.engage-growth:before{content:"";position:absolute;width:50px;height:50px;background:linear-gradient(135deg,#ec4899,#be185d);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;animation:pulse 3s ease-in-out infinite}.illustration.engage-growth .customer-group-1,.illustration.engage-growth .customer-group-2,.illustration.engage-growth .customer-group-3{position:absolute;background:#2563eb;border-radius:50%;z-index:2;animation:float 2.5s ease-in-out infinite}.illustration.engage-growth .customer-group-1{width:20px;height:20px;top:20%;left:30%;animation-delay:.3s}.illustration.engage-growth .customer-group-2{width:16px;height:16px;top:25%;right:25%;animation-delay:.6s}.illustration.engage-growth .customer-group-3{width:18px;height:18px;bottom:25%;left:25%;animation-delay:.9s}.illustration.engage-growth .marketing-email{position:absolute;width:24px;height:16px;background:#10b981;border-radius:3px;bottom:20%;right:20%;z-index:2;animation:bounce 2s ease-in-out infinite;animation-delay:.4s}.illustration.engage-growth .marketing-discount{position:absolute;width:20px;height:20px;background:#f59e0b;border-radius:4px;top:15%;left:50%;transform:translate(-50%);z-index:2;animation:pulse 2.5s ease-in-out infinite;animation-delay:.7s}.illustration.engage-growth .growth-arrow-1,.illustration.engage-growth .growth-arrow-2{position:absolute;width:0;height:0;z-index:1;animation:slideUp 2s ease-in-out infinite}.illustration.engage-growth .growth-arrow-1{border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:20px solid #8b5cf6;top:60%;left:20%;animation-delay:.5s}.illustration.engage-growth .growth-arrow-2{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:16px solid #8b5cf6;top:65%;right:30%;animation-delay:.8s}.illustration.engage-growth .engagement-line-1,.illustration.engage-growth .engagement-line-2,.illustration.engage-growth .engagement-line-3{position:absolute;height:2px;background:#ec489966;z-index:1;animation:pulse 3s ease-in-out infinite}.illustration.engage-growth .engagement-line-1{width:40px;top:35%;left:40%;transform:rotate(-30deg);animation-delay:.2s}.illustration.engage-growth .engagement-line-2{width:35px;top:40%;right:35%;transform:rotate(25deg);animation-delay:.4s}.illustration.engage-growth .engagement-line-3{width:45px;bottom:40%;left:35%;transform:rotate(20deg);animation-delay:.6s}.footer{background:#111827;color:#fff;padding:4rem 0 2rem}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:2rem}.footer-column h4{font-size:1rem;font-weight:600;margin-bottom:1rem;color:#fff}.footer-column ul{list-style:none}.footer-column ul li{margin-bottom:.5rem}.footer-column ul li a{color:#d1d5db;text-decoration:none;font-size:.875rem;transition:color .2s ease-in-out}.footer-column ul li a:hover{color:#fff}.footer-bottom{border-top:1px solid #374151;padding-top:2rem;display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:#9ca3af}.footer-logo{font-size:1.25rem;font-weight:600;color:#fff}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}