body:has(.web42-landing),html:has(.web42-landing){height:auto;overflow:auto}body:has(.web42-landing){display:block;background:#ffffff;font-family:Inter,sans-serif}.web42-landing{--color-bg:#ffffff;--color-surface:#f4f7fa;--color-text:#1a1f2e;--color-text-muted:#6b7a90;--color-accent:#3b7dd8;--color-accent-hover:#2c66b8;--color-accent-light:#eef4fc;--color-border:#e2e8f0;--color-success:#22c55e;--font-display:"Outfit",sans-serif;--font-body:"Inter",sans-serif;--radius:12px;--radius-lg:20px;--shadow-sm:0 1px 3px rgba(0,0,0,0.06);--shadow-md:0 4px 16px rgba(0,0,0,0.08);--shadow-lg:0 12px 40px rgba(0,0,0,0.1);--nav-height:72px;font-family:var(--font-body);font-size:1rem;line-height:1.7;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.web42-landing *,.web42-landing :after,.web42-landing :before{margin:0;padding:0;box-sizing:border-box}.web42-landing img{max-width:100%;height:auto;display:block}.web42-landing ul[role=list]{list-style:none}.web42-landing a{color:var(--color-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;transition:color .2s ease}.web42-landing a:hover{color:var(--color-accent-hover)}.web42-landing a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:2px}.web42-landing .skip-link{position:absolute;left:-9999px;top:auto;padding:8px 16px;background:var(--color-accent);color:#fff;z-index:1000;font-size:.875rem;text-decoration:none;border-radius:var(--radius)}.web42-landing .skip-link:focus{left:16px;top:16px}.web42-landing .nav-header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(255,255,255,.8);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid transparent;transition:all .3s ease;height:var(--nav-height);display:flex;align-items:center}.web42-landing .nav-header.scrolled{background:rgba(255,255,255,.95);border-bottom-color:var(--color-border);box-shadow:var(--shadow-sm)}.web42-landing .nav-container{max-width:1200px;margin:0 auto;padding:0 24px;width:100%;display:flex;align-items:center;justify-content:space-between}.web42-landing .nav-logo{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--color-text);text-decoration:none;letter-spacing:-.02em}.web42-landing .logo-accent{color:var(--color-accent)}.web42-landing .nav-links{display:flex;align-items:center;gap:32px;list-style:none}.web42-landing .nav-links a{font-family:var(--font-display);font-size:.9rem;font-weight:500;color:var(--color-text-muted);text-decoration:none;transition:color .2s ease}.web42-landing .nav-links a:hover{color:var(--color-text)}.web42-landing .nav-cta{background:var(--color-accent)!important;color:#fff!important;padding:10px 24px;border-radius:100px;font-weight:600!important;transition:background .2s ease,transform .15s ease!important}.web42-landing .nav-cta:hover{background:var(--color-accent-hover)!important;transform:translateY(-1px)}.web42-landing .nav-login{font-family:var(--font-display);font-size:.9rem;font-weight:500;color:var(--color-text-muted);text-decoration:none;transition:color .2s ease}.web42-landing .nav-login:hover{color:var(--color-text)}.web42-landing .nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;z-index:110}.web42-landing .nav-toggle span{display:block;width:24px;height:2px;background:var(--color-text);border-radius:2px;transition:all .3s ease}.web42-landing .nav-toggle.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.web42-landing .nav-toggle.active span:nth-child(2){opacity:0}.web42-landing .nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.web42-landing .container{max-width:1200px;margin:0 auto;padding:0 24px}.web42-landing .container-narrow{max-width:720px}.web42-landing .section{padding:96px 0}.web42-landing .btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1rem;font-weight:600;padding:14px 32px;border-radius:100px;text-decoration:none;cursor:pointer;border:none;transition:all .2s ease;min-height:48px}.web42-landing .btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.web42-landing .btn-primary{background:var(--color-accent);color:#fff;box-shadow:0 2px 8px rgba(59,125,216,.3)}.web42-landing .btn-primary:hover{background:var(--color-accent-hover);color:#fff;transform:translateY(-1px);box-shadow:0 4px 16px rgba(59,125,216,.35)}.web42-landing .btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.web42-landing .btn-secondary:hover{background:var(--color-border);color:var(--color-text)}.web42-landing .btn-full{width:100%}.web42-landing .hero{padding-top:calc(var(--nav-height) + 48px);padding-bottom:64px;background:linear-gradient(180deg,var(--color-accent-light) 0,var(--color-bg) 100%)}.web42-landing .hero-container{max-width:1200px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.web42-landing .hero-eyebrow{display:inline-block;font-family:var(--font-display);font-size:.875rem;font-weight:600;color:var(--color-accent);background:var(--color-accent-light);padding:6px 16px;border-radius:100px;margin-bottom:24px;letter-spacing:.02em}.web42-landing .hero h1{font-family:var(--font-display);font-size:clamp(2.5rem,5vw + 1rem,4.2rem);font-weight:700;line-height:1.1;letter-spacing:-.03em;color:var(--color-text);margin-bottom:24px}.web42-landing .hero-highlight{color:var(--color-accent);position:relative}.web42-landing .hero-highlight:after{content:"";position:absolute;bottom:2px;left:0;right:0;height:8px;background:rgba(59,125,216,.15);border-radius:4px;z-index:-1}.web42-landing .hero-description{font-size:1.15rem;color:var(--color-text-muted);max-width:50ch;margin-bottom:32px;line-height:1.7}.web42-landing .hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:20px}.web42-landing .hero-note{font-size:.85rem;color:var(--color-text-muted)}.web42-landing .hero-visual{display:flex;justify-content:center}.web42-landing .chat-mockup{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;width:100%;max-width:440px;padding:24px;transform:perspective(800px) rotateY(-3deg) rotateX(2deg);transition:transform .4s ease;display:flex;flex-direction:column;gap:12px}.web42-landing .chat-mockup:hover{transform:perspective(800px) rotateY(0deg) rotateX(0deg)}.web42-landing .chat-bubble{display:flex;align-items:flex-start;gap:12px;max-width:85%;animation:web42FadeInUp .5s ease forwards;opacity:0}.web42-landing .chat-bubble:first-child{animation-delay:.1s}.web42-landing .chat-bubble:nth-child(2){animation-delay:.3s}.web42-landing .chat-bubble:nth-child(3){animation-delay:.5s}.web42-landing .chat-bubble:nth-child(4){animation-delay:.7s}.web42-landing .chat-bubble:nth-child(5){animation-delay:.9s}@keyframes web42FadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.web42-landing .chat-bubble.ai{align-self:flex-start}.web42-landing .chat-bubble.user{align-self:flex-end;flex-direction:row-reverse}.web42-landing .chat-avatar{width:36px;height:36px;border-radius:50%;background:var(--color-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:.9rem;flex-shrink:0}.web42-landing .chat-text{background:var(--color-surface);padding:12px 16px;border-radius:18px;border-bottom-left-radius:6px;font-size:.9rem;line-height:1.5;color:var(--color-text);border:1px solid var(--color-border)}.web42-landing .chat-bubble.user .chat-text{background:var(--color-accent);color:#fff;border-bottom-left-radius:18px;border-bottom-right-radius:6px;border:none}.web42-landing .chat-bubble.building .chat-text{background:var(--color-accent-light);border-color:var(--color-accent)}.web42-landing .typing-dots{display:inline-flex;gap:4px;margin-right:6px}.web42-landing .typing-dots span{width:6px;height:6px;background:var(--color-accent);border-radius:50%;animation:web42Typing 1.4s ease-in-out infinite both}.web42-landing .typing-dots span:first-child{animation-delay:-.32s}.web42-landing .typing-dots span:nth-child(2){animation-delay:-.16s}@keyframes web42Typing{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.web42-landing .chat-bubble.website-ready{animation:web42FadeInUp .6s ease forwards;animation-delay:2.2s;opacity:0;max-width:100%!important}.web42-landing .chat-bubble.website-ready .chat-text{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid var(--color-accent);padding:16px;width:100%;max-width:400px}.web42-landing .site-preview{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.1);transform:scale(.95);animation:web42SiteBounce .8s ease forwards;animation-delay:2.5s;opacity:0}@keyframes web42SiteBounce{0%{opacity:0;transform:scale(.8) translateY(20px)}50%{transform:scale(1.02) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.web42-landing .site-preview-header{background:linear-gradient(90deg,#2d3748,#4a5568);padding:10px 14px;display:flex;align-items:center;gap:10px}.web42-landing .site-dots{display:flex;gap:6px}.web42-landing .site-dots span{width:10px;height:10px;border-radius:50%;background:#ef4444}.web42-landing .site-dots span:nth-child(2){background:#f59e0b}.web42-landing .site-dots span:nth-child(3){background:#22c55e}.web42-landing .site-url{background:rgba(255,255,255,.15);padding:4px 14px;border-radius:20px;font-size:.7rem;color:rgba(255,255,255,.9);margin-left:auto;margin-right:auto}.web42-landing .site-preview-body{padding:20px;background:linear-gradient(180deg,#fef3c7,#fff 60%)}.web42-landing .site-hero{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.web42-landing .site-logo{font-family:var(--font-display);font-weight:700;font-size:1.1rem;color:#92400e}.web42-landing .site-nav{display:flex;gap:8px}.web42-landing .site-nav span{width:24px;height:3px;background:#d97706;border-radius:2px}.web42-landing .site-tagline{font-size:.85rem;color:#b45309;margin-bottom:12px;text-align:center}.web42-landing .site-cta{background:linear-gradient(90deg,#3b7dd8,#2c66b8);color:#fff;text-align:center;padding:10px 24px;border-radius:20px;font-weight:600;font-size:.85rem;margin:0 auto 16px;width:fit-content;box-shadow:0 2px 8px rgba(59,125,216,.4);animation:web42CtaPulse 2s ease infinite;animation-delay:3.5s}@keyframes web42CtaPulse{0%,to{transform:scale(1);box-shadow:0 2px 8px rgba(59,125,216,.4)}50%{transform:scale(1.05);box-shadow:0 4px 16px rgba(59,125,216,.5)}}.web42-landing .site-gallery{display:flex;gap:8px;justify-content:center}.web42-landing .site-img{width:80px;height:60px;background:linear-gradient(135deg,#fed7aa,#fdba74);border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.08);animation:web42ImgPop .4s ease forwards;opacity:0;transform:scale(.8)}.web42-landing .site-img:first-child{animation-delay:3.2s;background:linear-gradient(135deg,#fed7aa,#f97316)}.web42-landing .site-img:nth-child(2){animation-delay:3.4s;background:linear-gradient(135deg,#fbcfe8,#ec4899)}.web42-landing .site-img:nth-child(3){animation-delay:3.6s;background:linear-gradient(135deg,#bbf7d0,#22c55e)}@keyframes web42ImgPop{to{opacity:1;transform:scale(1)}}.web42-landing .site-ready-text{text-align:center;margin-top:14px;font-weight:600;color:var(--color-accent);font-size:.95rem;animation:web42ReadyGlow 2s ease infinite;animation-delay:3s}@keyframes web42ReadyGlow{0%,to{text-shadow:0 0 0 transparent;transform:scale(1)}50%{text-shadow:0 0 20px rgba(59,125,216,.3);transform:scale(1.02)}}.web42-landing .section-eyebrow{display:block;font-family:var(--font-display);font-size:.85rem;font-weight:600;color:var(--color-accent);letter-spacing:.04em;text-transform:uppercase;margin-bottom:12px;text-align:center}.web42-landing .section h2{font-family:var(--font-display);font-size:clamp(1.8rem,3vw + .5rem,2.8rem);font-weight:700;line-height:1.2;letter-spacing:-.02em;text-align:center;margin-bottom:16px}.web42-landing .section-subtitle{font-size:1.1rem;color:var(--color-text-muted);text-align:center;max-width:55ch;margin:0 auto 56px;line-height:1.7}.web42-landing .how-it-works{background:var(--color-bg)}.web42-landing .steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.web42-landing .step-card{text-align:center;padding:40px 32px;border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);transition:transform .2s ease,box-shadow .2s ease}.web42-landing .step-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.web42-landing .step-number{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--color-accent);color:#fff;font-family:var(--font-display);font-size:1.3rem;font-weight:700;margin-bottom:24px}.web42-landing .step-card h3{font-family:var(--font-display);font-size:1.2rem;font-weight:600;margin-bottom:12px}.web42-landing .step-card p{color:var(--color-text-muted);font-size:.95rem;line-height:1.7}.web42-landing .features{background:var(--color-surface)}.web42-landing .features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.web42-landing .feature-item{padding:36px 28px;background:var(--color-bg);border-radius:var(--radius);border:1px solid var(--color-border);transition:box-shadow .2s ease}.web42-landing .feature-item:hover{box-shadow:var(--shadow-md)}.web42-landing .feature-icon{margin-bottom:16px;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:var(--color-accent-light);border-radius:var(--radius)}.web42-landing .feature-icon svg{flex-shrink:0}.web42-landing .feature-item h3{font-family:var(--font-display);font-size:1.1rem;font-weight:600;margin-bottom:8px}.web42-landing .feature-item p{color:var(--color-text-muted);font-size:.92rem;line-height:1.7}.web42-landing .pricing{background:var(--color-bg)}.web42-landing .pricing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;max-width:800px;margin:0 auto}.web42-landing .pricing-fineprint{max-width:720px;margin:28px auto 0;font-size:13px;line-height:1.6;color:var(--color-text-muted,#888);text-align:center}.web42-landing .pricing-fineprint a{color:var(--color-accent);text-decoration:underline}.web42-landing .pricing-card{padding:40px 36px;background:var(--color-surface);border-radius:var(--radius-lg);border:2px solid var(--color-border);text-align:center;position:relative;transition:transform .2s ease,box-shadow .2s ease}.web42-landing .pricing-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.web42-landing .pricing-card-featured{border-color:var(--color-accent);background:var(--color-bg);box-shadow:var(--shadow-md)}.web42-landing .pricing-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--color-accent);color:#fff;font-family:var(--font-display);font-size:.8rem;font-weight:600;padding:4px 20px;border-radius:100px}.web42-landing .pricing-label{font-family:var(--font-display);font-size:.9rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.web42-landing .pricing-amount{font-family:var(--font-display);font-size:3.5rem;font-weight:700;line-height:1.1;color:var(--color-text);margin-bottom:8px}.web42-landing .pricing-period{font-size:1.1rem;font-weight:400;color:var(--color-text-muted)}.web42-landing .pricing-description{font-size:.95rem;color:var(--color-text-muted);margin-bottom:28px;max-width:30ch;margin-left:auto;margin-right:auto}.web42-landing .pricing-features{text-align:left;margin-bottom:32px}.web42-landing .pricing-features li{padding:8px 0;font-size:.95rem;color:var(--color-text);border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:10px}.web42-landing .check-icon{flex-shrink:0}.web42-landing .pricing-features li:last-child{border-bottom:none}.web42-landing .testimonials{background:var(--color-surface)}.web42-landing .testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.web42-landing .testimonial-card{padding:32px 28px;background:var(--color-bg);border-radius:var(--radius);border:1px solid var(--color-border);position:relative}.web42-landing .testimonial-card:before{content:'"';font-family:var(--font-display);font-size:4rem;color:var(--color-accent);opacity:.2;position:absolute;top:8px;left:20px;line-height:1}.web42-landing .testimonial-card p{font-size:.95rem;line-height:1.7;color:var(--color-text);margin-bottom:20px;position:relative;z-index:1;font-style:italic}.web42-landing .testimonial-card footer{display:flex;flex-direction:column;gap:2px}.web42-landing .testimonial-card strong{font-family:var(--font-display);font-weight:600;font-size:.95rem}.web42-landing .testimonial-card footer span{font-size:.8rem;color:var(--color-text-muted)}.web42-landing .faq{background:var(--color-bg)}.web42-landing .faq-list{display:flex;flex-direction:column;gap:8px}.web42-landing .faq-item{border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;transition:border-color .2s ease}.web42-landing .faq-item[open]{border-color:var(--color-accent)}.web42-landing .faq-item summary{padding:20px 24px;font-family:var(--font-display);font-size:1rem;font-weight:600;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;transition:background .2s ease;min-height:44px}.web42-landing .faq-item summary::-webkit-details-marker{display:none}.web42-landing .faq-item summary:after{content:"+";font-size:1.3rem;font-weight:400;color:var(--color-accent);flex-shrink:0;transition:transform .2s ease}.web42-landing .faq-item[open] summary:after{content:"−"}.web42-landing .faq-item summary:hover{background:var(--color-surface)}.web42-landing .faq-item summary:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.web42-landing .faq-item p{padding:0 24px 20px;color:var(--color-text-muted);font-size:.95rem;line-height:1.7;max-width:65ch}.web42-landing .contact{background:var(--color-surface)}.web42-landing .contact-form{margin-top:16px;display:flex;flex-direction:column;gap:20px}.web42-landing .form-group{display:flex;flex-direction:column;gap:6px}.web42-landing .form-group label{font-family:var(--font-display);font-size:.9rem;font-weight:500;color:var(--color-text)}.web42-landing .optional{font-weight:400;color:var(--color-text-muted);font-size:.85rem}.web42-landing .form-group input,.web42-landing .form-group textarea{font-family:var(--font-body);font-size:1rem;padding:14px 16px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);transition:border-color .2s ease,box-shadow .2s ease;min-height:48px}.web42-landing .form-group input::placeholder,.web42-landing .form-group textarea::placeholder{color:var(--color-text-muted);opacity:.6}.web42-landing .form-group input:focus,.web42-landing .form-group textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(59,125,216,.15)}.web42-landing .form-group textarea{resize:vertical;min-height:130px}.web42-landing .form-success{text-align:center;padding:48px 24px}.web42-landing .form-success-icon{margin-bottom:16px;display:flex;justify-content:center}.web42-landing .form-success p{font-size:1.15rem;color:var(--color-text)}.web42-landing .site-footer{background:var(--color-text);color:var(--color-surface);padding:64px 0 0}.web42-landing .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:48px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.1)}.web42-landing .footer-brand p{color:rgba(255,255,255,.6);font-size:.9rem;margin-top:12px;max-width:35ch}.web42-landing .footer-brand .nav-logo{color:#fff}.web42-landing .site-footer h3{font-family:var(--font-display);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px;color:rgba(255,255,255,.5)}.web42-landing .site-footer ul{display:flex;flex-direction:column;gap:10px}.web42-landing .site-footer a{color:rgba(255,255,255,.75);text-decoration:none;font-size:.9rem;transition:color .2s ease}.web42-landing .site-footer a:hover{color:#fff}.web42-landing .footer-bottom{padding:24px 0;text-align:center}.web42-landing .footer-bottom p{font-size:.8rem;color:rgba(255,255,255,.4)}@media (max-width:1024px){.web42-landing .hero-container{grid-template-columns:1fr;gap:48px;text-align:center}.web42-landing .hero-description{max-width:none}.web42-landing .hero-actions{justify-content:center}.web42-landing .chat-mockup{transform:none;max-width:380px}.web42-landing .chat-mockup:hover{transform:none}.web42-landing .steps-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}.web42-landing .features-grid{grid-template-columns:repeat(2,1fr)}.web42-landing .testimonials-grid{grid-template-columns:1fr;max-width:520px;margin:0 auto}.web42-landing .footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:640px){.web42-landing .section{padding:64px 0}.web42-landing .nav-toggle{display:flex}.web42-landing .nav-links{position:fixed;top:0;right:0;width:280px;height:100vh;background:var(--color-bg);flex-direction:column;padding:96px 32px 32px;gap:24px;box-shadow:var(--shadow-lg);transform:translateX(100%);transition:transform .3s ease;border-left:1px solid var(--color-border)}.web42-landing .nav-links.nav-open{transform:translateX(0)}.web42-landing .nav-links a{font-size:1.1rem;color:var(--color-text)}.web42-landing .nav-cta{text-align:center;width:100%}.web42-landing .hero{padding-top:calc(var(--nav-height) + 24px)}.web42-landing .hero h1{font-size:clamp(2rem,6vw,3rem)}.web42-landing .hero-visual{display:none}.web42-landing .features-grid{grid-template-columns:1fr}.web42-landing .pricing-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}.web42-landing .footer-grid{grid-template-columns:1fr;gap:32px}.web42-landing .section-subtitle{margin-bottom:40px}}@media (prefers-reduced-motion:reduce){.web42-landing *,.web42-landing :after,.web42-landing :before{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.web42-landing .nav-login-mobile{display:none}@media (max-width:640px){.web42-landing .nav-container{position:relative}.web42-landing .nav-login-mobile{display:inline-flex;align-items:center;position:absolute;right:76px;top:0;bottom:0;font-family:var(--font-display);font-weight:600;font-size:.95rem;color:var(--color-text);text-decoration:none;z-index:105}.web42-landing .nav-login-mobile:hover{color:var(--color-accent)}}