@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&family=Oswald:wght@400;500;600;700&display=swap";:root{--bg: #F4F6F8;--surface: #FFFFFF;--muted: #64748B;--muted-strong: #475569;--accent: #3B82F6;--accent-hover: #2563EB;--accent-light: rgba(59,130,246,.08);--danger: #EF4444;--success: #10B981;--text: #0F172A;--text-light: #334155;--glass: rgba(255,255,255,.85);--container: 1200px;--color-primary: #1F2937;--color-primary-dark: #111827;--color-accent: #0369A1;--color-accent-light: #0EA5E9;--color-accent-orange: #F97316;--color-secondary: #6B7280;--color-muted: #9CA3AF;--color-surface: #FFFFFF;--color-bg-light: #F9FAFB;--color-border: #E5E7EB;--color-border-strong: #D1D5DB;--font-heading: "Oswald", "Inter", sans-serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Roboto Mono", monospace;--font-xs: .75rem;--font-sm: .875rem;--font-base: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 1.875rem;--font-4xl: 2.25rem;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius: 8px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--shadow-sm: 0 1px 2px rgba(15,23,42,.04);--shadow-md: 0 4px 12px rgba(15,23,42,.06);--shadow-lg: 0 8px 24px rgba(15,23,42,.08);--shadow-xl: 0 16px 48px rgba(15,23,42,.1);--shadow-hover: 0 12px 32px rgba(15,23,42,.12);--focus-ring: 0 0 0 3px rgba(59,130,246,.25);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;height:100%}body{margin:0;padding:0;font-family:var(--font-body);font-size:var(--font-base);font-weight:400;line-height:1.6;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100%;background-color:var(--color-bg-light);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' seed='1'/%3E%3C/filter%3E%3Crect width='400' height='400' fill='%23F9FAFB' filter='url(%23noiseFilter)' opacity='0.4'/%3E%3C/svg%3E"),radial-gradient(circle at 20% 50%,rgba(3,105,161,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(249,115,22,.02) 0%,transparent 50%);background-size:400px 400px,100% 100%,100% 100%;background-attachment:fixed}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;color:var(--color-primary-dark);letter-spacing:-.02em;margin:0}h1{font-size:3.5rem;letter-spacing:-.03em;line-height:1.15}h2{font-size:2.5rem;line-height:1.2}h3{font-size:1.5rem;letter-spacing:-.01em;line-height:1.25}h4{font-size:1.25rem;font-weight:600;letter-spacing:-.005em}p{margin:0;color:var(--color-secondary);line-height:1.65}code,.mono{font-family:var(--font-mono);font-size:var(--font-sm)}.wrap{max-width:var(--container);margin:0 auto;padding:var(--space-2xl) var(--space-lg)}.container-center{text-align:center}section{padding:var(--space-xl) 0}header.site-header{background:var(--surface);color:var(--text);position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(15,23,42,.08);transition:transform .3s ease}header.site-header.hidden{transform:translateY(-100%)}header .wrap{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-lg);gap:var(--space-md)}.brand{display:flex;align-items:center;gap:var(--space-md)}.logo{width:120px;height:120px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.logo img{display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit}.brand-title{font-weight:700;font-size:var(--font-base);line-height:1.2;color:#000}.brand .subtitle{font-size:var(--font-xs);opacity:.8;font-weight:400;color:#000}nav.primary{display:flex;gap:var(--space-xs);align-items:center}nav.primary a{color:var(--text);padding:var(--space-sm) var(--space-md);border-radius:var(--radius);font-weight:500;font-size:var(--font-sm);text-decoration:none;background:transparent;transition:background var(--transition-fast),color var(--transition-fast)}nav.primary a:hover{background:var(--accent-light);color:var(--accent)}.header-actions{display:flex;gap:var(--space-sm);align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;padding:var(--space-md) var(--space-xl);border-radius:var(--radius);border:none;font-weight:600;font-size:var(--font-base);cursor:pointer;text-decoration:none;transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);box-shadow:var(--shadow-sm);min-height:48px}.btn:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(0)}.btn:focus-visible{outline:3px solid rgba(59,130,246,.5);outline-offset:3px}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn.secondary{background:transparent;color:var(--accent);border:2px solid var(--accent);box-shadow:none}.btn.secondary:hover{background:var(--accent-light);transform:translateY(-2px);border-color:var(--accent-hover)}.btn.header-cta{background:var(--accent);padding:var(--space-sm) var(--space-lg);font-size:var(--font-sm);min-height:44px}.btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.15);color:var(--surface);font-size:var(--font-sm)}.btn.ghost:hover{background:#ffffff0d;border-color:#ffffff40}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;background:var(--surface);color:var(--text);padding:var(--space-sm) var(--space-md);border-radius:var(--radius);text-decoration:none;font-weight:600;z-index:9999}.skip-link:focus{position:fixed;left:var(--space-lg);top:var(--space-lg);width:auto;height:auto;box-shadow:var(--shadow-lg),var(--focus-ring)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:var(--radius)}footer.site-footer{background:var(--text);color:var(--surface);padding:var(--space-xl) var(--space-lg)}footer .wrap{display:flex;flex-direction:column;gap:var(--space-md);align-items:center;text-align:center}footer p{color:#ffffffe6}footer small{color:#fff9;font-size:var(--font-sm)}.footer-socials{display:flex;gap:var(--space-md);margin-bottom:var(--space-sm)}.footer-socials a{color:var(--surface);opacity:.7;transition:opacity var(--transition-fast)}.footer-socials a:hover{opacity:1}.footer-socials svg{width:24px;height:24px}@media(max-width:1024px){.wrap{padding:var(--space-xl) var(--space-md)}.pricing-grid{grid-template-columns:1fr;gap:var(--space-lg)}.pricing-card--hero{transform:scale(1)}.pricing-card--hero:hover{transform:scale(1) translateY(-4px)}.bento-grid,.review-cards,.features-grid,.process-steps{grid-template-columns:repeat(2,1fr)}.hero .wrap{grid-template-columns:1fr 360px}}@media(max-width:900px){.proof-grid{grid-template-columns:repeat(2,1fr)}.portfolio-item-results,.about-principles{grid-template-columns:1fr}}@media(max-width:820px){.hero .wrap{grid-template-columns:1fr;gap:var(--space-xl);text-align:center}.hero-right{order:2}.hero-left{order:1;align-items:center}.hero h1{font-size:var(--font-3xl)}.hero p{text-align:center}.cta,.trust-element{justify-content:center}.promise-grid{grid-template-columns:repeat(2,1fr)}.hero-image-placeholder{max-width:400px;margin:0 auto}}@media(max-width:700px){:root{--space-2xl:32px;--space-3xl:48px}.wrap{padding:var(--space-xl) var(--space-md)}section{padding:var(--space-2xl) 0}.pricing-grid{grid-template-columns:1fr;gap:var(--space-lg)}.bento-grid,.review-cards{grid-template-columns:1fr}.browser-header{padding:.5rem .75rem}.browser-url{font-size:.75rem;padding:.25rem .5rem}.social-badge{width:28px;height:28px;top:-6px;right:.75rem}.social-badge svg{width:16px;height:16px}.screenshot-placeholder{padding:2rem 1.5rem;min-height:240px}.placeholder-icon{font-size:2.5rem}.placeholder-text{font-size:.9375rem}.placeholder-hint{font-size:.75rem}.features-grid,.process-steps,.promise-grid{grid-template-columns:1fr}.maintenance-header{grid-template-columns:1fr;gap:var(--space-lg)}.maintenance-features-grid,.maintenance-features-bar{grid-template-columns:1fr;gap:var(--space-md)}.maintenance-service-bar{padding:var(--space-xl) var(--space-lg)}.maintenance-price-bar{flex-direction:column;gap:var(--space-sm);text-align:center}.guide-block,.guide-block-reverse{grid-template-columns:1fr;gap:var(--space-lg)}.guide-block-reverse .guide-content{order:1}.guide-block-reverse .guide-visual{order:2}.flow-diagram{flex-direction:column;gap:var(--space-sm)}.flow-arrow{transform:rotate(90deg)}.project-item,.project-item-reverse{grid-template-columns:1fr;gap:var(--space-lg);margin-bottom:var(--space-2xl)}.project-item-reverse .project-visual{order:1}.project-item-reverse .project-info{order:2}.about-grid{grid-template-columns:1fr;gap:var(--space-xl)}.about-left{padding-right:0}.about-right{position:relative;top:0}.proof-grid{grid-template-columns:1fr;gap:var(--space-lg)}.project-content{padding:var(--space-lg)}header .wrap{flex-wrap:wrap}nav.primary{display:none;position:fixed;inset:auto var(--space-md) var(--space-md) var(--space-md);padding:var(--space-lg);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-xl);flex-direction:column;gap:var(--space-xs);z-index:100;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}nav.primary a{color:var(--text);padding:var(--space-md) var(--space-lg);border-radius:var(--radius);width:100%;text-align:left;font-size:1.125rem;min-height:56px;display:flex;align-items:center}nav.primary a:hover{background:var(--bg)}nav.primary a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.site-header.open nav.primary{display:flex}.site-header.open:before{content:"";position:fixed;inset:0;background:#0f172ab3;z-index:99;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.header-actions{display:none}.nav-toggle{display:inline-flex;align-items:center;justify-content:center}.hero h1{font-size:var(--font-2xl);line-height:1.2}.btn{min-height:52px;padding:var(--space-md) var(--space-xl);font-size:1rem;width:100%}.cta{flex-direction:column;gap:var(--space-md)}.form-row{grid-template-columns:1fr}input[type=text],input[type=email],select,textarea{font-size:16px;padding:var(--space-md) var(--space-lg);min-height:52px}textarea{min-height:140px}}@media(max-width:480px){:root{--space-xl:20px;--space-2xl:28px}.hero h1{font-size:var(--font-xl);line-height:1.15}.hero p{font-size:var(--font-base);line-height:1.6}.logo{width:36px;height:36px}.brand-title{font-size:var(--font-base)}section{padding:var(--space-xl) 0}.wrap{padding:var(--space-lg) var(--space-sm)}.pricing-card{padding:var(--space-lg)}.price{font-size:var(--font-2xl)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.promise-card,.guide-block,.project-item,.step,[data-reveal-pricing],[data-reveal-addon],[data-reveal-review],[data-reveal-faq],[data-reveal-maintenance]{opacity:1!important;transform:none!important}.btn:hover,.pricing-card:hover,.addon-module:hover,.review-card:hover,.floating-cta:hover,.whatsapp-float:hover{transform:none!important}}