*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #1c224b;--primary-dark: #131729;--text-dark: #1F2937;--text-medium: #4B5563;--text-light: #6B7280;--bg-light: #F9FAFB;--bg-white: #FFFFFF;--border-color: #E5E7EB;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--transition: all .3s ease}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text-dark);line-height:1.6;background:var(--bg-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit;transition:var(--transition)}button{font-family:inherit;cursor:pointer;border:none;background:none}.container{max-width:1200px;margin:0 auto;padding:0 24px}.site-header{background:var(--bg-white);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:1000;box-shadow:var(--shadow-sm)}.header-content{display:flex;align-items:center;justify-content:space-between;padding:16px 0}.logo img{height:40px;width:auto}.main-nav ul{display:flex;list-style:none;gap:32px;align-items:center}.main-nav a{font-size:15px;font-weight:500;color:var(--text-medium);transition:var(--transition)}.main-nav a:hover,.main-nav a.active{color:var(--primary-color)}.mobile-menu-toggle{display:none;flex-direction:column;gap:5px;padding:8px}.mobile-menu-toggle span{width:24px;height:2px;background:var(--text-dark);transition:var(--transition)}.hero{background-color:#1a1f3a;background-image:radial-gradient(circle at 25% 25%,rgba(102,126,234,.15) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(118,75,162,.15) 0%,transparent 50%),radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 1px);background-size:100% 100%,100% 100%,24px 24px;background-position:0 0,0 0,0 0;color:var(--bg-white);padding:80px 0;text-align:center}.hero-content{max-width:800px;margin:0 auto}.hero h1{font-size:56px;font-weight:700;line-height:1.1;margin-bottom:24px;letter-spacing:-.02em}.hero-description{font-size:19px;margin-bottom:40px;opacity:.95;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.7}.cta-button{display:inline-flex;align-items:center;gap:12px;padding:18px 40px;font-size:17px;font-weight:600;border-radius:10px;transition:var(--transition);text-transform:none;letter-spacing:.3px;line-height:1.4}.cta-button.primary{background:var(--bg-white);color:var(--primary-color);box-shadow:var(--shadow-lg)}.cta-button.primary:hover{background:#f8f9fa;transform:translateY(-2px);box-shadow:0 20px 25px -5px #00000040}.cta-button svg{transition:var(--transition)}.cta-button:hover svg{transform:translate(4px)}.cta-center{text-align:center;margin-top:48px}.logo-gallery{padding:80px 0;background:var(--bg-light)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px;margin-bottom:24px}.gallery-item{background:var(--bg-white);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition);aspect-ratio:1}.gallery-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.gallery-item img{width:100%;height:100%;object-fit:cover}.how-it-works{padding:80px 0;background:var(--bg-white);position:relative}.how-it-works:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:80%;height:1px;background:#e6e7eb}.how-it-works:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80%;height:1px;background:#e6e7eb}.how-it-works h2{font-size:40px;font-weight:700;text-align:center;margin-bottom:56px;color:var(--text-dark)}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-bottom:80px}.step-card{text-align:center;padding:32px 24px}.step-number{width:45px;height:45px;margin:0 auto 20px;background:linear-gradient(135deg,var(--primary-color) 0%,#4c63d2 100%);color:var(--bg-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700}.step-card h3{font-size:22px;font-weight:650;margin-bottom:12px;color:var(--text-dark)}.step-card p{font-size:16px;color:var(--text-medium);line-height:1.7}.screenshots-section{max-width:800px;margin:0 auto;padding:0 0 35px}.screenshot-card{background:var(--bg-white);border-radius:16px;padding:24px;margin-bottom:40px;box-shadow:0 8px 16px -4px #00000026,0 4px 8px -2px #00000014;border:1px solid #e5e7eb;transition:var(--transition)}.screenshot-card:hover{box-shadow:0 12px 24px -6px #0003,0 6px 12px -3px #0000001f;transform:translateY(-2px);border-color:#d1d5db}.screenshot-card:last-child{margin-bottom:0}.screenshot-card img{width:100%;max-width:700px;height:auto;margin:0 auto;display:block;border-radius:8px}.screenshot-link{display:block;cursor:pointer;transition:var(--transition)}.screenshot-link:hover{opacity:.9;transform:scale(1.01)}.screenshot-caption{text-align:center;font-size:16px;color:var(--text-medium);margin-top:16px;line-height:1.6}.loader-overlay{position:fixed;inset:0;background:#fffffff2;display:none;align-items:center;justify-content:center;z-index:10000}.loader-overlay.active{display:flex}.loader-spinner{width:50px;height:50px;border:4px solid #f3f4f6;border-top:4px solid var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}.loader-content{text-align:center}.loader-text{margin-top:16px;font-size:16px;color:var(--text-dark);font-weight:500}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.why-logomakr{padding:50px 0;background:#f9fafb}.why-logomakr h2{font-size:40px;font-weight:700;text-align:center;margin-bottom:40px;color:var(--text-dark)}.why-content{max-width:750px;margin:0 auto}.why-content p{font-size:18px;color:var(--text-dark);line-height:1.65;text-align:left}.video-section{padding:80px 0;background:var(--bg-light)}.video-section h2{font-size:40px;font-weight:700;text-align:center;margin-bottom:48px;color:var(--text-dark)}.video-wrapper{max-width:900px;margin:64px auto 0;aspect-ratio:16 / 9;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-lg);background:var(--text-dark)}.video-wrapper iframe{width:100%;height:100%;border:none}.testimonials{padding:80px 0;background:var(--bg-white)}.testimonials h2{font-size:40px;font-weight:700;text-align:center;margin-bottom:56px;color:var(--text-dark)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}.testimonial-card{background:var(--bg-light);padding:32px;border-radius:12px;box-shadow:var(--shadow-sm);transition:var(--transition)}.testimonial-card:hover{box-shadow:var(--shadow-md)}.testimonial-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.testimonial-header img{width:60px;height:60px;border-radius:50%;object-fit:cover}.testimonial-info h3{font-size:16px;font-weight:600;color:var(--text-dark);margin-bottom:4px}.testimonial-info p{font-size:14px;color:var(--text-light)}.rating{margin-left:auto;color:#fbbf24;font-size:14px}.testimonial-text{font-size:15px;line-height:1.7;color:var(--text-medium)}.faq{padding:80px 0;background:var(--bg-light)}.faq h2{font-size:40px;font-weight:700;text-align:center;margin-bottom:56px;color:var(--text-dark)}.faq-list{max-width:800px;margin:0 auto}.faq-item{background:var(--bg-white);border-radius:12px;margin-bottom:16px;box-shadow:var(--shadow-sm);overflow:hidden}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:24px;font-size:18px;font-weight:600;color:var(--text-dark);text-align:left;transition:var(--transition)}.faq-question:hover{color:var(--primary-color)}.faq-question svg{flex-shrink:0;transition:var(--transition)}.faq-item.active .faq-question svg{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-item.active .faq-answer{max-height:500px}.faq-answer p{padding:0 24px 24px;font-size:16px;line-height:1.7;color:var(--text-medium)}.faq-answer a{color:var(--primary-color);text-decoration:underline}.content-section{padding:60px 0;background:var(--bg-white)}.content-block{max-width:800px;margin:0 auto;text-align:center}.content-block p{font-size:16px;line-height:1.7;color:var(--text-medium)}.content-block a{color:var(--primary-color);font-weight:500;text-decoration:underline}.content-block a:hover{color:var(--primary-dark)}.site-footer{background:var(--text-dark);color:var(--bg-white);padding:48px 0}.footer-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px}.footer-nav{display:flex;gap:32px}.footer-nav a{font-size:14px;opacity:.8;transition:var(--transition)}.footer-nav a:hover{opacity:1}@media(max-width:768px){.main-nav{position:fixed;top:73px;left:0;right:0;background:var(--bg-white);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-md);transform:translateY(-100%);opacity:0;transition:var(--transition);pointer-events:none}.main-nav.active{transform:translateY(0);opacity:1;pointer-events:all}.main-nav ul{flex-direction:column;padding:24px;gap:16px}.mobile-menu-toggle{display:flex}.mobile-menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(7px,7px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.hero{padding:56px 0}.hero h1{font-size:36px}.hero-description{font-size:16px}.logo-gallery h2,.features h2,.video-section h2,.testimonials h2,.faq h2{font-size:32px}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.testimonials-grid{grid-template-columns:1fr}.footer-content{flex-direction:column;text-align:center}.footer-nav{flex-direction:column;gap:16px}.cta-button{padding:14px 24px;font-size:14px}}@media(max-width:480px){.container{padding:0 16px}.hero h1{font-size:28px}.logo-gallery,.how-it-works,.why-logomakr,.video-section,.testimonials,.faq{padding:48px 0}.steps-grid{grid-template-columns:1fr}.why-content p{font-size:16px}.screenshots-section{padding:25px 0}.screenshot-card{padding:16px;margin-bottom:30px}.gallery-grid{grid-template-columns:repeat(2,1fr)}}img[data-src]{background:var(--bg-light);min-height:100px}@media print{.site-header,.site-footer,.cta-button,.mobile-menu-toggle{display:none}}
