.app{width:100%;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:80px 0}@media (max-width: 768px){.section{padding:60px 0}.container{padding:0 16px}}.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding-top:64px}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;animation:float 20s infinite ease-in-out}.orb-1{width:400px;height:400px;background:linear-gradient(135deg,#1a73e8,#4285f4);top:-100px;left:-100px;animation-delay:0s}.orb-2{width:500px;height:500px;background:linear-gradient(135deg,#34a853,#0f9d58);top:50%;right:-150px;animation-delay:-7s}.orb-3{width:350px;height:350px;background:linear-gradient(135deg,#fbbc04,#ea4335);bottom:-100px;left:30%;animation-delay:-14s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.hero-content{position:relative;z-index:1;text-align:center;padding:60px 24px}.hero-badge{display:inline-block;padding:8px 20px;background:#1a73e81a;border:1px solid rgba(26,115,232,.3);border-radius:20px;color:var(--primary-color);font-size:14px;font-weight:500;margin-bottom:24px}.hero-title{font-size:clamp(48px,8vw,96px);font-weight:700;margin-bottom:24px;line-height:1.1}.gradient-text{background:linear-gradient(135deg,#1a73e8,#34a853,#fbbc04);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:clamp(18px,3vw,24px);color:var(--text-light);margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto}.hero-cta{padding:16px 40px;background:var(--primary-color);color:#fff;border:none;border-radius:30px;font-size:16px;font-weight:600;box-shadow:0 4px 20px #1a73e84d;transition:all .3s;margin-bottom:60px}.hero-cta:hover{box-shadow:0 8px 30px #1a73e866;transform:translateY(-2px)}.hero-image{position:relative;height:300px;margin-top:60px}.floating-card{position:absolute;background:#fff;border-radius:16px;padding:20px 30px;box-shadow:0 8px 32px #0000001a;display:flex;align-items:center;gap:12px;animation:floatCard 6s infinite ease-in-out;z-index:5}.card-1{top:20%;left:10%;animation-delay:0s}.card-2{top:50%;right:10%;transform:translateY(-50%);animation-delay:-2s}.card-3{bottom:10%;left:50%;transform:translate(-50%);animation-delay:-4s}.card-icon{font-size:32px}.card-text{font-size:16px;font-weight:600;color:var(--text-dark)}@keyframes floatCard{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-20px) translate(0)}}@media (max-width: 768px){.hero-image{height:200px}.floating-card{padding:12px 20px}.card-icon{font-size:24px}.card-text{font-size:14px}}.features{background:var(--bg-light)}.features-header{text-align:center;margin-bottom:60px}.section-title{font-size:clamp(32px,5vw,56px);font-weight:700;margin-bottom:16px;line-height:1.2}.section-subtitle{font-size:clamp(18px,2.5vw,24px);color:var(--text-light);max-width:700px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}.feature-card{background:#fff;border-radius:24px;padding:40px;box-shadow:0 4px 16px #0000000d;transition:all .3s}.feature-icon{font-size:48px;margin-bottom:20px}.feature-title{font-size:24px;font-weight:600;margin-bottom:12px;color:var(--text-dark)}.feature-description{font-size:16px;line-height:1.6;color:var(--text-light)}@media (max-width: 768px){.features-grid{grid-template-columns:1fr}.feature-card{padding:32px}}.examples{background:#fff}.examples-header{text-align:center;margin-bottom:60px}.examples-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:80px}.example-card{position:relative;aspect-ratio:4/3;background:linear-gradient(135deg,var(--accent-color),rgba(0,0,0,.1));border-radius:24px;padding:40px;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;cursor:pointer;transition:all .3s}.example-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent,rgba(255,255,255,.1));opacity:0;transition:opacity .3s}.example-card:hover:before{opacity:1}.example-emoji{font-size:80px;margin-bottom:20px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.example-title{font-size:24px;font-weight:600;color:#fff;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.2);z-index:1}.example-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,transparent 0%,rgba(0,0,0,.2) 100%);opacity:0;transition:opacity .3s}.example-card:hover .example-overlay{opacity:1}.cta-section{text-align:center;padding:80px 0;background:linear-gradient(135deg,#1a73e80d,#34a8530d);border-radius:32px;margin-top:40px}.cta-title{font-size:clamp(36px,5vw,56px);font-weight:700;margin-bottom:32px}.cta-button-large{padding:20px 48px;background:var(--primary-color);color:#fff;border:none;border-radius:32px;font-size:18px;font-weight:600;box-shadow:0 8px 24px #1a73e84d;transition:all .3s;margin-bottom:16px}.cta-button-large:hover{background:#1557b0;box-shadow:0 12px 32px #1a73e866;transform:translateY(-2px)}.cta-subtitle{color:var(--text-light);font-size:16px;max-width:500px;margin:0 auto}@media (max-width: 768px){.examples-grid{grid-template-columns:1fr}.example-emoji{font-size:60px}.example-title{font-size:20px}.cta-section{padding:60px 24px}}.footer{background:var(--text-dark);color:#fff;padding:80px 0 32px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:48px;margin-bottom:48px}.footer-section h4{font-size:16px;font-weight:600;margin-bottom:20px;color:#ffffffe6}.footer-section ul{list-style:none}.footer-section li{margin-bottom:12px}.footer-section a{color:#ffffffb3;font-size:14px;transition:color .2s}.footer-section a:hover{color:#fff}.footer-section p{color:#fff9;font-size:14px;margin-bottom:16px}.newsletter-form{display:flex;gap:8px}.newsletter-form input{flex:1;padding:10px 16px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff1a;color:#fff;font-size:14px}.newsletter-form input::placeholder{color:#ffffff80}.newsletter-form button{padding:10px 20px;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;transition:background .2s}.newsletter-form button:hover{background:#1557b0}.footer-bottom{padding-top:32px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px}.footer-links{display:flex;gap:24px;flex-wrap:wrap}.footer-links a{color:#fff9;font-size:13px;transition:color .2s}.footer-links a:hover{color:#fff}.copyright{color:#ffffff80;font-size:13px}@media (max-width: 768px){.footer{padding:60px 0 24px}.footer-content{grid-template-columns:1fr;gap:32px}.footer-bottom{flex-direction:column;text-align:center}.newsletter-form{flex-direction:column}.newsletter-form button{width:100%}}.navbar{position:fixed;top:0;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid rgba(0,0,0,.05)}.navbar-content{display:flex;align-items:center;justify-content:space-between;height:64px}.logo-text{font-size:24px;font-weight:700;background:linear-gradient(135deg,#1a73e8,#34a853);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;gap:32px}.nav-links a{color:var(--text-dark);font-size:15px;font-weight:500;transition:color .2s;position:relative}.nav-links a:hover{color:var(--primary-color)}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--primary-color);transition:width .3s}.nav-links a:hover:after{width:100%}.cta-button{padding:10px 24px;background:var(--primary-color);color:#fff;border:none;border-radius:24px;font-size:14px;font-weight:500;transition:all .3s;box-shadow:0 2px 8px #1a73e833}.cta-button:hover{background:#1557b0;box-shadow:0 4px 16px #1a73e84d;transform:translateY(-2px)}@media (max-width: 768px){.nav-links{display:none}.navbar-content{justify-content:space-between}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #1a73e8;--secondary-color: #34a853;--text-dark: #202124;--text-light: #5f6368;--bg-light: #f8f9fa;--bg-white: #ffffff}body{font-family:Google Sans,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-dark);background-color:var(--bg-white);overflow-x:hidden}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.2}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer}