.bg-shapes{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1;pointer-events:none}.shape{position:absolute;border-radius:50%;filter:blur(80px);opacity:.15}.shape-1{width:500px;height:500px;background:var(--mwo--accent-primary);top:10%;left:10%}.shape-2{width:400px;height:400px;background:var(--mwo--accent-secondary);bottom:10%;right:10%}.shape-3{width:300px;height:300px;background:#ec4899;top:50%;left:50%;transform:translate(-50%,-50%)}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding-top:140px;padding-bottom:6rem;position:relative;overflow:visible}.hero .container{position:relative;width:100%}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-text{z-index:2}.hero-title{font-size:4rem;font-weight:800;line-height:1.1;margin-block-end:2rem}.title-line{display:block;overflow:hidden}.gradient-text{background:var(--mwo--accent-gradient);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.hero-subtitle{font-size:1.5rem;color:var(--text--color--content);margin-block-end:2rem;font-weight:400}.hero-buttons{display:flex;gap:1rem;margin-block-end:2rem}.btn{padding:1rem 2rem;border-radius:50px;text-decoration:none;font-weight:600;font-size:1rem;transition:all 0.3s ease;display:inline-block;cursor:pointer}.btn-primary{background:var(--mwo--accent-gradient);color:#fff;box-shadow:var(--mwo--shadow-md)}.btn-primary:hover{box-shadow:var(--mwo--shadow-glow);transform:translateY(-2px)}.btn-secondary{background:#fff0;color:var(--text--color--heading);border:2px solid var(--mwo--accent-primary)}.btn-secondary:hover{background:rgb(99 102 241 / .1);border-color:var(--mwo--accent-secondary)}.btn-large{padding:1.2rem 3rem;font-size:1.1rem}.hero-badges{display:flex;gap:1rem;align-items:center;margin-inline-start:1rem}.badge{height:40px;width:auto;opacity:.8;transition:opacity 0.3s ease}.badge:hover{opacity:1}.hero-image{position:relative;z-index:1}.mockup{width:100%;height:auto;filter:drop-shadow(0 20px 60px rgb(0 0 0 / .5))}.features{padding:6rem 0;background:var(--mwo--bg-secondary);position:relative}.section-header{text-align:center;margin-block-end:4rem}.section-title{font-size:3rem;font-weight:800;margin-block-end:1rem;background:var(--mwo--accent-gradient);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.section-subtitle{font-size:1.2rem;color:var(--text--color--content);max-width:600px;margin-inline:auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.feature-card{background:var(--mwo--bg-card);backdrop-filter:blur(20px);border:1px solid var(--mwo--border);border-radius:20px;padding:2rem;transition:all 0.3s ease;cursor:pointer}.feature-card:hover{background:var(--mwo--bg-card-hover);border-color:var(--mwo--accent-primary);box-shadow:var(--mwo--shadow-glow);transform:scale(1.02)}.feature-card-header{display:flex;align-items:center;gap:1rem;margin-block-end:1rem}.feature-icon{width:60px;height:60px;background:var(--mwo--accent-gradient);border-radius:15px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.feature-icon svg{width:30px;height:30px;stroke:#fff;stroke-width:2}.feature-icon-image img{width:36px;height:36px;object-fit:contain}.feature-title{font-size:1.4rem;font-weight:700;color:var(--text--color--heading)}.feature-description{color:var(--text--color--content);line-height:1.7}.examples{padding:6rem 0;background:var(--mwo--bg-primary);position:relative}.examples-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-block-end:4rem}.example-card{background:linear-gradient(135deg,rgb(99 102 241 / .1) 0%,rgb(139 92 246 / .1) 100%);backdrop-filter:blur(20px);border:1px solid var(--mwo--border);border-radius:20px;padding:4rem;transition:all 0.3s ease;cursor:pointer;position:relative;overflow:hidden;min-height:120px;display:flex;align-items:center;text-decoration:none}.example-card::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:var(--mwo--accent-gradient);opacity:0;transition:opacity 0.3s ease}.example-card:hover::before{opacity:1}.example-card:hover{border-color:var(--mwo--accent-primary);box-shadow:var(--mwo--shadow-glow);transform:translateX(5px);background:linear-gradient(135deg,rgb(99 102 241 / .15) 0%,rgb(139 92 246 / .15) 100%)}.example-content{position:relative;z-index:1;width:100%}.example-name{font-size:1.35rem;font-weight:600;margin-block-end:.5rem;background:var(--mwo--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.example-type{color:var(--text--color--content);font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.examples-cta{text-align:center;margin-block-start:6rem}.cta-text{font-size:2rem;font-weight:700;margin-block-end:2rem;color:var(--text--color--heading)}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.pricing{padding:6rem 0;background:var(--mwo--bg-secondary)}.pricing-card{max-width:700px;margin-inline:auto;background:var(--mwo--bg-card);backdrop-filter:blur(20px);border:2px solid var(--mwo--border);border-radius:30px;padding:4rem;box-shadow:var(--mwo--shadow-lg);transition:all 0.3s ease}.pricing-card:hover{border-color:var(--mwo--accent-primary);box-shadow:var(--mwo--shadow-glow);transform:translateY(-5px)}.pricing-header{text-align:center;border-block-end:1px solid var(--mwo--border);padding-block-end:2rem;margin-block-end:2rem}.pricing-title{font-size:1.8rem;font-weight:700;margin-block-end:1rem;color:var(--text--color--heading)}.price{display:flex;align-items:flex-start;justify-content:center;margin-block:1rem}.currency{font-size:2rem;font-weight:600;margin-inline-end:.3rem;margin-block-start:.5rem;background:var(--mwo--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.amount{font-size:5rem;font-weight:800;line-height:1;background:var(--mwo--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.period{font-size:2rem;font-weight:600;margin-block-start:.5rem;color:var(--text--color--content)}.price-note{color:var(--mwo--text-muted);font-size:.9rem}.pricing-features{margin-block:2rem}.pricing-feature{display:flex;align-items:center;gap:1rem;padding-block:1rem;color:var(--text--color--content)}.pricing-features svg{width:24px;height:24px;color:var(--mwo--accent-primary);flex-shrink:0}.pricing-footer{text-align:center;padding-block-start:2rem;border-block-start:1px solid var(--mwo--border)}.custom-quote{color:var(--text--color--content);font-style:italic}.contact{padding:6rem 0;background:var(--mwo--bg-primary)}.contact-content{display:flex;justify-content:space-between;align-items:center;gap:2rem;background:var(--mwo--bg-card);backdrop-filter:blur(20px);border:1px solid var(--mwo--border);border-radius:30px;padding:4rem;box-shadow:var(--mwo--shadow-lg)}.contact-text{flex:1}.contact-text .section-title{text-align:left;margin-block-end:1rem}.contact-text .section-subtitle{text-align:left;max-width:100%;margin:0}.contact-action{flex-shrink:0}@media (max-width:968px){.hero{padding-top:140px;padding-bottom:4rem}.hero-content{grid-template-columns:1fr;gap:3rem}.hero-text{text-align:center;order:2}.hero-image{order:1}.hero-title{font-size:2.5rem;line-height:1.2}.hero-subtitle{font-size:1.1rem}.hero-buttons{justify-content:center}.hero-badges{justify-content:center;flex-wrap:wrap}.section-title{font-size:2.5rem}.features-grid{grid-template-columns:1fr}.examples-grid{grid-template-columns:1fr}.contact-content{flex-direction:column;text-align:center}.contact-text .section-title,.contact-text .section-subtitle{text-align:center}}@media (max-width:640px){.hero-title{font-size:2rem;margin-block-end:1rem}.hero-subtitle{font-size:.95rem;margin-block-end:1.5rem}.hero-buttons{flex-direction:column;width:100%}.btn{width:100%;text-align:center;padding:.9rem 1.5rem;font-size:.95rem}.section-title{font-size:1.75rem}.section-subtitle{font-size:.95rem}.amount{font-size:3.5rem}.currency,.period{font-size:1.5rem}.pricing-card{padding:2rem}.feature-card{padding:1.5rem}.cta-buttons{flex-direction:column;align-items:center}.cta-text{font-size:1.25rem}.contact-content{padding:2rem}}