.hero{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff;padding:0 2rem}.hero h1{font-size:4rem;font-weight:700;margin-bottom:1rem;text-shadow:0 4px 8px rgba(0,0,0,.3);background:linear-gradient(45deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{font-size:1.5rem;margin-bottom:2rem;max-width:600px;opacity:.9;text-shadow:0 2px 4px rgba(0,0,0,.3)}.cta-button{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2rem;font-size:1.2rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 16px #0003;text-decoration:none;display:inline-block}.cta-button:hover{transform:translateY(-2px);box-shadow:0 12px 24px #0000004d}.app-store-buttons{display:flex;gap:1rem;justify-content:center;align-items:center;margin-top:2rem;flex-wrap:wrap}.app-store-button{background:#fffffff2;border:none;border-radius:12px;padding:.75rem 1.5rem;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 16px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:180px;height:60px}.app-store-button:hover{transform:translateY(-2px);box-shadow:0 12px 24px #0000004d;background:#fff}.app-store-button__content{display:flex;align-items:center;gap:.75rem;height:100%}.app-store-button__icon{width:24px;height:24px;color:#333;flex-shrink:0}.app-store-button__icon svg{width:100%;height:100%}.app-store-button__text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.app-store-button__small-text{font-size:.75rem;color:#666;font-weight:400}.app-store-button__large-text{font-size:1rem;color:#333;font-weight:600}.app-store-button--ios,.app-store-button--android{background:linear-gradient(135deg,#fffffff2,#f0f0f0f2)}.app-store-button--ios:hover,.app-store-button--android:hover{background:linear-gradient(135deg,#fff,#f0f0f0)}.feature-showcase{min-height:100vh;display:flex;align-items:center;padding:4rem 2rem;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.feature-showcase:nth-child(2n){background:#f8fafcf2}.feature-showcase__container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.feature-showcase--reverse .feature-showcase__container{grid-template-columns:1fr 1fr}.feature-showcase--reverse .feature-showcase__content{order:2}.feature-showcase--reverse .feature-showcase__image{order:1}.feature-showcase__content{padding:2rem 0}.feature-showcase__title{font-size:3.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1}.feature-showcase__subtitle{font-size:1.5rem;font-weight:600;color:#4a5568;margin-bottom:1.5rem}.feature-showcase__description{font-size:1.1rem;line-height:1.7;color:#718096;max-width:500px}.feature-showcase__image{display:flex;justify-content:center;align-items:center;position:relative}.feature-showcase__image-placeholder{width:100%;max-width:400px;aspect-ratio:9/16;background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:30px;padding:2rem;box-shadow:0 25px 50px #00000026;position:relative;overflow:hidden}.feature-showcase__phone-mockup{width:100%;height:100%;background:#1a202c;border-radius:20px;padding:1rem;position:relative}.feature-showcase__screen{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.feature-showcase__screen-content{text-align:center;color:#fff}.feature-showcase__app-icon{font-size:4rem;margin-bottom:1rem;opacity:.9}.feature-showcase__app-text{font-size:1.2rem;font-weight:600;opacity:.9}.cta-section{min-height:80vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center;padding:4rem 2rem}.cta-content h2{font-size:3.5rem;font-weight:700;margin-bottom:1rem;text-shadow:0 4px 8px rgba(0,0,0,.3)}.cta-content p{font-size:1.3rem;margin-bottom:3rem;opacity:.9;max-width:600px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.cta-button--primary{background:#fffffff2;color:#667eea;border:none;padding:1rem 2.5rem;font-size:1.2rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 16px #0003;text-decoration:none;display:inline-block}.cta-button--primary:hover{transform:translateY(-2px);box-shadow:0 12px 24px #0000004d;background:#fff}.cta-button--secondary{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.8);padding:1rem 2.5rem;font-size:1.2rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.cta-button--secondary:hover{background:#ffffff1a;border-color:#fff;transform:translateY(-2px)}.footer{background:#000c;color:#fff;padding:2rem;text-align:center}.footer p{opacity:.8}@media (max-width: 768px){.hero h1{font-size:2.5rem}.hero p{font-size:1.2rem}.app-store-buttons{flex-direction:column;align-items:center;gap:.75rem}.app-store-button{min-width:200px;width:100%;max-width:250px}.feature-showcase__container{grid-template-columns:1fr;gap:2rem;text-align:center}.feature-showcase--reverse .feature-showcase__content{order:1}.feature-showcase--reverse .feature-showcase__image{order:2}.feature-showcase__title{font-size:2.5rem}.feature-showcase__subtitle{font-size:1.3rem}.feature-showcase__description{font-size:1rem;max-width:100%}.feature-showcase__image-placeholder{max-width:300px}.cta-content h2{font-size:2.5rem}.cta-content p{font-size:1.1rem}.cta-buttons{flex-direction:column;align-items:center}.cta-button--primary,.cta-button--secondary{width:100%;max-width:300px}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%}.app{position:relative;height:100vh;overflow-x:hidden}.canvas-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1}.content{position:relative;z-index:2;height:100%;overflow-y:auto}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}