@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Playfair+Display:wght@500;600&display=swap");:root{--color-bg:#fafaf9;--color-text:#1a1a1a;--color-text-muted:#6b6b6b;--color-accent:#2d5a4a;--color-accent-light:#e8f0ed;--color-white:#fff;--color-border:#e5e5e3;--font-display:"Playfair Display",Georgia,serif;--font-body:"Outfit",-apple-system,sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;font-weight:400;-webkit-font-smoothing:antialiased}nav{position:fixed;top:0;left:0;right:0;padding:1.5rem 4rem;display:flex;justify-content:space-between;align-items:center;background:hsla(60,9%,98%,.9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;border-bottom:1px solid transparent;transition:border-color .3s ease}nav.scrolled{border-bottom-color:var(--color-border)}.logo{display:flex;align-items:center;gap:.6rem;text-decoration:none}.logo-icon{flex-shrink:0}.logo-text{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--color-text);letter-spacing:-.02em}.logo-text span{color:var(--color-accent)}.nav-links{display:flex;align-items:center;gap:2rem}.nav-link{color:var(--color-text);text-decoration:none;font-size:.95rem;font-weight:500;transition:color .3s ease}.nav-link.active,.nav-link:hover{color:var(--color-accent)}.nav-cta{padding:.75rem 1.75rem;background:var(--color-text);color:var(--color-white);text-decoration:none;font-size:.9rem;font-weight:500;border-radius:100px;transition:all .3s ease;cursor:pointer;border:none}.nav-cta:hover{background:var(--color-accent);transform:translateY(-2px)}.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;background:none;border:none;cursor:pointer;padding:4px;z-index:101}.hamburger span{display:block;width:100%;height:2px;background:var(--color-text);border-radius:2px;transition:all .3s ease}nav.menu-open .hamburger span:first-child{transform:rotate(45deg) translate(5px,5px)}nav.menu-open .hamburger span:nth-child(2){opacity:0}nav.menu-open .hamburger span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.hero{min-height:100vh;display:flex;align-items:center;padding:8rem 4rem 6rem;position:relative;overflow:hidden}.hero-bg{position:absolute;top:-20%;right:-10%;width:60%;height:140%;background:linear-gradient(135deg,var(--color-accent-light) 0,transparent 70%);border-radius:0 0 0 50%;z-index:0;opacity:.7}.hero-inner{display:grid;grid-template-columns:1fr 1fr;grid-gap:4rem;gap:4rem;align-items:center;max-width:1400px;margin:0 auto;width:100%;position:relative;z-index:1}.hero-content{max-width:600px;animation:fadeUp 1s ease-out}.hero-image{position:relative;animation:fadeUp 1s ease-out .3s both}.hero-image img{width:100%;height:auto;border-radius:24px;box-shadow:0 30px 80px rgba(0,0,0,.15);object-fit:cover;aspect-ratio:4/3}.hero-illustration{display:flex;align-items:center;justify-content:center}.hero-illustration svg{width:100%;max-width:400px;height:auto;filter:drop-shadow(0 20px 40px rgba(45,90,74,.2))}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.hero-tag{display:inline-block;padding:.5rem 1rem;background:var(--color-accent-light);color:var(--color-accent);font-size:.85rem;border-radius:100px;animation:fadeUp 1s ease-out .1s both}.hero h1,.hero-tag{font-weight:500;margin-bottom:1.5rem}.hero h1{font-family:var(--font-display);font-size:clamp(3rem,6vw,4.5rem);line-height:1.1;letter-spacing:-.03em;animation:fadeUp 1s ease-out .2s both}.hero p{font-size:1.25rem;color:var(--color-text-muted);max-width:540px;margin-bottom:2.5rem;animation:fadeUp 1s ease-out .3s both}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap;animation:fadeUp 1s ease-out .4s both}.btn-primary{padding:1rem 2rem;background:var(--color-text);color:var(--color-white);text-decoration:none;font-size:1rem;font-weight:500;border-radius:100px;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;border:none}.btn-primary:hover{background:var(--color-accent);transform:translateY(-2px);box-shadow:0 10px 30px rgba(45,90,74,.2)}.btn-secondary{padding:1rem 2rem;background:transparent;color:var(--color-text);text-decoration:none;font-size:1rem;font-weight:500;border-radius:100px;border:1.5px solid var(--color-border);transition:all .3s ease}.btn-secondary:hover{border-color:var(--color-text);background:var(--color-white)}.problem{padding:6rem 4rem;background:var(--color-white);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.problem-inner{max-width:800px;margin:0 auto;text-align:center}.problem h2{font-family:var(--font-display);font-size:2rem;font-weight:500;margin-bottom:1rem;letter-spacing:-.02em}.problem p{font-size:1.1rem;color:var(--color-text-muted);line-height:1.8}.how-it-works{padding:6rem 4rem;background:var(--color-bg)}.how-it-works-inner{max-width:1000px;margin:0 auto;text-align:center}.how-it-works h2{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.75rem);font-weight:500;letter-spacing:-.02em;margin-bottom:.75rem}.how-it-works-subtitle{color:var(--color-text-muted);font-size:1.1rem;margin-bottom:4rem}.steps{display:flex;align-items:flex-start;justify-content:center;gap:1rem}.step{flex:1 1;max-width:280px;text-align:center}.step-number{width:56px;height:56px;background:var(--color-accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600;margin:0 auto 1.5rem}.step h3,.step-number{font-family:var(--font-display)}.step h3{font-size:1.25rem;font-weight:500;margin-bottom:.75rem;letter-spacing:-.01em}.step p{color:var(--color-text-muted);font-size:.95rem;line-height:1.6}.step-connector{width:60px;height:2px;background:var(--color-border);margin-top:28px;flex-shrink:0}.features{padding:8rem 4rem}.features-header{text-align:center;max-width:600px;margin:0 auto 5rem}.features-header h2{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.75rem);font-weight:500;letter-spacing:-.02em;margin-bottom:1rem}.features-header p{color:var(--color-text-muted);font-size:1.1rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:2rem;gap:2rem;max-width:1200px;margin:0 auto}.feature-card{padding:2.5rem;background:var(--color-white);border-radius:20px;border:1px solid var(--color-border);transition:all .4s ease}.feature-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px rgba(0,0,0,.08);border-color:transparent}.feature-icon{width:48px;height:48px;background:var(--color-accent-light);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;font-size:1.5rem}.feature-card h3{font-size:1.2rem;font-weight:600;margin-bottom:.75rem;letter-spacing:-.01em}.feature-card p{color:var(--color-text-muted);font-size:.95rem;line-height:1.7}.seo-services{padding:8rem 4rem;background:var(--color-white);border-top:1px solid var(--color-border)}.seo-services-inner{max-width:1200px;margin:0 auto}.seo-header{text-align:center;max-width:700px;margin:0 auto 5rem}.seo-tag{display:inline-block;padding:.5rem 1rem;background:var(--color-accent);color:#fff;font-size:.85rem;font-weight:500;border-radius:100px;margin-bottom:1.5rem}.seo-header h2{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.75rem);font-weight:500;letter-spacing:-.02em;margin-bottom:1rem}.seo-header p{color:var(--color-text-muted);font-size:1.1rem}.seo-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem}.seo-card{padding:2rem;background:var(--color-bg);border-radius:20px;border:1px solid var(--color-border);transition:all .4s ease}.seo-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(0,0,0,.08);border-color:var(--color-accent)}.seo-icon{width:48px;height:48px;background:var(--color-accent-light);color:var(--color-accent);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.seo-card h3{font-size:1.15rem;font-weight:600;margin-bottom:.75rem;letter-spacing:-.01em}.seo-card p{color:var(--color-text-muted);font-size:.95rem;line-height:1.7}.seo-cta{text-align:center;margin-top:4rem;padding-top:3rem;border-top:1px solid var(--color-border)}.seo-cta p{font-size:1.1rem;color:var(--color-text-muted);margin-bottom:1.5rem}.pricing{padding:8rem 4rem;background:var(--color-accent);color:var(--color-white);position:relative;overflow:hidden}.pricing-bg{position:absolute;top:0;left:0;right:0;bottom: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='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5}.pricing-inner{max-width:900px;margin:0 auto;position:relative;z-index:1}.pricing-header{text-align:center;margin-bottom:4rem}.pricing-header h2{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.75rem);font-weight:500;letter-spacing:-.02em;margin-bottom:1rem}.pricing-header p{opacity:.85;font-size:1.1rem}.pricing-cards{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem;max-width:900px;margin:0 auto}.pricing-card{background:var(--color-white);color:var(--color-text);border-radius:24px;padding:2.5rem;display:flex;flex-direction:column;position:relative;border:2px solid var(--color-accent)}.pricing-card.secondary{border:1px solid var(--color-border);background:hsla(0,0%,100%,.7)}.pricing-card-header{margin-bottom:1rem;min-height:4rem}.pricing-card-header h3{font-family:var(--font-display);font-size:1.35rem;font-weight:500}.pricing-label{display:inline-block;padding:.35rem .85rem;background:var(--color-accent);color:var(--color-white);font-size:.75rem;font-weight:600;border-radius:100px;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.pricing-amount{font-family:var(--font-display);font-size:3rem;font-weight:600;letter-spacing:-.03em;margin-bottom:.5rem}.pricing-amount span{font-size:1.25rem;font-weight:400;color:var(--color-text-muted)}.pricing-tagline{font-size:1rem;color:var(--color-text-muted);margin-bottom:1.5rem}.pricing-cta{display:block;text-align:center;padding:1rem 2rem;background:var(--color-accent);color:var(--color-white);text-decoration:none;font-size:1rem;font-weight:500;border-radius:100px;transition:all .3s ease;margin-bottom:2rem;cursor:pointer;border:none}.pricing-cta:hover{background:var(--color-text);transform:translateY(-2px)}.pricing-cta-secondary{display:block;text-align:center;padding:1rem 2rem;background:transparent;color:var(--color-text);text-decoration:none;font-size:1rem;font-weight:500;border-radius:100px;border:1.5px solid var(--color-border);transition:all .3s ease;margin-bottom:2rem;cursor:pointer}.pricing-cta-secondary:hover{border-color:var(--color-text);background:var(--color-white)}.pricing-features{list-style:none}.pricing-features li{padding:.6rem 0;border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:.75rem;font-size:.95rem}.pricing-features li:last-child{border-bottom:none}.pricing-features li.highlight{color:var(--color-accent);font-weight:500}.pricing-features .check{color:var(--color-accent);font-weight:700}.addons{margin-top:3rem;text-align:center}.addons p{opacity:.85;font-size:.95rem}.about{padding:8rem 4rem;background:var(--color-white)}.about-inner{max-width:800px;display:grid;grid-template-columns:200px 1fr;grid-gap:4rem;gap:4rem}.about-inner,.about-photo{margin:0 auto;align-items:center}.about-photo{width:200px;height:200px;border-radius:50%;background:var(--color-accent-light);display:flex;justify-content:center;font-size:4rem}.about h2{font-family:var(--font-display);font-size:1.75rem;font-weight:500;margin-bottom:1rem;letter-spacing:-.02em}.about p{color:var(--color-text-muted);font-size:1.05rem;line-height:1.8}.faq{padding:8rem 4rem;border-top:1px solid var(--color-border)}.faq-inner{max-width:700px;margin:0 auto}.faq h2{font-family:var(--font-display);font-size:2rem;font-weight:500;text-align:center;margin-bottom:3rem;letter-spacing:-.02em}.faq-item{border-bottom:1px solid var(--color-border);padding:1.5rem 0}.faq-item:first-of-type{border-top:1px solid var(--color-border)}.faq-question{font-weight:600;font-size:1.05rem;margin-bottom:.75rem}.faq-answer{color:var(--color-text-muted);font-size:.95rem;line-height:1.7}.cta{padding:8rem 4rem;text-align:center;background:var(--color-bg)}.cta h2{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:500;letter-spacing:-.02em;margin-bottom:1rem}.cta p{color:var(--color-text-muted);font-size:1.1rem;margin-bottom:2rem}footer{padding:3rem 4rem;border-top:1px solid var(--color-border);justify-content:space-between;flex-wrap:wrap;gap:1rem}.footer-logo,footer{display:flex;align-items:center}.footer-logo{gap:.5rem;text-decoration:none}.footer-logo .logo-icon{flex-shrink:0}.footer-logo .logo-text{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--color-text)}.footer-logo .logo-text span{color:var(--color-accent)}.footer-links{display:flex;gap:2rem}.footer-links a,.footer-links button{color:var(--color-text-muted);text-decoration:none;font-size:.9rem;transition:color .3s ease;background:none;border:none;cursor:pointer}.footer-links a:hover,.footer-links button:hover{color:var(--color-accent)}.footer-copy{color:var(--color-text-muted);font-size:.85rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;visibility:hidden;transition:all .3s ease}.modal-overlay.active{opacity:1;visibility:visible}.modal{background:var(--color-white);border-radius:24px;padding:2.5rem;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative;transform:translateY(20px);transition:transform .3s ease}.modal-overlay.active .modal{transform:translateY(0)}.modal-close{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-muted);transition:color .3s ease}.modal-close:hover{color:var(--color-text)}.modal h3{font-family:var(--font-display);font-size:1.75rem;font-weight:500;margin-bottom:.5rem;letter-spacing:-.02em}.modal>p{color:var(--color-text-muted);margin-bottom:2rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group textarea{width:100%;padding:.875rem 1rem;border:1.5px solid var(--color-border);border-radius:12px;font-family:var(--font-body);font-size:1rem;transition:border-color .3s ease;background:var(--color-bg)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-accent)}.form-group textarea{resize:vertical;min-height:100px}.form-submit{width:100%;padding:1rem;background:var(--color-text);color:var(--color-white);border:none;border-radius:100px;font-family:var(--font-body);font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.form-submit:hover{background:var(--color-accent)}.thank-you{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:8rem 2rem}.thank-you-inner{text-align:center;max-width:500px}.thank-you-icon{width:80px;height:80px;background:var(--color-accent-light);color:var(--color-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin:0 auto 2rem}.thank-you h1{font-family:var(--font-display);font-size:clamp(2rem,5vw,2.75rem);font-weight:500;letter-spacing:-.03em;margin-bottom:1rem}.thank-you p{color:var(--color-text-muted);font-size:1.15rem;margin-bottom:2rem}.page-header{padding:10rem 4rem 5rem;text-align:center}.page-header h1{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:500;letter-spacing:-.03em;margin-bottom:1rem}.page-header p{color:var(--color-text-muted);font-size:1.15rem;max-width:500px;margin:0 auto}.portfolio{padding:0 4rem 8rem}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-gap:2.5rem;gap:2.5rem;max-width:1400px;margin:0 auto}.portfolio-item{background:var(--color-white);border-radius:20px;overflow:hidden;border:1px solid var(--color-border);transition:all .4s ease}.portfolio-item:hover{transform:translateY(-8px);box-shadow:0 25px 80px rgba(0,0,0,.1);border-color:transparent}.portfolio-image{width:100%;aspect-ratio:16/10;background:linear-gradient(135deg,var(--color-accent-light) 0,var(--color-bg) 100%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;text-decoration:none;cursor:pointer}.portfolio-image:hover .mockup{transform:scale(1.02)}.portfolio-screenshot{width:100%;height:100%;object-fit:contain;background:var(--color-bg);transition:transform .3s ease}.portfolio-image:hover .portfolio-screenshot{transform:scale(1.02)}.portfolio-image .mockup{width:85%;height:80%;background:var(--color-white);border-radius:8px;box-shadow:0 10px 40px rgba(0,0,0,.1);display:flex;flex-direction:column;overflow:hidden;transition:transform .3s ease}.mockup-header{height:28px;background:var(--color-bg);border-bottom:1px solid var(--color-border);display:flex;align-items:center;padding:0 12px;gap:6px}.mockup-dot{width:8px;height:8px;border-radius:50%;background:var(--color-border)}.mockup-content{flex:1 1;padding:16px;display:flex;flex-direction:column;gap:12px}.mockup-hero{height:40%;border-radius:6px;background:linear-gradient(135deg,var(--color-accent) 0,var(--color-accent-light) 100%)}.mockup-text{display:flex;flex-direction:column;gap:8px}.mockup-line{height:8px;background:var(--color-border);border-radius:4px}.mockup-line.short{width:60%}.mockup-line.medium{width:80%}.portfolio-info{padding:2rem}.portfolio-info h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;letter-spacing:-.01em}.portfolio-info .location{color:var(--color-text-muted);font-size:.95rem;margin-bottom:1rem}.portfolio-tags{display:flex;flex-wrap:wrap;gap:.5rem}.portfolio-tag{padding:.35rem .85rem;background:var(--color-accent-light);color:var(--color-accent);font-size:.8rem;font-weight:500;border-radius:100px}@media (max-width:768px){nav{padding:1rem 1.5rem}.hamburger{display:flex}.nav-links{position:fixed;top:0;right:0;width:280px;height:100vh;background:var(--color-white);flex-direction:column;align-items:stretch;padding:5rem 2rem 2rem;gap:0;box-shadow:-10px 0 40px rgba(0,0,0,.1);transform:translateX(100%);transition:transform .3s ease;z-index:100}.nav-links.open{transform:translateX(0)}.nav-link{padding:1rem 0;font-size:1.1rem;border-bottom:1px solid var(--color-border)}.nav-cta{margin-top:1.5rem;padding:1rem 2rem;font-size:1rem;text-align:center}.logo-text{font-size:1.25rem}.hero{padding:7rem 1.5rem 4rem}.hero-inner{grid-template-columns:1fr;gap:3rem}.hero-image{order:-1}.hero-image img{aspect-ratio:16/10}.hero-bg{width:100%;right:-30%}.about,.cta,.faq,.features,.pricing,.problem{padding:5rem 1.5rem}.how-it-works{padding:4rem 1.5rem}.steps{flex-direction:column;gap:2rem}.step{max-width:100%}.step-connector{width:2px;height:40px;margin:0 auto}.pricing-cards{grid-template-columns:1fr}.pricing-card{padding:2rem}.pricing-amount{font-size:2.5rem}.about-inner{grid-template-columns:1fr;text-align:center}.seo-services{padding:5rem 1.5rem}.seo-grid{grid-template-columns:1fr;gap:1.5rem}.page-header{padding:8rem 1.5rem 3rem}.portfolio{padding:0 1.5rem 5rem}.portfolio-grid{grid-template-columns:1fr}footer{padding:2rem 1.5rem;flex-direction:column;text-align:center}}