.landing-page{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#333;overflow-x:hidden}.nav{position:fixed;top:0;left:0;right:0;background:#fffffff2;backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.1);z-index:1000;padding:1rem 0;pointer-events:auto}.nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;gap:2rem;position:relative;z-index:1001}.logo h2{margin:0;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap}.nav-links{display:flex;gap:2rem;align-items:center}.nav-links a{text-decoration:none;color:#333;font-weight:500;transition:color .3s ease}.nav-links a:hover{color:#667eea}.cta-nav{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff!important;padding:.5rem 1rem;border-radius:25px;transition:transform .3s ease,box-shadow .3s ease}.cta-nav:hover{transform:translateY(-2px);box-shadow:0 10px 25px #667eea4d;color:#fff!important}.language-switcher-container{display:flex;align-items:center;position:relative;z-index:1002}.hero{min-height:auto;display:flex;align-items:center;padding:120px 0 40px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23667eea' fill-opacity='0.05'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5;z-index:0;pointer-events:none}.hero-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}.hero-title{font-size:3.5rem;font-weight:700;line-height:1.2;margin:0 0 1.5rem}.gradient-text{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:#666;margin-bottom:2rem;line-height:1.6}.hero-cta{display:none;gap:1rem;flex-wrap:wrap}.btn{display:inline-block;padding:1rem 2rem;border-radius:50px;text-decoration:none;font-weight:600;transition:all .3s ease;border:2px solid transparent}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 35px #667eea66}.btn-secondary{background:transparent;color:#667eea;border-color:#667eea}.btn-secondary:hover{background:#667eea;color:#fff;transform:translateY(-3px)}.hero-visual{display:flex;justify-content:center;align-items:center}.photo-carousel-demo{position:relative;width:400px;height:300px}.carousel-screen{width:350px;height:250px;background:#000;border-radius:15px;padding:20px;box-shadow:0 20px 60px #0000004d;overflow:hidden}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;height:100%;animation:carousel-flow 10s infinite linear}.photo-item{background:linear-gradient(45deg,#667eea,#764ba2,#f093fb,#f5576c,#4facfe,#00f2fe);background-size:600% 600%;border-radius:8px;animation:photo-pulse 3s infinite ease-in-out}.photo-item:nth-child(1){animation-delay:0s}.photo-item:nth-child(2){animation-delay:.5s}.photo-item:nth-child(3){animation-delay:1s}.photo-item:nth-child(4){animation-delay:1.5s}.photo-item:nth-child(5){animation-delay:2s}.photo-item:nth-child(6){animation-delay:2.5s}.phones{position:absolute;bottom:-20px;right:-30px;display:flex;gap:10px}.phone{width:30px;height:50px;background:#333;border-radius:8px;position:relative;animation:phone-glow 2s infinite ease-in-out}.phone:nth-child(2){animation-delay:1s}.phone:after{content:"";position:absolute;top:5px;left:50%;transform:translate(-50%);width:20px;height:30px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:3px}.container{max-width:1200px;margin:0 auto;padding:0 2rem}section{padding:80px 0}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:3rem;color:#333}.features{background:#fff}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1200px;margin:0 auto}.features-grid .feature-card:nth-child(1){grid-column:1 / 2}.features-grid .feature-card:nth-child(2){grid-column:2 / 3}.features-grid .feature-card:nth-child(3){grid-column:3 / 4}.features-grid .feature-card:nth-child(4){grid-column:1 / 2}.features-grid .feature-card:nth-child(5){grid-column:2 / 3}.features-grid .feature-card:nth-child(6){grid-column:3 / 4}.feature-card{text-align:center;padding:2rem;border-radius:15px;background:#f8f9fa;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #e9ecef}.feature-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0000001a}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:#333}.feature-card p{color:#666;line-height:1.6}.how-it-works{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);position:relative;overflow:visible}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:3rem;max-width:1200px;margin:0 auto}.step{text-align:center;position:relative;padding:2rem;border-radius:15px;background:#fff;transition:all .5s cubic-bezier(.4,0,.2,1),z-index 0s;cursor:pointer;box-shadow:0 2px 10px #0000000d;z-index:1}.step.has-tooltip{z-index:10001}.step:hover{transform:translateY(-5px);box-shadow:0 10px 30px #667eea26;background:linear-gradient(135deg,#fff,#f5f7fa)}.step-number{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1.5rem;font-weight:700;border-radius:50%;margin-bottom:1rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.step:hover .step-number{transform:scale(1.1) rotate(5deg)}.step h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:#333;transition:color .4s ease}.step:hover h3{color:#667eea}.step-description{color:#666;line-height:1.6;margin-bottom:0}.step-tooltip{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:700px;max-width:95vw;max-height:90vh;background:#fff;border-radius:20px;box-shadow:0 25px 80px #00000059;z-index:10000;overflow:hidden;animation:tooltipFadeIn .35s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column}.tooltip-image{max-height:400px;min-height:200px;flex-shrink:0;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;margin:.5rem;display:flex;justify-content:center;align-items:center}.tooltip-image img{width:100%;height:100%;object-fit:contain;display:block;background:#fff}.tooltip-content{padding:2rem;text-align:left;overflow-y:auto;flex:1;min-height:0}.tooltip-content h4{font-size:1.5rem;font-weight:600;color:#333;margin:0 0 1rem}.tooltip-content p{color:#555;line-height:1.7;font-size:1rem;margin:0}.step.has-tooltip:before{content:"";position:fixed;inset:0;background:#0006;z-index:9999;animation:backdropFadeIn .35s ease-out}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}.cta-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center}.cta-section h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.cta-section p{font-size:1.25rem;margin-bottom:2rem;opacity:.9}.email-signup-section{background:#fff;padding:60px 0;text-align:center}.email-signup-section h2{font-size:2rem;font-weight:700;margin-bottom:1rem;color:#333}.email-signup-section p{font-size:1.1rem;color:#666;margin-bottom:2rem;max-width:700px;margin-left:auto;margin-right:auto}.footer{background:#333;color:#fff;padding:60px 0 30px}.footer-content{display:grid;grid-template-columns:1fr 2fr;gap:3rem;margin-bottom:2rem}.footer-brand h3{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.footer-brand p{color:#ccc}.footer-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem}.footer-column h4{font-weight:600;margin-bottom:1rem;color:#fff}.footer-column a{display:block;color:#ccc;text-decoration:none;margin-bottom:.5rem;transition:color .3s ease}.footer-column a:hover{color:#667eea}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid #555;color:#ccc}@keyframes carousel-flow{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes photo-pulse{0%,to{background-position:0% 50%;opacity:.7}50%{background-position:100% 50%;opacity:1}}@keyframes phone-glow{0%,to{box-shadow:0 0 5px #667eea4d}50%{box-shadow:0 0 20px #667eea99}}@media (max-width: 968px){.nav-links{display:none}.nav-container{justify-content:space-between}}@media (max-width: 768px){.hero-content{grid-template-columns:1fr;text-align:center;gap:2rem}.hero-title{font-size:2.5rem}.photo-carousel-demo{width:300px;height:200px}.carousel-screen{width:280px;height:180px;padding:15px}.hero-cta{justify-content:center}.btn{padding:.8rem 1.5rem}.section-title{font-size:2rem}.features-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr;gap:2rem}.step{padding:1.5rem}.step-tooltip{width:90vw;max-height:85vh}.tooltip-image{height:250px}.tooltip-content{padding:1.5rem}.footer-content{grid-template-columns:1fr;text-align:center}.cta-section h2{font-size:2rem}.email-signup-section{padding:40px 0}.email-signup-section h2{font-size:1.5rem}.email-signup-section p{font-size:1rem}}@media (max-width: 480px){.nav-container{padding:0 1rem}.hero{padding:100px 1rem 60px}.container{padding:0 1rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.photo-carousel-demo{width:250px;height:150px}.carousel-screen{width:230px;height:130px;padding:10px}.step-tooltip{width:95vw;max-height:90vh}.tooltip-image{height:200px}.tooltip-content{padding:1.25rem}.tooltip-content h4{font-size:1.25rem}.tooltip-content p{font-size:.95rem}}