:root{--bg:#f7f8fb;--card:#fff;--text:#1e2430;--muted:#64748b;--brand:#ff7043;--brand-dark:#f05a28;--line:#e4e8f1;--admin-bg:#111827;--admin-panel:#1f2937;--admin-text:#f3f4f6;--ok:#0ea5a4}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(circle at top left,#fff4eb 0%,var(--bg)35%);min-height:100vh;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK SC,Source Han Sans SC,sans-serif}a{color:inherit;text-decoration:none}.site-shell{flex-direction:column;min-height:100vh;display:flex}.site-container{width:min(1120px,100% - 32px);margin:0 auto}.site-header{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#ffffffe6;position:sticky;top:0}.site-header-inner{justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.brand-wrap{align-items:center;gap:10px;display:flex}.brand-wrap strong{display:block}.brand-wrap p{color:var(--muted);margin:0;font-size:12px}.brand-mark{color:#fff;background:linear-gradient(135deg,var(--brand),#f8961e);border-radius:10px;place-items:center;width:38px;height:38px;font-weight:700;display:grid}.site-nav{color:#334155;flex-wrap:wrap;gap:12px;font-size:14px;display:flex}.site-nav a:hover,.admin-link:hover{color:var(--brand-dark)}.admin-link{font-size:14px;font-weight:600}.hero{color:#fff;background:linear-gradient(120deg,#ff7043eb,#243155e6);padding:80px 0}.eyebrow{opacity:.92;letter-spacing:2px;margin:0;font-size:13px}.hero h1{margin:14px 0 8px;font-size:clamp(30px,6vw,48px)}.hero p{max-width:640px;margin:0;line-height:1.7}.hero-button{color:var(--brand-dark);background:#fff;border-radius:999px;margin-top:24px;padding:12px 24px;font-weight:700;display:inline-block}.site-section{padding:44px 0}.section-title{margin:0;font-size:clamp(28px,5vw,40px)}.section-subtitle{color:var(--muted);margin:10px 0 24px}.panel-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.panel{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 10px 28px #0f172a0d}.panel h2,.panel h1{margin-top:0}.panel p{color:#334155;line-height:1.6}.kv-list,.contact-list{color:#334155;margin:0;padding-left:18px}.logo-wall{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:14px;display:grid}.logo-item{border:1px solid var(--line);background:#fff;border-radius:14px;place-items:center;min-height:92px;display:grid;overflow:hidden}.logo-item img{object-fit:cover;width:100%;max-width:100%}.faq-wrap{gap:14px;display:grid}.faq-list{gap:10px;display:grid}.faq-list details{border:1px solid var(--line);border-radius:10px;padding:10px 12px}.faq-list summary{cursor:pointer;font-weight:600}.contact-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.contact-form{gap:12px;display:grid}.contact-form label,.login-card label{color:#334155;gap:6px;font-size:14px;display:grid}input,textarea,select,button{font:inherit}input,textarea,select{background:#fff;border:1px solid #cbd5e1;border-radius:10px;width:100%;padding:10px 12px}button{background:var(--brand);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:10px 14px}button:disabled{opacity:.6;cursor:not-allowed}.form-message{color:var(--ok);margin:0}.site-footer{border-top:1px solid var(--line);background:#fff;margin-top:auto}.site-footer .site-container{color:var(--muted);padding:18px 0;font-size:13px}.login-shell{background:linear-gradient(120deg,#fef2e8,#e6edf9);place-items:center;min-height:100vh;display:grid}.login-card{border:1px solid var(--line);background:#fff;border-radius:16px;gap:12px;width:min(420px,100% - 32px);padding:24px;display:grid}.login-card h1{margin:0}.login-card p{color:var(--muted);margin:0}.admin-loading{color:#fff;background:#0f172a;place-items:center;min-height:100vh;display:grid}.admin-shell{background:#0b1220;grid-template-columns:240px 1fr;min-height:100vh;display:grid}.admin-sidebar{background:var(--admin-bg);color:var(--admin-text);border-right:1px solid #233042;padding:20px 14px}.admin-brand{margin-bottom:16px;font-weight:700}.admin-sidebar nav{gap:8px;display:grid}.admin-sidebar a{color:#d1d5db;border-radius:8px;padding:9px 10px;font-size:14px}.admin-sidebar a.active,.admin-sidebar a:hover{color:#fff;background:#1f2c44}.admin-main{grid-template-rows:auto 1fr;display:grid}.admin-header{color:#fff;background:#0f172a;border-bottom:1px solid #233042;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.admin-header h1{margin:0;font-size:20px}.admin-content{background:#edf2fb;padding:20px}.crud-page{gap:16px;display:grid}.crud-title-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.crud-title-row h2{margin:0}.crud-title-row p{color:var(--muted);margin:4px 0 0}.crud-filters{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-bottom:10px;display:grid}.crud-filters label{gap:6px;display:grid}.crud-filters span{color:#475569;font-size:13px}.crud-notice{color:#0369a1;margin:8px 0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;border:1px solid var(--line);background:#fff;border-radius:12px;width:100%;overflow:hidden}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:10px 12px;font-size:14px}th{color:#334155;background:#f8fafc}.row-actions{flex-wrap:wrap;gap:8px;display:flex}.row-actions button{padding:6px 10px;font-size:13px}.pagination{align-items:center;gap:10px;margin-top:12px;display:flex}.modal-mask{z-index:100;background:#0f172a80;place-items:center;display:grid;position:fixed;inset:0}.modal-card{background:#fff;border-radius:14px;width:min(860px,100% - 30px);max-height:calc(100vh - 60px);padding:18px;overflow:auto}.modal-card h3{margin-top:0}.form-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;display:grid}.form-grid label{gap:6px;display:grid}.form-grid label small{color:var(--muted);font-size:12px;line-height:1.4}.modal-actions{justify-content:flex-end;gap:10px;margin-top:12px;display:flex}@media (max-width:980px){.site-header-inner{flex-wrap:wrap}.contact-grid,.admin-shell{grid-template-columns:1fr}.admin-sidebar{border-bottom:1px solid #233042;border-right:0}.admin-sidebar nav{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}
.sdz-shell{color:#1a1a2e;background:linear-gradient(#f4f5ff 0%,#fff 40%,#f8f9fb 100%);flex-direction:column;min-height:100vh;display:flex}.sdz-header{z-index:20;background:#fff;border-bottom:1px solid #0000000d;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:32px;max-width:1200px;margin:0 auto;padding:16px 20px;display:flex;position:relative}.brand{flex-direction:row;align-items:center;gap:10px;display:flex}.brand-logo{flex-shrink:0;width:32px;height:32px}.brand-text{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.brand-title{width:auto;height:26px;display:block}.brand-tagline{color:#00000080;margin:0;font-size:12px}.sdz-header nav{gap:16px;display:flex}.nav-item{cursor:pointer;color:#555;background:0 0;border:none;border-radius:12px;padding:8px 12px;font-weight:500}.nav-item.active{color:#4776e6;background:#4776e61a}.mobile-toggle{cursor:pointer;flex-direction:column;gap:5px;display:none}.mobile-toggle span{background:#4776e6;width:24px;height:3px}.sdz-content{flex-direction:column;flex:1;gap:40px;padding:20px;display:flex}.sdz-page{width:100%}.sdz-page.page-fade-up{animation:.45s page-fade-up}.sdz-page.page-fade-right{animation:.45s page-fade-right}.sdz-page.page-fade-left{animation:.45s page-fade-left}.sdz-page.page-zoom{animation:.45s page-zoom}@keyframes page-fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes page-fade-right{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}@keyframes page-fade-left{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}@keyframes page-zoom{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.overview{width:100%;max-width:1200px;margin:0 auto}.sdz-footer{color:#fff;background:linear-gradient(135deg,#1a1a2e,#2a2a72);margin-top:auto}.footer-container{grid-template-columns:1fr 2fr;align-items:start;gap:40px;max-width:1200px;margin:0 auto;padding:50px 20px 30px;display:grid}.footer-brand h2{margin:0 0 8px;font-size:24px}.footer-brand p{color:#ffffffb3;margin:4px 0;font-size:14px}.footer-columns{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.footer-column h3{margin:0 0 16px;font-size:16px;font-weight:600}.footer-column ul{margin:0;padding:0;list-style:none}.footer-column li{align-items:center;margin-bottom:12px;display:flex}.footer-column button{color:#ffffffb3;cursor:pointer;text-align:left;background:0 0;border:none;width:100%;padding:0;font-size:14px;transition:color .2s}.footer-column button:hover{color:#fff;text-decoration:underline}.footer-column li>span:not(.contact-icon){color:#ffffffb3;font-size:14px;line-height:1.5}.contact-icon{margin-right:8px;font-size:16px;display:inline-block}.footer-bottom{text-align:center;border-top:1px solid #ffffff1a;padding:20px}.footer-slogan{color:#ffffff80;margin:0 0 8px;font-size:12px}.footer-bottom p{color:#fff9;margin:0;font-size:13px}.footer-bottom a{color:#fff9;text-decoration:none}.footer-bottom a:hover{color:#fff;text-decoration:underline}.banner-section{border-radius:16px;width:100%;height:500px;margin-bottom:40px;position:relative;overflow:hidden;box-shadow:0 8px 24px #0000001a}.banner-container{border-radius:16px;width:100%;height:100%;position:relative;overflow:hidden}.banner-item{opacity:0;cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:16px;width:100%;height:100%;transition:opacity .8s ease-in-out;position:absolute;inset:0}.banner-item.active{opacity:1;z-index:1}.banner-indicators{z-index:10;gap:8px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.indicator{cursor:pointer;background:#ffffff80;border-radius:50%;width:10px;height:10px;transition:all .3s}.indicator.active{background:#fff;border-radius:5px;width:24px}.indicator:hover{background:#fffc}.advantages-section{width:100%;margin-bottom:40px;padding:60px 20px}.advantages-header,.section-header{text-align:center;margin-bottom:50px}.section-label{letter-spacing:4px;color:#8e54e9;margin:0 0 12px;font-size:13px;font-weight:600}.advantages-title,.section-title{color:#1a1a2e;margin:0 0 12px;font-size:36px;font-weight:700}.section-subtitle{color:#666;margin:0;font-size:18px}.advantages-grid{grid-template-columns:repeat(4,1fr);gap:30px;max-width:1200px;margin:0 auto;display:grid}.advantage-card{text-align:center;background:#fff;border:1px solid #0000000d;border-radius:12px;padding:32px 24px;transition:all .3s;box-shadow:0 2px 8px #00000014}.advantage-card:hover{border-color:#4776e6;transform:translateY(-8px);box-shadow:0 8px 24px #0000001f}.advantage-icon{background:linear-gradient(135deg,#4776e6 0%,#3a62c4 100%);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;display:flex;position:relative;overflow:hidden}.advantage-icon:before{content:"";background:radial-gradient(circle,#ffffff4d 0%,#0000 70%);width:200%;height:200%;animation:3s infinite shine;position:absolute;top:-50%;left:-50%}@keyframes shine{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icon-placeholder{z-index:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.icon-text{font-size:40px;line-height:1}.advantage-title{margin:0 0 12px;font-size:20px;font-weight:600}.advantage-desc{color:#666;margin:0;font-size:14px;line-height:1.6}.why-choose-us-section,.comparison-section{width:100%;margin-bottom:40px;padding:80px 20px}.reasons-grid{grid-template-columns:repeat(3,1fr);gap:30px;max-width:1200px;margin:0 auto;display:grid}.reason-card{opacity:0;background:#fff;border:1px solid #0000000d;border-radius:16px;padding:32px 28px;transition:all .3s;position:relative;transform:translateY(30px);box-shadow:0 4px 12px #00000014}.reason-card.visible{opacity:1;transform:translateY(0)}.reason-card:hover{border-color:#4776e6;transform:translateY(-8px);box-shadow:0 12px 32px #0000001f}.reason-number{color:#4776e61a;font-size:48px;font-weight:700;position:absolute;top:20px;right:20px}.reason-title{margin:0 0 16px;font-size:22px;font-weight:600}.reason-desc{color:#666;margin:0;font-size:15px;line-height:1.7}.comparison-table-wrapper{max-width:1000px;margin:0 auto;overflow-x:auto}.comparison-table{border-collapse:collapse;background:#fff;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 4px 20px #00000014}.comparison-table thead{color:#fff;background:linear-gradient(135deg,#4776e6 0%,#3a62c4 100%)}.comparison-table th{text-align:center;padding:20px 24px;font-size:16px;font-weight:600}.comparison-table th.feature-col{text-align:left}.feature-col{width:30%}.product-col{text-align:center;width:35%}.comparison-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.comparison-table tbody tr:hover{background-color:#f8f9ff}.comparison-table tbody tr:last-child{border-bottom:none}.comparison-table td{color:#333;padding:20px 24px;font-size:15px}.feature-name{color:#1a1a2e;font-weight:600}.product-cell{text-align:center;white-space:nowrap}.our-product{color:#4776e6;font-weight:500}.other-product{color:#666}.check-mark{color:#2ecc71;margin-right:8px;font-size:18px;font-weight:700}.cross-mark{color:#e74c3c;margin-right:8px;font-size:18px;font-weight:700}.business{flex-direction:column;gap:40px;max-width:1000px;margin:0 auto;display:flex}.business .section-header p:first-child,.success-case .section-header p:first-child,.products .section-header p:first-child,.contact .section-header p:first-child{letter-spacing:4px;color:#8e54e9;font-size:13px}.business-list{flex-direction:column;gap:20px;display:flex}.business-card{opacity:0;background:#fff;border-radius:16px;align-items:center;min-height:140px;padding:24px 28px;transition:all .6s cubic-bezier(.4,0,.2,1);display:flex;transform:translateY(30px);box-shadow:0 8px 24px #3a467b14}.business-card.visible{opacity:1;transform:translateY(0)}.business-card.reverse{flex-direction:row-reverse}.card-overview{text-align:center;flex-direction:column;flex:0 0 160px;justify-content:center;align-items:center;padding-right:24px;display:flex}.business-card.reverse .card-overview{padding-left:24px;padding-right:0}.card-overview .icon{margin-bottom:12px;font-size:48px}.card-overview h3{margin:0;font-size:20px}.card-content{flex-direction:column;flex:1;gap:14px;display:flex}.description{color:#555;margin:0;font-size:15px;line-height:1.6}.tech-tags{flex-wrap:wrap;gap:6px;display:flex}.tech-tag{color:#4776e6;background:#f8f9ff;border:1px solid #4776e633;border-radius:12px;padding:4px 12px;font-size:12px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;display:grid}.stat-card{color:#fff;background:linear-gradient(135deg,#1a1a2e,#2a2a72);border-radius:16px;padding:24px;box-shadow:0 20px 40px #1a1a2e40}.success-case{flex-direction:column;gap:50px;display:flex}.success-case .section-header h2,.contact .section-header h2{margin:0 0 12px;font-size:36px}.success-case .section-header p:last-child,.contact .subtitle{color:#666;margin:0;font-size:16px}.cases-list{flex-direction:column;gap:32px;max-width:960px;margin:0 auto;display:flex}.case-row{background:#fff;border-radius:18px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:32px;padding:32px;transition:all .3s;display:grid;box-shadow:0 20px 40px #3a467b14}.case-row:hover{transform:translateY(-8px);box-shadow:0 24px 48px #3a467b1f}.case-row.reverse{direction:rtl}.case-row.reverse .case-content,.case-row.reverse .case-illustration{direction:ltr}.case-label{color:#8e54e9;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px;font-size:13px}.case-content h3{margin:0;font-size:20px}.case-desc{color:#666;font-size:14px;line-height:1.6}.case-highlights{margin:18px 0 0;padding:0;list-style:none}.case-highlights li{color:#1f2933;margin-bottom:8px;padding-left:18px;font-size:14px;position:relative}.case-highlights li:before{content:"";background:#4776e6;border-radius:50%;width:6px;height:6px;position:absolute;top:8px;left:0}.case-tags{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.tag{color:#4776e6;background:#f8f9ff;border-radius:12px;padding:4px 12px;font-size:12px;font-weight:500}.case-figure{background:#f8f9ff;border-radius:24px;width:100%;max-width:320px;overflow:hidden}.case-figure img{width:100%;height:auto;display:block}.case-illustration{flex-direction:column;align-items:center;gap:12px;display:flex}.customer-wall{background:0 0;width:100%;margin-top:36px;padding:48px 20px;position:relative;overflow:hidden}.wall-inner{background:linear-gradient(#f6f7ff 0%,#fff 70%,#f8fafc 100%);border-radius:32px;max-width:960px;margin:0 auto;padding:32px 40px;box-shadow:0 18px 40px #0f172a14}.wall-title{color:#1a1a2e;text-align:center;margin:0 0 30px;font-size:24px;font-weight:700}.wall-wrapper{flex-direction:column;gap:18px;display:flex;overflow:hidden}.wall-row{align-items:center;width:100%;height:72px;display:flex;position:relative;overflow:hidden}.wall-scroll{gap:20px;width:fit-content;animation:linear infinite scroll-left;display:flex}.wall-scroll.reverse{animation:linear infinite scroll-right}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scroll-right{0%{transform:translate(-50%)}to{transform:translate(0)}}.customer-avatar{cursor:pointer;background:#fff;border:2px solid #ffffff4d;border-radius:50%;flex-shrink:0;transition:all .3s;overflow:hidden;box-shadow:0 4px 12px #00000026}.customer-avatar:hover{z-index:10;border-color:#fffc;transform:scale(1.15);box-shadow:0 6px 18px #0000004d}.avatar-image{object-fit:cover;width:100%;height:100%}.wall-empty{text-align:center;color:#999;padding:40px 20px;font-size:14px}.products{flex-direction:column;gap:30px;display:flex}.products .section-header{margin-bottom:0}.product-loading{color:#666;flex-direction:column;align-items:center;gap:12px;display:flex}.spinner{border:4px solid #4776e633;border-top-color:#4776e6;border-radius:50%;width:36px;height:36px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.product-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;display:grid}.product-card{background:#fff;border-radius:20px;flex-direction:column;gap:12px;padding:24px;display:flex;box-shadow:0 25px 40px #17337214}.product-head{justify-content:space-between;align-items:center;display:flex}.module{color:#8e54e9;letter-spacing:2px;font-size:12px}.status{border-radius:999px;padding:4px 12px;font-size:12px}.status.online{color:#2ed573;background:#2ed5731f}.status.offline{color:#ff6b6b;background:#ff6b6b1f}.product-meta{color:#666;flex-wrap:wrap;gap:12px;font-size:13px;display:flex}.product-meta span{color:#4776e6;background:#4776e614;border-radius:999px;padding:4px 10px}.feature-points{color:#555;margin:0;padding-left:18px}.product-actions{gap:12px;margin-top:auto;display:flex}.btn{cursor:pointer;border:none;border-radius:999px;padding:10px 20px;font-weight:600}.btn-secondary{color:#fff;background:linear-gradient(135deg,#ff6b6b,#f06595)}.btn-outline{color:#4776e6;background:0 0;border:1px solid #4776e680}.product-empty{text-align:center;color:#555;background:#fff;border-radius:18px;flex-direction:column;align-items:center;gap:16px;padding:40px 20px;display:flex;box-shadow:0 20px 40px #11245314}.faq-page{max-width:1000px;margin:0 auto;padding:40px 20px}.search-section{justify-content:center;margin-bottom:40px;display:flex}.search-box{width:100%;max-width:600px}.search-input-wrap{position:relative}.search-box input{border:1px solid #e4e7ed;border-radius:24px;width:100%;padding:12px 46px 12px 20px;box-shadow:0 2px 12px #0000001a}.search-icon{color:#909399;pointer-events:none;font-size:15px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.category-tabs{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:40px;display:flex}.tab-item{cursor:pointer;color:#606266;-webkit-user-select:none;user-select:none;background:#f5f7fa;border-radius:20px;padding:10px 24px;font-size:14px;transition:all .3s}.tab-item:hover{color:#409eff;background:#e8eaf0}.tab-item.active{color:#fff;background:#409eff;font-weight:500}.faq-content{min-height:400px}.loading-wrapper{text-align:center;color:#909399;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;display:flex}.loading-spinner{border:4px solid #409eff33;border-top-color:#409eff;border-radius:50%;width:32px;height:32px;animation:1s linear infinite spin}.faq-section{margin-bottom:40px}.faq-section .section-title{color:#303133;text-align:center;margin:0 0 20px;padding-bottom:12px;font-size:22px;font-weight:600;position:relative}.faq-section .section-title:after{content:"";background:linear-gradient(90deg,#409eff,#66b1ff);border-radius:2px;width:60px;height:3px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.faq-list{flex-direction:column;gap:12px;display:flex}.faq-item-card{background:#fff;border:1px solid #e4e7ed;border-radius:8px;transition:all .3s;overflow:hidden}.faq-item-card:hover{border-color:#409eff;box-shadow:0 2px 12px #409eff26}.faq-question{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.faq-question:hover{background-color:#f5f7fa}.question-text{color:#303133;flex:1;font-size:15px;font-weight:500}.expand-icon{color:#909399;font-size:14px;transition:transform .3s}.expand-icon.expanded{color:#409eff;transform:rotate(180deg)}.faq-answer{border-top:1px solid #f0f2f5;padding:0 20px 18px}.faq-answer p{color:#606266;white-space:pre-wrap;margin:16px 0 0;font-size:14px;line-height:1.8}.empty-state{text-align:center;padding:60px 20px}.contact{flex-direction:column;gap:50px;max-width:1100px;margin:0 auto;display:flex}.subtitle{color:#666;margin:0;font-size:16px}.contact-content{grid-template-columns:.9fr 1.1fr;align-items:flex-start;gap:40px;display:grid}.contact-section{box-shadow:none;background:0 0;border-radius:0;flex-direction:column;height:100%;padding:0;display:flex}.contact-form-section{background:#fff;border-radius:18px;flex-direction:column;height:100%;padding:32px;display:flex;box-shadow:0 20px 40px #131e3a14}.contact-section h3,.contact-form-section h3{color:#1a1a2e;margin:0 0 12px;font-size:24px}.section-desc{color:#666;margin-bottom:24px;font-size:15px;line-height:1.6}.contact-methods{flex-direction:column;flex:1;gap:16px;display:flex}.contact-method-card{background:#f8f9ff;border-radius:12px;align-items:center;gap:16px;padding:16px;display:flex}.follow-card{background:#fff;border:1px solid #4776e614}.contact-method-card .icon{color:#fff;background:linear-gradient(135deg,#4776e6,#8e54e9);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.icon-img{width:32px;height:32px;display:block}.method-info h4{color:#1a1a2e;margin:0 0 4px;font-size:16px}.method-info p{color:#666;margin:0;font-size:14px}.contact-links{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.follow-title{color:#1a1a2e;font-size:16px;font-weight:600}.follow-icons{align-items:center;gap:12px;display:flex}.follow-icon{cursor:default;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:flex;box-shadow:0 0 0 1px #4776e60d}.follow-icon img{width:22px;height:22px;display:block}.contact-form{flex-direction:column;flex:1;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#1a1a2e;font-size:14px;font-weight:500}.required{color:#ff6b6b}.form-group input,.form-group select,.form-group textarea{color:#1a1a2e;background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:12px 16px;font-size:14px}.form-group textarea{resize:vertical}.btn-primary{color:#fff;background:linear-gradient(135deg,#4776e6,#8e54e9);margin-top:8px}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #4776e64d}.contact-notice{color:#3b82f6;margin-top:12px;font-size:14px}@media (max-width:1024px){.advantages-grid,.reasons-grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media (max-width:768px){.header-inner{gap:16px;padding:16px}.sdz-header nav{background:#fff;border-radius:12px;flex-direction:column;max-height:calc(100vh - 90px);padding:12px;display:none;position:absolute;top:70px;left:16px;right:16px;overflow-y:auto;box-shadow:0 12px 30px #00000026}.sdz-header nav.active,.mobile-toggle{display:flex}.sdz-content{padding:16px}.footer-container{grid-template-columns:1fr;gap:30px;padding:40px 20px 20px}.footer-columns{grid-template-columns:1fr;gap:24px}.footer-brand{text-align:center}.banner-section{border-radius:12px;height:400px}.advantages-section,.why-choose-us-section,.comparison-section{padding:60px 16px}.advantages-title,.section-title{font-size:28px}.advantages-grid,.reasons-grid{grid-template-columns:1fr;gap:20px}.business{gap:30px}.business .section-header h2{font-size:24px}.business-list{gap:24px}.business-card,.business-card.reverse{min-height:auto;padding:30px 24px;flex-direction:column!important}.card-overview,.business-card.reverse .card-overview{flex:none;width:100%;padding:0 0 24px!important}.stats-grid{grid-template-columns:1fr;gap:16px}.success-case{gap:40px}.success-case .section-header h2{font-size:28px}.cases-list{gap:24px}.case-row{grid-template-columns:1fr;padding:24px}.customer-wall{padding:28px 16px}.wall-inner{border-radius:24px;padding:24px 20px}.wall-title{margin-bottom:20px;font-size:20px}.wall-row{height:60px}.product-grid{grid-template-columns:1fr;gap:16px}.product-card{padding:20px}.product-actions{flex-direction:column}.product-actions .btn{width:100%}.faq-page{padding:24px 16px}.search-section{margin-bottom:24px}.category-tabs{gap:8px;margin-bottom:24px}.tab-item{padding:8px 16px;font-size:13px}.faq-section .section-title{font-size:18px}.faq-question{padding:14px 16px}.contact{gap:30px}.contact .section-header h2{font-size:28px}.contact-content{grid-template-columns:1fr;gap:24px}.contact-section,.contact-form-section{padding:24px}.contact-section h3,.contact-form-section h3{font-size:20px}}@media (max-width:480px){.brand{gap:8px}.brand-logo{width:24px;height:24px}.brand-title{height:20px}.brand-tagline{font-size:10px}.footer-container{padding:30px 16px 16px}.banner-section{height:300px}.advantages-title,.section-title,.success-case .section-header h2,.contact .section-header h2{font-size:24px}.business .section-header h2,.products .section-header h2{font-size:20px}.business-card,.case-row,.product-card,.contact-section,.contact-form-section{padding:20px}.category-tabs{flex-wrap:nowrap;justify-content:flex-start;padding-bottom:8px;overflow-x:auto}.tab-item{flex-shrink:0}}
