@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--c-bg:#fafafa;--c-surface:#fff;--c-text:#111;--c-text-secondary:#555;--c-text-muted:#888;--c-primary:#111;--c-accent:#6366f1;--c-accent-light:#eef2ff;--c-border:#e5e5e5;--c-border-light:#f0f0f0;--radius:12px;--radius-sm:8px;--radius-lg:20px;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 16px #0000000f;--shadow-lg:0 8px 32px #00000014;--max-w:1200px;--transition:.2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;scroll-padding-top:96px}body{background:var(--c-bg);color:var(--c-text);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.6}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}a.btn-primary,a.btn-accent{color:#fff}button{cursor:pointer;font-family:inherit}img{max-width:100%;display:block}.container{max-width:var(--max-w);margin:0 auto;padding:0 24px}.header{z-index:100;isolation:isolate;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--c-border-light);transition:background var(--transition), box-shadow var(--transition), border-color var(--transition);background:#fafafafe;position:fixed;top:0;left:0;right:0;overflow:visible}.header.scrolled,.header.menu-open{border-bottom-color:var(--c-border);background:#fafafa;box-shadow:0 10px 30px #1111110f}.header-inner{height:72px;max-width:var(--max-w);justify-content:space-between;align-items:center;margin:0 auto;padding:0 24px;display:flex}.nav{align-items:center;gap:32px;display:flex}.nav a{color:var(--c-text-secondary);transition:color var(--transition);font-size:14px;font-weight:500}.nav a:hover{color:var(--c-text)}.lang-toggle{border:1px solid var(--c-border);color:var(--c-text-secondary);cursor:pointer;transition:all var(--transition);background:0 0;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.lang-toggle:hover{border-color:var(--c-text);color:var(--c-text)}.header-right-mobile{align-items:center;gap:8px;display:none}.nav-mobile-toggle{background:0 0;border:none;padding:4px;display:none}.nav-mobile{z-index:99;border-top:1px solid var(--c-border-light);background:#fafafafe;flex-direction:column;gap:12px;padding:24px;display:none;position:absolute;top:calc(100% + 1px);left:0;right:0;overflow-y:auto;box-shadow:0 16px 40px #11111114}.nav-mobile.open{display:flex}.nav-mobile a{border-bottom:1px solid var(--c-border-light);padding:14px 0;font-size:18px;font-weight:500}.nav-mobile .btn{border-bottom:none;justify-content:center;margin-top:8px}.btn{border-radius:var(--radius-sm);transition:all var(--transition);border:none;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background:var(--c-primary);color:#fff;white-space:nowrap}.btn-primary:hover{box-shadow:var(--shadow-md);background:#333;transform:translateY(-1px)}.nav a.btn-primary,.nav a.btn-primary:hover,.nav-mobile a.btn-primary,.nav-mobile a.btn-primary:hover{color:#fff}.btn-outline{color:var(--c-text);border:1.5px solid var(--c-border);background:0 0}.btn-outline:hover{border-color:var(--c-text)}.btn-accent{background:var(--c-accent);color:#fff}.btn-accent:hover{opacity:.9;transform:translateY(-1px)}.btn-sm{padding:8px 16px;font-size:13px}.hero{text-align:center;padding:160px 0 100px}.hero-badge{background:var(--c-accent-light);color:var(--c-accent);border-radius:20px;margin-bottom:24px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-block}.hero h1{letter-spacing:-.03em;margin-bottom:20px;font-size:clamp(36px,5vw,64px);font-weight:700;line-height:1.1}.hero h1 .gradient{background:linear-gradient(135deg, var(--c-accent), #a855f7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero p{color:var(--c-text-secondary);max-width:600px;margin:0 auto 40px;font-size:18px;line-height:1.7}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}section[id]{scroll-margin-top:96px}.section{padding:100px 0}.section-alt{background:var(--c-surface)}.section-header{text-align:center;margin-bottom:60px}.section-header h2{letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(28px,3vw,40px);font-weight:700}.section-header p{color:var(--c-text-secondary);max-width:560px;margin:0 auto;font-size:16px;line-height:1.7}.services-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.service-card{background:var(--c-surface);border:1px solid var(--c-border-light);border-radius:var(--radius);transition:all var(--transition);height:100%;padding:28px}.service-card:hover{border-color:var(--c-border);box-shadow:var(--shadow-md);transform:translateY(-2px)}.service-card .icon-wrap{border-radius:var(--radius-sm);background:var(--c-accent-light);justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:16px;display:flex}.service-card h3{margin-bottom:8px;font-size:16px;font-weight:600}.service-card p{color:var(--c-text-secondary);margin-bottom:16px;font-size:14px;line-height:1.6}.service-meta{color:var(--c-text-muted);gap:16px;font-size:13px;display:flex}.service-meta span{align-items:center;gap:4px;display:flex}.advantages-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;display:grid}.advantage-card{border-radius:var(--radius);background:var(--c-surface);border:1px solid var(--c-border-light);height:100%;padding:32px}.advantage-card h3{margin-bottom:8px;font-size:18px;font-weight:600}.advantage-card p{color:var(--c-text-secondary);font-size:14px;line-height:1.6}.cases-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.case-card{background:var(--c-surface);border:1px solid var(--c-border-light);border-radius:var(--radius);height:100%;padding:32px;position:relative;overflow:hidden}.case-card:before{content:"";background:linear-gradient(90deg, var(--c-accent), #a855f7);height:3px;position:absolute;top:0;left:0;right:0}.case-card h3{margin-bottom:16px;font-size:18px;font-weight:600}.case-before-after{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.case-label{text-transform:uppercase;letter-spacing:.08em;border-radius:4px;margin-bottom:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.case-label.before{color:#dc2626;background:#fee2e2}.case-label.after{color:#16a34a;background:#dcfce7}.case-text{color:var(--c-text-secondary);font-size:14px;line-height:1.5}.case-metric{text-align:center;border-top:1px solid var(--c-border-light);padding-top:16px}.case-metric .value{color:var(--c-accent);font-size:32px;font-weight:700}.case-metric .label{color:var(--c-text-muted);font-size:13px}.cta-section{text-align:center;padding:100px 0}.cta-box{background:var(--c-primary);color:#fff;border-radius:var(--radius-lg);max-width:800px;margin:0 auto;padding:64px 40px}.cta-box h2{margin-bottom:16px;font-size:clamp(24px,3vw,36px);font-weight:700}.cta-box p{opacity:.8;max-width:500px;margin:0 auto 32px;font-size:16px}.contact-section{padding:100px 0}.contact-grid{grid-template-columns:1fr 1fr;align-items:start;gap:60px;display:grid}.form{flex-direction:column;gap:16px;display:flex}.form-group label{color:var(--c-text-secondary);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-group input,.form-group textarea,.form-group select{border:1.5px solid var(--c-border);border-radius:var(--radius-sm);background:var(--c-surface);width:100%;transition:border-color var(--transition);color:var(--c-text);padding:12px 16px;font-family:inherit;font-size:14px}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--c-accent);outline:none}.form-group textarea{resize:vertical;min-height:100px}.form-success{color:#166534;border-radius:var(--radius-sm);text-align:center;background:#dcfce7;padding:16px;font-size:14px;font-weight:500}.form-error{color:#991b1b;border-radius:var(--radius-sm);text-align:center;background:#fee2e2;padding:16px;font-size:14px;font-weight:500}.contact-info h2{margin-bottom:16px;font-size:32px;font-weight:700}.contact-info p{color:var(--c-text-secondary);margin-bottom:32px;line-height:1.7}.contact-links{flex-direction:column;gap:16px;display:flex}.contact-link{color:var(--c-text-secondary);transition:color var(--transition);align-items:center;gap:12px;font-size:15px;display:flex}.contact-link:hover{color:var(--c-text)}.footer{border-top:1px solid var(--c-border-light);padding:48px 0}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer-copy{color:var(--c-text-muted);font-size:13px}.footer-links{gap:24px;display:flex}.footer-links a{color:var(--c-text-muted);transition:color var(--transition);font-size:13px}.footer-links a:hover{color:var(--c-text)}.footer-social{align-items:center;gap:16px;display:flex}.footer-social-link{width:36px;height:36px;transition:all var(--transition);border-radius:8px;justify-content:center;align-items:center;display:flex}.footer-social-link:hover{background:var(--c-border-light)}.footer-social-link:hover svg{fill:var(--c-text)!important}.admin-layout{min-height:100vh;padding-top:72px;display:flex}.admin-sidebar{background:var(--c-surface);border-right:1px solid var(--c-border-light);width:240px;padding:24px 16px;position:fixed;top:72px;bottom:0;overflow-y:auto}.admin-sidebar a{border-radius:var(--radius-sm);color:var(--c-text-secondary);transition:all var(--transition);margin-bottom:4px;padding:10px 16px;font-size:14px;font-weight:500;display:block}.admin-sidebar a:hover,.admin-sidebar a.active{background:var(--c-accent-light);color:var(--c-accent)}.admin-content{flex:1;margin-left:240px;padding:32px}.admin-card{background:var(--c-surface);border:1px solid var(--c-border-light);border-radius:var(--radius);margin-bottom:20px;padding:24px}.admin-card h3{margin-bottom:16px;font-size:16px;font-weight:600}.admin-service-item{border:1px solid var(--c-border-light);border-radius:var(--radius-sm);margin-bottom:12px;padding:16px}.admin-service-item h4{margin-bottom:8px;font-size:14px;font-weight:600}.admin-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.admin-actions{gap:8px;margin-top:12px;display:flex}.badge{border-radius:4px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.badge-green{color:#16a34a;background:#dcfce7}.badge-blue{color:#2563eb;background:#dbeafe}@media (width<=768px){html{scroll-padding-top:88px}.container{padding:0 20px}.nav{display:none}.header-right-mobile{display:flex}.nav-mobile-toggle,.nav-mobile-toggle svg{display:block}.nav-mobile{opacity:0;visibility:hidden;pointer-events:none;min-height:calc(100dvh - 73px);max-height:calc(100dvh - 73px);transition:opacity var(--transition), transform var(--transition), visibility 0s linear var(--transition);display:flex;transform:translateY(-8px)}.nav-mobile.open{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:translateY(0)}.hero{padding:112px 0 64px}.hero h1{margin-bottom:16px}.hero p{margin-bottom:28px;font-size:17px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{justify-content:center;width:100%}section[id]{scroll-margin-top:88px}.section{padding:64px 0}.section-header{margin-bottom:36px}.services-grid,.advantages-grid,.cases-grid{grid-template-columns:1fr}.service-card,.advantage-card,.case-card{padding:24px}.cta-section{padding:64px 0}.cta-box{padding:40px 24px}.contact-section{padding:64px 0}.contact-grid{grid-template-columns:1fr;gap:40px}.contact-info h2{font-size:26px}.footer{padding:32px 0}.footer-inner{text-align:center;flex-direction:column}.admin-sidebar{display:none}.admin-content{margin-left:0}.admin-grid{grid-template-columns:1fr}}
