*{box-sizing:border-box;margin:0;padding:0}
.bm-wrap{width: 100%;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, .08);
    animation: floatCard 6s ease-in-out infinite;
    box-shadow: 0 32px 80px rgba(0, 0, 0, .6);
    margin: 0 auto;}
.bm-browser{border-radius:14px;overflow:hidden;border:0.5px solid var(--color-border-secondary);background:var(--color-background-primary)}
.bm-chrome{background:var(--color-background-secondary);padding:10px 14px;display:flex;align-items:center;gap:10px;border-bottom:0.5px solid var(--color-border-tertiary)}
.bm-dots{display:flex;gap:5px}
.bm-dot{width:10px;height:10px;border-radius:50%}
.bm-dot-r{background:#ff5f57}.bm-dot-y{background:#febc2e}.bm-dot-g{background:#28c840}
.bm-url{flex: 1;background: #2a2a2a;border-radius: 20px;padding: 3px 12px;font-size: 10px;color: #888;text-align: center;max-width: 300px;margin: 0 auto;}
.bm-tabs{display:flex;gap:2px;font-size:10px}
.bm-tab{padding:3px 10px;border-radius:6px 6px 0 0;font-size:10px;color:var(--color-text-secondary);border:0.5px solid transparent}
.bm-tab-active{background:var(--color-background-primary);border-color:var(--color-border-tertiary);color:var(--color-text-primary);border-bottom-color:var(--color-background-primary)}
.bm-app{display:flex;flex-direction:column;background:var(--color-background-primary)}
.bm-toolbar{height:38px;background:var(--color-background-secondary);border-bottom:0.5px solid var(--color-border-tertiary);display:flex;align-items:center;padding:0 10px;gap:8px}
.bm-tool-section{display:flex;gap:2px;padding:0 6px;border-right:0.5px solid var(--color-border-tertiary)}
.bm-tool-section:last-child{border-right:none}
.bm-btn{padding:4px 8px;border-radius:6px;border:0.5px solid var(--color-border-tertiary);background:var(--color-background-primary);font-size:10px;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;gap:4px;transition:background 0.15s}
.bm-btn:hover{background:var(--color-background-tertiary)}
.bm-btn-active{background:#7F77DD20;border-color:#7F77DD;color:#534AB7}
.bm-icon{width:14px;height:14px;display:flex;align-items:center;justify-content:center}
.bm-workspace{display:flex;min-height:320px}
.bm-sidebar-l{width:180px;border-right:0.5px solid var(--color-border-tertiary);background:#1a1a1a;display:flex;flex-direction:column;flex-shrink:0}
.bm-sidebar-r{width:172px;border-left:0.5px solid var(--color-border-tertiary);background:var(--color-background-secondary);display:flex;flex-direction:column;flex-shrink:0}
.bm-panel-head{padding:8px 10px;font-size:11px;font-weight:500;color:var(--color-text-secondary);border-bottom:0.5px solid var(--color-border-tertiary);display:flex;align-items:center;justify-content:space-between}
.bm-panel-add{width:16px;height:16px;border-radius:4px;border:0.5px solid var(--color-border-tertiary);background:var(--color-background-primary);font-size:11px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-secondary)}
.bm-layers{padding:6px 0;flex:1;overflow:hidden}
.bm-layer{display:flex;align-items:center;gap:6px;padding:5px 10px;font-size:10px;color:var(--color-text-secondary);cursor:pointer;transition:background 0.1s}
.bm-layer:hover{background:var(--color-background-primary)}
.bm-layer-active{background:#7F77DD15;color:#534AB7}
.bm-layer-icon{width:12px;height:12px;border-radius:2px;flex-shrink:0}
.bm-li-frame{background:#B5D4F4;border:0.5px solid #378ADD}
.bm-li-rect{background:#C0DD97;border:0.5px solid #639922}
.bm-li-text{background:#F4C0D1;border:0.5px solid #D4537E}
.bm-li-circle{background:#FAC775;border:0.5px solid #BA7517}
.bm-li-group{background:#CECBF6;border:0.5px solid #534AB7}
.bm-layer-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bm-layer-indent{margin-left:14px}
.bm-canvas{flex:1;position:relative;overflow:hidden;background:var(--color-background-tertiary)}
.bm-canvas-dots{position:absolute;inset:0;background-image:radial-gradient(circle, var(--color-border-tertiary) 1px, transparent 1px);background-size:18px 18px}
.bm-canvas-inner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.bm-artboard{position:relative;background:linear-gradient(135deg, #1e293b 0%, #0f172a 50%, #111827 100%);;border-radius:8px;width:280px;height:210px;border:0.5px solid var(--color-border-secondary)}
.bm-artboard-label{position:absolute;top:-18px;left:0;font-size:10px;color:var(--color-text-tertiary)}
.bm-page-nav{position:absolute;top:0;left:0;right:0;height:32px;background:#1a1a2e;border-radius:8px 8px 0 0;display:flex;align-items:center;padding:0 10px;gap:8px}
.bm-nav-dot{width:6px;height:6px;border-radius:50%;background:#ffffff30}
.bm-nav-dot-a{background:#7F77DD}
.bm-nav-links{display:flex;gap:10px;margin-left:auto}
.bm-nav-link{font-size:8px;color:#ffffff60}
.bm-nav-link-a{color:#fff}
.bm-hero{position:absolute;top:32px;left:0;right:0;bottom:0;padding:12px}
.bm-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;height:100%}
.bm-hero-text{display:flex;flex-direction:column;gap:6px;justify-content:center}
.bm-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: #EEEDFE;
    border: 0.5px solid #AFA9EC;
    color: #534AB7;
    padding: 2px 7px;
    border-radius: 4px;
    font-size: 5px;
    font-weight: 500;
}
	.bm-hero-h {
    font-size: 12px;
    font-weight: 800;
    color: #fff;
    margin: 0;
    line-height: 1.2;
}
.bm-hero-h span{background:linear-gradient(135deg,#534AB7,#D4537E);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.bm-hero-p{font-size:7px;color:#64748b;line-height:1.5}
.bm-hero-btns{display:flex;gap:4px}
.bm-hbtn-p {
    background: #534AB7;
    color: #fff;
    border: none;
    border-radius: 4px;
    padding: 4px 8px;
    font-size: 5px;
    font-weight: 500;
}
.bm-hbtn-s {
    background: transparent;
    color: #534AB7;
    border: 0.5px solid #534AB7;
    border-radius: 4px;
    padding: 4px 8px;
    font-size: 5px;
}
	.bm-hero-vis{display:flex;align-items:center;justify-content:center}
.bm-card{background:#f8fafc;border:0.5px solid #e2e8f0;border-radius:6px;padding:8px;width:100%}
.bm-card-head{display:flex;gap:4px;margin-bottom:6px}
.bm-spark{width:4px;height:4px;border-radius:50%}
.bm-s1{background:#534AB7}.bm-s2{background:#D4537E}.bm-s3{background:#1D9E75}
.bm-chart-bars{display:flex;align-items:flex-end;gap:2px;height:32px;margin-bottom:4px}
.bm-bar{flex:1;border-radius:2px 2px 0 0}
.bm-card-val{font-size:11px;font-weight:500;color:#0f172a}
.bm-card-lbl{font-size:7px;color:#94a3b8}
.bm-selection{position:absolute;top:40px;left:148px;width:64px;height:60px;border:1.5px solid #7F77DD;border-radius:2px;pointer-events:none}
.bm-sel-h{position:absolute;width:5px;height:5px;background:var(--color-background-primary);border:1px solid #7F77DD;border-radius:50%}
.bm-sel-tl{top:-3px;left:-3px}.bm-sel-tr{top:-3px;right:-3px}
.bm-sel-bl{bottom:-3px;left:-3px}.bm-sel-br{bottom:-3px;right:-3px}
.bm-sel-tag{position:absolute;bottom:-16px;left:50%;transform:translateX(-50%);background:#7F77DD;color:#fff;font-size:7px;padding:1px 6px;border-radius:3px;white-space:nowrap}
.bm-right-section{padding:8px 10px;border-bottom:0.5px solid var(--color-border-tertiary)}
.bm-right-title{font-size:10px;font-weight:500;color:var(--color-text-secondary);margin-bottom:7px}
.bm-prop-row{display:flex;gap:4px;margin-bottom:4px}
.bm-input-g{flex:1;display:flex;flex-direction:column;gap:2px}
.bm-input-g label{font-size:8px;color:var(--color-text-tertiary)}
.bm-input-g input{background:var(--color-background-primary);border:0.5px solid var(--color-border-tertiary);border-radius:4px;padding:2px 5px;font-size:9px;color:var(--color-text-primary);text-align:center;outline:none;width:100%}
.bm-fill-item{display:flex;align-items:center;gap:6px;background:var(--color-background-primary);border:0.5px solid var(--color-border-tertiary);border-radius:4px;padding:4px 7px;font-size:9px;color:var(--color-text-secondary);margin-bottom:4px}
.bm-fill-swatch{width:12px;height:12px;border-radius:2px;flex-shrink:0}
.bm-color-stages{display:flex;flex-direction:column;gap:2px;margin-top:8px}
.bm-stage{display:flex;align-items:center;gap:5px;padding:3px 6px;border-radius:4px;font-size:9px;color:var(--color-text-secondary);border:0.5px solid transparent}
.bm-stage-active{background:#EEEDFE;border-color:#AFA9EC;color:#534AB7}
.bm-stage-done{color:var(--color-text-tertiary)}
.bm-stage-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}
.bm-sd-done{background:#1D9E75}.bm-sd-active{background:#7F77DD;animation:bm-pulse 1.5s infinite}
.bm-sd-todo{background:var(--color-border-secondary)}
.bm-statusbar{height:22px;background:var(--color-background-secondary);border-top:0.5px solid var(--color-border-tertiary);display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:9px;color:var(--color-text-tertiary)}
.bm-status-l{display:flex;align-items:center;gap:10px}
.bm-status-dot{width:5px;height:5px;border-radius:50%;background:#1D9E75}
.bm-cursor{display:inline-block;width:6px;height:6px;border-radius:50%;background:#D4537E;margin-right:3px}
@keyframes bm-pulse{0%,100%{opacity:1}50%{opacity:0.4}}
.web-mockup-container{position:relative;display:inline-block;width:100%;max-width:520px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}.web-browser-window{width:100%;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 32px 80px rgba(0,0,0,.6);animation:webFloat 6s ease-in-out infinite;background:#0a0a0a}.web-browser-chrome{background:#1a1a1a;padding:10px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #2a2a2a}.web-traffic-lights{display:flex;gap:6px}.web-light{width:11px;height:11px;border-radius:50%}.web-light-red{background:#ff5f57}.web-light-yellow{background:#febc2e}.web-light-green{background:#28c840}.web-address-bar{flex:1;background:#2a2a2a;border-radius:20px;padding:3px 12px;font-size:10px;color:#9ca3af;text-align:center;max-width:300px;margin:0 auto;display:flex;align-items:center;justify-content:center}.web-browser-controls{width:40px;display:flex;justify-content:flex-end}.web-page-viewport{background:linear-gradient(180deg,#0f0f23 0%,#1a1a2e 50%,#16213e 100%);max-height:380px;overflow-y:auto;scroll-behavior:smooth}.web-page-viewport::-webkit-scrollbar{width:4px}.web-page-viewport::-webkit-scrollbar-track{background:transparent}.web-page-viewport::-webkit-scrollbar-thumb{background:rgba(99,102,241,.5);border-radius:999px}.web-navigation{height:44px;background:rgba(15,15,35,.95);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:space-between;padding:0 16px;position:sticky;top:0;z-index:10}.web-nav-brand{display:flex;align-items:center;gap:8px}.web-brand-icon{width:20px;height:20px;background:linear-gradient(135deg,#6366f1,#ec4899);border-radius:4px}.web-brand-text{font-size:11px;font-weight:800;color:#fff;letter-spacing:1px}.web-nav-links{display:flex;gap:14px;font-size:9px;color:#94a3b8}.web-nav-links span:hover{color:#fff;cursor:pointer;transition:color .2s}.web-nav-button{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:6px;padding:5px 12px;font-size:9px;font-weight:600;cursor:pointer;transition:all .2s}.web-nav-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(99,102,241,.4)}.web-hero-section{padding:20px 16px;display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:center;min-height:160px}.web-hero-content{display:flex;flex-direction:column;gap:10px}.web-hero-pill{display:inline-flex;align-items:center;gap:6px;background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.3);color:#a78bfa;padding:4px 10px;border-radius:999px;font-size:8px;font-weight:600;width:fit-content}.web-hero-pill i{font-size:7px}.web-hero-title{font-size:16px;font-weight:800;color:#fff;margin:0;line-height:1.2}.web-gradient-text{background:linear-gradient(135deg,#6366f1,#ec4899,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.web-hero-description{font-size:8px;color:#94a3b8;line-height:1.5;margin:0}.web-hero-actions{display:flex;gap:8px;flex-wrap:wrap}.web-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:9px;font-weight:600;border:none;cursor:pointer;transition:all .2s}.web-btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 12px rgba(99,102,241,.3)}.web-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(99,102,241,.4)}.web-btn-ghost{background:rgba(255,255,255,.05);color:#e5e7eb;border:1px solid rgba(255,255,255,.1)}.web-btn-ghost:hover{background:rgba(255,255,255,.1)}.web-hero-metrics{display:flex;gap:12px;margin-top:6px}.web-metric{display:flex;flex-direction:column;gap:2px}.web-metric-value{font-size:11px;font-weight:800;color:#fff}.web-metric-label{font-size:7px;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.web-hero-visual{position:relative;display:flex;align-items:center;justify-content:center}.web-analytics-card{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px;width:100%;box-shadow:0 10px 30px rgba(0,0,0,.5);animation:webCardFloat 5s ease-in-out infinite}.web-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:8px;color:#e5e7eb;font-weight:600}.web-status-indicator{display:flex;align-items:center;gap:4px;font-size:7px;color:#10b981}.web-status-dot{width:6px;height:6px;background:#10b981;border-radius:50%;animation:webPulse 2s infinite}.web-chart-container{position:relative}.web-chart-line{position:relative;margin-bottom:8px}.web-chart-point{position:absolute;right:8px;top:4px;width:8px;height:8px;background:#ec4899;border-radius:50%;box-shadow:0 0 10px #ec4899;animation:webPointPulse 3s ease-in-out infinite}.web-chart-stats{display:flex;justify-content:space-around;padding-top:6px;border-top:1px solid rgba(255,255,255,.05)}.web-stat-item{display:flex;align-items:center;gap:4px;font-size:7px;color:#d1d5db;font-weight:600}.web-stat-icon{font-size:8px}.web-float-badge{position:absolute;background:rgba(15,15,35,.9);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:4px 8px;display:flex;align-items:center;gap:4px;font-size:7px;color:#e5e7eb;font-weight:600;box-shadow:0 4px 12px rgba(0,0,0,.3)}.web-float-1{top:8px;right:-8px;animation:webFloat1 4s ease-in-out infinite}.web-float-1 i{color:#10b981;font-size:8px}.web-float-2{bottom:8px;left:-8px;animation:webFloat2 4s ease-in-out infinite .5s}.web-float-2 i{color:#f59e0b;font-size:8px}.web-features-section{padding:18px 16px;border-top:1px solid rgba(255,255,255,.05)}.web-section-header{text-align:center;margin-bottom:14px;position:relative}.web-section-header h2{font-size:12px;font-weight:700;color:#fff;margin:0}.web-header-accent{width:30px;height:2px;background:linear-gradient(90deg,#6366f1,#ec4899);margin:4px auto 0;border-radius:999px}.web-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.web-feature-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:12px 8px;text-align:center;transition:all .3s}.web-feature-card:hover{background:rgba(255,255,255,.05);transform:translateY(-2px);border-color:rgba(99,102,241,.2)}.web-feature-icon{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;margin:0 auto 6px;font-size:11px}.web-icon-blue{background:rgba(59,130,246,.1);color:#3b82f6}.web-icon-purple{background:rgba(139,92,246,.1);color:#8b5cf6}.web-icon-green{background:rgba(16,185,129,.1);color:#10b981}.web-feature-card h3{font-size:9px;font-weight:700;color:#fff;margin:0 0 3px}.web-feature-card p{font-size:7px;color:#6b7280;margin:0;line-height:1.4}.web-cta-section{background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);padding:18px 16px;text-align:center;position:relative;overflow:hidden}.web-cta-content{position:relative;z-index:2}.web-cta-content h3{font-size:12px;font-weight:800;color:#fff;margin:0 0 4px}.web-cta-content p{font-size:8px;color:rgba(255,255,255,.9);margin:0 0 12px;line-height:1.4}.web-cta-button{background:#fff;color:#6366f1;border:none;border-radius:6px;padding:8px 16px;font-size:9px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .2s}.web-cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.3)}.web-cta-decoration{position:absolute;top:-50%;right:-10%;width:100px;height:100px;background:rgba(255,255,255,.1);border-radius:50%;animation:webCTAFloat 8s ease-in-out infinite}.web-footer{background:#0a0a0a;border-top:1px solid rgba(255,255,255,.05);padding:12px 16px}.web-footer-content{display:flex;justify-content:space-between;align-items:center}.web-footer-brand{display:flex;flex-direction:column;gap:2px}.web-footer-brand strong{font-size:9px;color:#fff;font-weight:800}.web-footer-brand span{font-size:7px;color:#6b7280}.web-footer-links{display:flex;gap:10px;font-size:7px;color:#6b7280}.web-floating-badge i{font-size:11px}@keyframes webFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes webBadgeFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-6px) rotate(2deg)}}@keyframes webCardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes webFloat1{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes webFloat2{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes webPulse{0%,100%{opacity:1}50%{opacity:.5}}@keyframes webPointPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes webCTAFloat{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}.business-card-container{position:relative;display:inline-block;width:100%;max-width:520px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}.business-card-browser{width:100%;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 32px 80px rgba(0,0,0,.6);animation:businessCardFloat 6s ease-in-out infinite;background:#fff}.business-card-chrome{background:#f8f9fa;border-bottom:1px solid #e5e7eb;padding:10px 16px;display:flex;align-items:center;gap:12px}.business-card-traffic-lights{display:flex;gap:6px}.business-card-dot{width:11px;height:11px;border-radius:50%}.business-card-dot-red{background:#ff5f57}.business-card-dot-yellow{background:#febc2e}.business-card-dot-green{background:#28c840}.business-card-address-bar{flex:1;background:#fff;border:1px solid #d1d5db;border-radius:20px;padding:3px 12px;font-size:10px;color:#374151;text-align:center;max-width:300px;margin:0 auto;display:flex;align-items:center;justify-content:center}.business-card-browser-menu{width:40px;display:flex;justify-content:flex-end}.business-card-viewport{background:linear-gradient(180deg,#f8fafc 0%,#fff 100%);max-height:380px;overflow-y:auto;scroll-behavior:smooth}.business-card-viewport::-webkit-scrollbar{width:4px}.business-card-viewport::-webkit-scrollbar-track{background:#f3f4f6}.business-card-viewport::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:999px}.business-card-header{background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-bottom:1px solid #f3f4f6;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.business-card-logo-section{display:flex;align-items:center;gap:8px}.business-card-logo-mark{width:28px;height:28px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;box-shadow:0 4px 12px rgba(59,130,246,.3)}.business-card-logo-text{font-size:12px;font-weight:700;color:#0f172a}.business-card-nav{display:flex;gap:12px}.business-card-nav-link{font-size:9px;color:#64748b;text-decoration:none;padding:4px 8px;border-radius:4px;transition:all .2s}.business-card-nav-link:hover,.business-card-nav-active{color:#3b82f6;background:#eff6ff}.business-card-hero{padding:20px 16px;display:grid;grid-template-columns:1.1fr 1fr;gap:16px;align-items:center;background:linear-gradient(135deg,#f8fafc 0%,#eff6ff 100%)}.business-card-hero-content{display:flex;flex-direction:column;gap:12px}.business-card-status-badge{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #d1fae5;padding:4px 10px;border-radius:999px;font-size:8px;font-weight:600;color:#059669;width:fit-content;box-shadow:0 2px 8px rgba(0,0,0,.05)}.business-card-status-dot{width:6px;height:6px;background:#10b981;border-radius:50%;animation:businessCardPulse 2s infinite}.business-card-name{font-size:16px;font-weight:800;color:#0f172a;margin:0;line-height:1.2}.business-card-profession{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.business-card-description{font-size:8px;color:#64748b;line-height:1.5;margin:0}.business-card-cta-buttons{display:flex;gap:8px;flex-wrap:wrap}.business-card-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:9px;font-weight:600;border:none;cursor:pointer;transition:all .2s}.business-card-btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 12px rgba(59,130,246,.3)}.business-card-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(59,130,246,.4)}.business-card-btn-secondary{background:#fff;color:#3b82f6;border:1px solid #e5e7eb}.business-card-btn-secondary:hover{border-color:#3b82f6;background:#f8fafc}.business-card-achievements{display:flex;align-items:center;gap:10px;margin-top:4px}.business-card-achievement{display:flex;flex-direction:column;gap:2px}.business-card-number{font-size:11px;font-weight:800;color:#0f172a}.business-card-label{font-size:7px;color:#94a3b8;text-transform:uppercase;letter-spacing:.3px}.business-card-divider{width:1px;height:20px;background:#e5e7eb}.business-card-hero-visual{position:relative;display:flex;align-items:center;justify-content:center}.business-card-profile-card{background:#fff;border:1px solid #f3f4f6;border-radius:16px;padding:16px;box-shadow:0 10px 30px rgba(0,0,0,.08);width:100%;animation:businessCardProfileFloat 5s ease-in-out infinite}.business-card-avatar-container{position:relative;margin-bottom:12px}.business-card-avatar{width:60px;height:60px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:50%;margin:0 auto;background-image:url('https://placehold.co/120x120/3b82f6/ffffff?text=МК');background-size:cover;border:3px solid #fff;box-shadow:0 4px 12px rgba(0,0,0,.1)}.business-card-avatar-status{position:absolute;bottom:2px;right:calc(50% - 38px);width:20px;height:20px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;border:2px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.1)}.business-card-profile-info{text-align:center;margin-bottom:12px}.business-card-profile-name{font-size:12px;font-weight:700;color:#0f172a;margin:0 0 4px}.business-card-profile-title{font-size:9px;color:#3b82f6;margin:0 0 6px;font-weight:600}.business-card-profile-location{font-size:8px;color:#64748b;margin:0;display:flex;align-items:center;justify-content:center;gap:4px}.business-card-profile-tags{display:flex;justify-content:center;gap:4px;margin-bottom:12px;flex-wrap:wrap}.business-card-tag{background:#eff6ff;color:#1d4ed8;font-size:7px;font-weight:600;padding:3px 8px;border-radius:999px;border:1px solid #dbeafe}.business-card-contact-quick{display:flex;justify-content:center;gap:8px}.business-card-contact-btn{width:28px;height:28px;border-radius:50%;border:1px solid #e5e7eb;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:10px}.business-card-contact-btn.telegram{color:#0088cc}.business-card-contact-btn.whatsapp{color:#25d366}.business-card-contact-btn.email{color:#ea4335}.business-card-contact-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.business-card-floating{position:absolute;background:#fff;border:1px solid #f3f4f6;border-radius:999px;padding:4px 8px;display:flex;align-items:center;gap:4px;font-size:7px;color:#374151;font-weight:600;box-shadow:0 4px 12px rgba(0,0,0,.1)}.business-card-floating-1{top:8px;right:-6px;animation:businessCardFloat1 4s ease-in-out infinite}.business-card-floating-1 i{color:#10b981;font-size:8px}.business-card-floating-2{bottom:8px;left:-8px;animation:businessCardFloat2 4s ease-in-out infinite .5s}.business-card-floating-2 i{color:#f59e0b;font-size:8px}.business-card-services{padding:18px 16px;background:#fff}.business-card-section-header{text-align:center;margin-bottom:14px}.business-card-section-title{font-size:12px;font-weight:700;color:#0f172a;margin:0 0 4px}.business-card-section-line{width:30px;height:2px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);margin:0 auto;border-radius:999px}.business-card-services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.business-card-service-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;padding:12px 8px;text-align:center;transition:all .3s}.business-card-service-item:hover{background:#fff;transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.08)}.business-card-service-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin:0 auto 6px;font-size:12px}.business-card-icon-blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#3b82f6}.business-card-icon-green{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#10b981}.business-card-icon-purple{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);color:#8b5cf6}.business-card-service-name{font-size:9px;font-weight:700;color:#0f172a;margin:0 0 3px}.business-card-service-desc{font-size:7px;color:#64748b;margin:0;line-height:1.4}.business-card-testimonial{padding:18px 16px;background:#f8fafc;border-top:1px solid #f1f5f9}.business-card-quote-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;position:relative;box-shadow:0 4px 12px rgba(0,0,0,.05)}.business-card-quote-text{font-size:9px;color:#374151;line-height:1.5;margin:0 0 12px;font-style:italic}.business-card-quote-author{display:flex;align-items:center;gap:8px}.business-card-author-avatar{width:28px;height:28px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700}.business-card-author-info{display:flex;flex-direction:column;gap:2px}.business-card-author-name{font-size:9px;font-weight:600;color:#0f172a}.business-card-author-company{font-size:7px;color:#64748b}.business-card-quote-decoration{position:absolute;top:-6px;right:12px;width:20px;height:12px;background:#fff;border:1px solid #e5e7eb;border-bottom:none;border-radius:8px 8px 0 0}.business-card-contact-cta{background:linear-gradient(135deg,#3b82f6,#1d4ed8);padding:20px 16px;text-align:center}.business-card-cta-title{font-size:13px;font-weight:800;color:#fff;margin:0 0 4px}.business-card-cta-subtitle{font-size:8px;color:rgba(255,255,255,.9);margin:0 0 12px;line-height:1.4}.business-card-contact-methods{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.business-card-contact-method{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:6px 10px;display:flex;align-items:center;gap:6px;font-size:8px;color:#fff;font-weight:600;transition:all .2s}.business-card-contact-method:hover{background:rgba(255,255,255,.2);transform:translateY(-2px)}.business-card-contact-method i{font-size:9px}.business-card-footer{background:#0f172a;padding:12px 16px}.business-card-footer-content{display:flex;justify-content:space-between;align-items:center}.business-card-copyright{font-size:8px;color:#64748b}.business-card-footer-links{display:flex;gap:10px}.business-card-footer-link{font-size:7px;color:#64748b;text-decoration:none;transition:color .2s}.business-card-footer-link:hover{color:#94a3b8}.business-card-floating-badge i{font-size:11px}@keyframes businessCardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes businessCardBadgeFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-6px) rotate(2deg)}}@keyframes businessCardProfileFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes businessCardFloat1{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes businessCardFloat2{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes businessCardPulse{0%,100%{opacity:1}50%{opacity:.5}}.browser-mockup{width:100%;max-width:520px;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.08);animation:floatCard 6s ease-in-out infinite;box-shadow:0 32px 80px rgba(0,0,0,.6)}.browser-chrome{background:#1a1a1a;padding:10px 16px;display:flex;align-items:center;gap:12px}.traffic-lights{display:flex;gap:6px}.tl{width:11px;height:11px;border-radius:50%}.tl.red{background:#ff5f57}.tl.yellow{background:#febc2e}.tl.green{background:#28c840}.address-bar{flex:1;background:#2a2a2a;border-radius:20px;padding:3px 12px;font-size:10px;color:#888;text-align:center;max-width:300px;margin:0 auto}.site-preview{background:#0e0e0e}.preview-nav{background:#111;padding:8px 16px;display:flex;align-items:center;justify-content:space-between;font-size:10px}.preview-logo{font-weight:700;color:#fff;font-size:11px;letter-spacing:1px}.preview-links{display:flex;gap:12px;color:#888}.preview-hero{padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center}.preview-hero-text h2{font-size:15px;font-weight:800;color:#fff;margin:0 0 6px;line-height:1.2}.preview-hero-text p{font-size:8px;color:#888;margin:0 0 10px;line-height:1.6}.preview-hero-text button{background:linear-gradient(90deg,#3b82f6,#6366f1);border:none;border-radius:6px;padding:6px 14px;color:#fff;font-size:9px;font-weight:600;cursor:pointer}.preview-hero-img .img-placeholder{background:#1a1a2e;border-radius:8px;height:90px;overflow:hidden;border:1px solid #222;position:relative}.mountain-scene{position:absolute;inset:0;background:linear-gradient(to bottom,#1a1a3e,#161630)}.mountain-scene::before{content:'';position:absolute;bottom:0;left:0;right:0;height:55px;background:linear-gradient(135deg,#1e1e38 0%,#252548 50%,#1a1a30 100%);clip-path:polygon(0% 100%,20% 50%,40% 70%,60% 40%,80% 60%,100% 35%,100% 100%)}.mountain-scene::after{content:'';position:absolute;bottom:0;left:0;right:0;height:35px;background:#111122;clip-path:polygon(0% 100%,15% 60%,35% 75%,55% 45%,75% 65%,100% 42%,100% 100%)}.preview-about-services{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #1a1a1a}.preview-about{padding:12px 16px}.preview-about h3,.preview-services h3{font-size:10px;font-weight:700;color:#fff;margin:0 0 8px}.about-cols{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:8px}.about-cols strong{color:#ccc;font-size:8px;display:block;margin-bottom:3px}.about-cols p{color:#555;margin:0 0 6px;line-height:1.5}.mini-card{background:#1a1a1a;border:1px solid #222;border-radius:4px;height:28px}.preview-services{padding:12px 16px;background:#0a0a0a}.service-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.svc-card{background:#151525;border:1px solid #222;border-radius:6px;padding:8px 5px;text-align:center;font-size:7px}.svc-card i{font-size:12px;color:#4a9eff;display:block;margin-bottom:4px}.svc-card span{color:#ccc;font-weight:600;font-size:7px;display:block;margin-bottom:3px}.svc-card p{color:#555;margin:0;line-height:1.4}.testi-title{margin-top:10px!important}.testimonials{display:grid;grid-template-columns:1fr 1fr;gap:8px}.testi{display:flex;gap:6px;align-items:flex-start}.avatar{width:20px;height:20px;border-radius:50%;background:#2a2a3a;border:1px solid #333;display:flex;align-items:center;justify-content:center;font-size:6px;color:#888;flex-shrink:0}.testi strong{font-size:7px;color:#ccc;display:block}.testi p{font-size:6px;color:#555;margin:2px 0 0;line-height:1.4}.preview-portfolio{padding:10px 16px;border-top:1px solid #1a1a1a}.preview-portfolio h3{font-size:10px;font-weight:700;color:#fff;margin:0 0 8px}.portfolio-thumbs{display:flex;gap:8px}.thumb{flex:1;height:36px;border-radius:5px;background:linear-gradient(135deg,#1a1a2e,#0f0f1e);border:1px solid #222}.preview-bottom-bar{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #222;background:#111}.bar-metric{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 4px;font-size:8.5px;font-weight:600;color:#ddd;border-right:1px solid #1e1e1e}.bar-metric:last-child{border-right:none}.bar-metric i{font-size:11px}.enterprise-site-container{position:relative;display:inline-block;width:100%;max-width:520px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Inter",sans-serif}.enterprise-browser-window{width:100%;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 32px 80px rgba(0,0,0,.6);animation:enterpriseFloat 6s ease-in-out infinite;background:#0a0a0a}.enterprise-browser-chrome{background:#1a1a1a;border-bottom:1px solid #2a2a2a;padding:10px 16px;display:flex;align-items:center;gap:12px}.enterprise-window-controls{display:flex;gap:6px}.enterprise-control{width:11px;height:11px;border-radius:50%}.enterprise-control-red{background:#ff5f57}.enterprise-control-yellow{background:#febc2e}.enterprise-control-green{background:#28c840}.enterprise-address-field{flex:1;background:#2a2a2a;border-radius:20px;padding:3px 12px;font-size:10px;color:#9ca3af;text-align:center;max-width:300px;margin:0 auto;display:flex;align-items:center;justify-content:center}.enterprise-browser-menu{width:40px;display:flex;justify-content:flex-end}.enterprise-page-viewport{background:linear-gradient(180deg,#0f0f0f 0%,#1a1a1a 100%);max-height:380px;overflow-y:auto;scroll-behavior:smooth}.enterprise-page-viewport::-webkit-scrollbar{width:4px}.enterprise-page-viewport::-webkit-scrollbar-track{background:#1a1a1a}.enterprise-page-viewport::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#3b82f6,#1d4ed8);border-radius:999px}.enterprise-info-bar{background:#111;border-bottom:1px solid #2a2a2a;padding:6px 16px;display:flex;justify-content:space-between;align-items:center;font-size:8px}.enterprise-contact-info{display:flex;gap:16px}.enterprise-info-item{color:#9ca3af;display:flex;align-items:center;gap:4px}.enterprise-info-item i{color:#3b82f6;font-size:7px}.enterprise-language-switcher{display:flex;align-items:center;gap:6px}.enterprise-lang{color:#6b7280;cursor:pointer;transition:color .2s}.enterprise-lang:hover,.enterprise-lang-active{color:#3b82f6;font-weight:600}.enterprise-lang-separator{color:#374151}.enterprise-main-navigation{background:rgba(15,15,15,.98);backdrop-filter:blur(10px);border-bottom:1px solid #2a2a2a;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.enterprise-brand-identity{display:flex;align-items:center;gap:10px}.enterprise-logo-container{position:relative}.enterprise-logo-symbol{width:32px;height:32px;background:linear-gradient(135deg,#3b82f6,#1d4ed8,#7c3aed);border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:0 4px 12px rgba(59,130,246,.3)}.enterprise-logo-inner{width:16px;height:16px;background:rgba(255,255,255,.9);border-radius:4px;transform:rotate(45deg);animation:enterpriseLogoSpin 8s linear infinite}.enterprise-brand-info{display:flex;flex-direction:column;gap:1px}.enterprise-company-name{font-size:12px;font-weight:800;color:#fff;letter-spacing:.5px}.enterprise-company-subtitle{font-size:7px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:1px}.enterprise-navigation-menu{display:flex;gap:14px}.enterprise-nav-item{font-size:9px;color:#9ca3af;text-decoration:none;padding:4px 8px;border-radius:4px;transition:all .2s;font-weight:500}.enterprise-nav-item:hover,.enterprise-nav-active{color:#3b82f6;background:rgba(59,130,246,.1)}.enterprise-header-cta{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:6px;padding:6px 12px;font-size:9px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.enterprise-header-cta:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,.4)}.enterprise-hero-section{padding:24px 16px;position:relative;overflow:hidden;background:linear-gradient(135deg,#1e293b 0%,#0f172a 50%,#111827 100%)}.enterprise-hero-background{position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(59,130,246,.15),transparent 50%),radial-gradient(circle at 80% 70%,rgba(124,58,237,.1),transparent 50%),radial-gradient(circle at 40% 80%,rgba(16,185,129,.08),transparent 50%);pointer-events:none}.enterprise-hero-content{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;align-items:center;position:relative;z-index:1}.enterprise-hero-text{display:flex;flex-direction:column;gap:12px}.enterprise-status-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);color:#34d399;padding:4px 10px;border-radius:999px;font-size:8px;font-weight:700;width:fit-content;text-transform:uppercase;letter-spacing:.5px}.enterprise-status-indicator{width:6px;height:6px;background:#10b981;border-radius:50%;animation:enterprisePulse 2s infinite}.enterprise-hero-headline{font-size:18px;font-weight:800;color:#fff;margin:0;line-height:1.2}.enterprise-gradient-text{background:linear-gradient(135deg,#3b82f6,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.enterprise-hero-subtext{font-size:9px;color:#94a3b8;line-height:1.6;margin:0}.enterprise-hero-buttons{display:flex;gap:10px;flex-wrap:wrap}.enterprise-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:6px;font-size:9px;font-weight:600;border:none;cursor:pointer;transition:all .2s}.enterprise-btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 12px rgba(59,130,246,.3)}.enterprise-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(59,130,246,.4)}.enterprise-btn-secondary{background:rgba(255,255,255,.05);color:#e5e7eb;border:1px solid rgba(255,255,255,.1)}.enterprise-btn-secondary:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}.enterprise-metrics-display{display:flex;align-items:center;gap:12px;margin-top:6px}.enterprise-metric-item{display:flex;flex-direction:column;gap:2px}.enterprise-metric-number{font-size:12px;font-weight:800;color:#fff}.enterprise-metric-description{font-size:7px;color:#64748b;text-transform:uppercase;letter-spacing:.3px}.enterprise-metric-separator{width:1px;height:26px;background:#334155}.enterprise-hero-visualization{position:relative;display:flex;align-items:center;justify-content:center}.enterprise-analytics-dashboard{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #334155;border-radius:12px;padding:12px;width:100%;box-shadow:0 10px 30px rgba(0,0,0,.5);animation:enterpriseDashboardFloat 5s ease-in-out infinite}.enterprise-dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid #334155}.enterprise-dashboard-title{font-size:8px;color:#e5e7eb;font-weight:600;display:flex;align-items:center;gap:4px}.enterprise-dashboard-title i{color:#3b82f6;font-size:9px}.enterprise-live-indicator{display:flex;align-items:center;gap:4px;font-size:7px;color:#10b981;font-weight:700}.enterprise-live-dot{width:6px;height:6px;background:#10b981;border-radius:50%;animation:enterprisePulse 2s infinite}.enterprise-dashboard-body{display:flex;flex-direction:column;gap:10px}.enterprise-primary-metric{background:rgba(59,130,246,.05);border:1px solid rgba(59,130,246,.2);border-radius:8px;padding:10px}.enterprise-metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.enterprise-metric-title{font-size:7px;color:#94a3b8;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.enterprise-metric-trend{font-size:7px;font-weight:700;padding:2px 6px;border-radius:4px}.enterprise-trend-positive{background:rgba(16,185,129,.1);color:#10b981}.enterprise-metric-value{font-size:14px;font-weight:800;color:#fff;margin-bottom:8px}.enterprise-chart-visualization{display:flex;align-items:flex-end;gap:2px;height:24px}.enterprise-chart-bar{flex:1;background:rgba(59,130,246,.3);border-radius:2px 2px 0 0;transition:all .3s}.enterprise-chart-bar-active{background:linear-gradient(180deg,#3b82f6,#1d4ed8);box-shadow:0 0 8px rgba(59,130,246,.5)}.enterprise-secondary-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.enterprise-mini-metric{background:rgba(255,255,255,.03);border:1px solid #334155;border-radius:6px;padding:8px 6px;display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center}.enterprise-mini-icon{font-size:11px;margin-bottom:2px}.enterprise-icon-blue{color:#3b82f6}.enterprise-icon-green{color:#10b981}.enterprise-icon-purple{color:#8b5cf6}.enterprise-mini-number{font-size:10px;font-weight:700;color:#fff}.enterprise-mini-label{font-size:6px;color:#64748b;text-transform:uppercase;letter-spacing:.3px}.enterprise-floating-element{position:absolute;background:rgba(15,15,15,.9);backdrop-filter:blur(10px);border:1px solid #334155;border-radius:999px;padding:4px 8px;display:flex;align-items:center;gap:4px;font-size:7px;color:#e5e7eb;font-weight:600;box-shadow:0 4px 12px rgba(0,0,0,.3)}.enterprise-float-1{top:4px;right:-6px;animation:enterpriseFloat1 4s ease-in-out infinite}.enterprise-float-1 i{color:#f59e0b}.enterprise-float-2{bottom:4px;left:-8px;animation:enterpriseFloat2 4s ease-in-out infinite .5s}.enterprise-float-2 i{color:#10b981}.enterprise-float-3{top:50%;right:-10px;animation:enterpriseFloat3 4s ease-in-out infinite 1s}.enterprise-float-3 i{color:#3b82f6}.enterprise-solutions-section{padding:20px 16px;background:#0f0f0f}.enterprise-section-header{text-align:center;margin-bottom:16px}.enterprise-section-tag{font-size:8px;color:#3b82f6;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.enterprise-section-title{font-size:14px;font-weight:700;color:#fff;margin:0 0 6px}.enterprise-section-divider{width:40px;height:2px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);margin:0 auto;border-radius:999px}.enterprise-solutions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.enterprise-solution-card{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;padding:14px;transition:all .3s}.enterprise-solution-card:hover{background:#1e1e1e;border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 8px 20px rgba(59,130,246,.15)}.enterprise-solution-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;font-size:14px}.enterprise-icon-bg-blue{background:rgba(59,130,246,.1);color:#3b82f6}.enterprise-icon-bg-green{background:rgba(16,185,129,.1);color:#10b981}.enterprise-icon-bg-purple{background:rgba(139,92,246,.1);color:#8b5cf6}.enterprise-icon-bg-orange{background:rgba(245,158,11,.1);color:#f59e0b}.enterprise-solution-title{font-size:10px;font-weight:700;color:#fff;margin:0 0 6px}.enterprise-solution-description{font-size:8px;color:#9ca3af;line-height:1.4;margin:0 0 10px}.enterprise-solution-link{font-size:8px;color:#3b82f6;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:4px;transition:gap .2s}.enterprise-solution-link:hover{gap:6px}.enterprise-partners-section{background:#1a1a1a;border-top:1px solid #2a2a2a;border-bottom:1px solid #2a2a2a;padding:16px;text-align:center}.enterprise-partners-label{font-size:8px;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.enterprise-partners-grid{display:flex;justify-content:space-around;align-items:center;gap:12px;flex-wrap:wrap}.enterprise-partner-logo{font-size:8px;font-weight:800;color:#4b5563;letter-spacing:1px;padding:6px 10px;border:1px solid #2a2a2a;border-radius:4px;transition:all .2s}.enterprise-partner-logo:hover{color:#9ca3af;border-color:#3b82f6;background:rgba(59,130,246,.05)}.enterprise-news-section{padding:20px 16px;background:#0f0f0f}.enterprise-news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.enterprise-news-item{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;padding:12px;transition:all .3s}.enterprise-news-item:hover{background:#1e1e1e;border-color:#374151;transform:translateY(-2px)}.enterprise-news-date{font-size:7px;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.enterprise-news-headline{font-size:9px;font-weight:700;color:#fff;margin:0 0 6px;line-height:1.3}.enterprise-news-excerpt{font-size:7px;color:#9ca3af;line-height:1.4;margin:0 0 8px}.enterprise-news-link{font-size:7px;color:#3b82f6;text-decoration:none;font-weight:600;transition:color .2s}.enterprise-news-link:hover{color:#60a5fa}.enterprise-cta-section{background:linear-gradient(135deg,#3b82f6,#1d4ed8,#7c3aed);padding:18px 16px;position:relative;overflow:hidden}.enterprise-cta-background{position:absolute;top:-50%;right:-10%;width:120px;height:120px;background:rgba(255,255,255,.1);border-radius:50%;animation:enterpriseCTAFloat 8s ease-in-out infinite}.enterprise-cta-content{display:flex;justify-content:space-between;align-items:center;gap:14px;position:relative;z-index:2}.enterprise-cta-text{flex:1}.enterprise-cta-headline{font-size:13px;font-weight:800;color:#fff;margin:0 0 4px}.enterprise-cta-description{font-size:8px;color:rgba(255,255,255,.9);margin:0;line-height:1.4}.enterprise-cta-button{background:#fff;color:#1d4ed8;border:none;border-radius:6px;padding:8px 16px;font-size:9px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s;flex-shrink:0}.enterprise-cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.3)}.enterprise-footer{background:#0a0a0a;border-top:1px solid #1a1a1a;padding:20px 16px 12px}.enterprise-footer-main{display:grid;grid-template-columns:1fr 2fr;gap:16px;margin-bottom:16px}.enterprise-footer-brand{display:flex;flex-direction:column;gap:8px}.enterprise-footer-logo{display:flex;align-items:center;gap:8px;margin-bottom:6px}.enterprise-footer-logo-symbol{width:28px;height:28px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800}.enterprise-footer-company-name{font-size:11px;font-weight:800;color:#fff;letter-spacing:.5px}.enterprise-footer-description{font-size:8px;color:#6b7280;line-height:1.4;margin:0 0 8px}.enterprise-footer-certifications{display:flex;gap:6px;flex-wrap:wrap}.enterprise-cert-badge{background:rgba(59,130,246,.1);color:#3b82f6;font-size:7px;font-weight:700;padding:3px 6px;border-radius:4px;border:1px solid rgba(59,130,246,.2)}.enterprise-footer-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.enterprise-footer-column{display:flex;flex-direction:column;gap:6px}.enterprise-footer-title{font-size:9px;font-weight:700;color:#fff;margin:0 0 4px;text-transform:uppercase;letter-spacing:.5px}.enterprise-footer-link{font-size:8px;color:#9ca3af;text-decoration:none;transition:color .2s}.enterprise-footer-link:hover{color:#3b82f6}.enterprise-contact-item{display:flex;align-items:center;gap:6px;font-size:8px;color:#9ca3af}.enterprise-contact-item i{color:#3b82f6;font-size:8px;width:10px}.enterprise-footer-bottom{border-top:1px solid #1a1a1a;padding-top:12px;display:flex;justify-content:space-between;align-items:center}.enterprise-copyright{font-size:7px;color:#6b7280}.enterprise-legal-links{display:flex;align-items:center;gap:8px}.enterprise-legal-link{font-size:7px;color:#6b7280;text-decoration:none;transition:color .2s}.enterprise-legal-link:hover{color:#9ca3af}.enterprise-legal-separator{font-size:7px;color:#4b5563}.enterprise-floating-badge i{font-size:11px;color:#3b82f6}@keyframes enterpriseFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes enterpriseBadgeFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-6px) rotate(2deg)}}@keyframes enterpriseDashboardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes enterpriseFloat1{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes enterpriseFloat2{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes enterpriseFloat3{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes enterprisePulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@keyframes enterpriseLogoSpin{0%{transform:rotate(45deg)}100%{transform:rotate(405deg)}}@keyframes enterpriseCTAFloat{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}.online-store-container{--primary:#3b82f6;--primary-dark:#1d4ed8;--success:#10b981;--danger:#ef4444;--warning:#fbbf24;--dark:#0f172a;--gray:#64748b;--light:#f8fafc;--white:#fff;--border:#e5e7eb;position:relative;display:inline-block;width:100%;max-width:520px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}.online-store-browser{width:100%;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 32px 80px rgba(0,0,0,.6);animation:osFloat 6s ease-in-out infinite;background:var(--white)}.online-store-chrome{background:#f8f9fa;border-bottom:1px solid var(--border);padding:10px 16px;display:flex;align-items:center;gap:12px}.online-store-controls{display:flex;gap:6px}.online-store-btn{width:11px;height:11px;border-radius:50%}.online-store-btn-red{background:#ff5f57}.online-store-btn-yellow{background:#febc2e}.online-store-btn-green{background:#28c840}.online-store-address{flex:1;background:var(--white);border:1px solid #d1d5db;border-radius:20px;padding:3px 12px;font-size:10px;color:#374151;text-align:center;max-width:300px;margin:0 auto;display:flex;align-items:center;justify-content:center}.online-store-menu{width:40px;display:flex;justify-content:flex-end}.online-store-viewport{background:var(--light);max-height:380px;overflow-y:auto;scroll-behavior:smooth}.online-store-viewport::-webkit-scrollbar{width:4px}.online-store-viewport::-webkit-scrollbar-track{background:#f3f4f6}.online-store-viewport::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary),var(--primary-dark));border-radius:999px}.online-store-promo{background:linear-gradient(135deg,var(--danger),#dc2626);color:var(--white);padding:6px 16px;display:flex;align-items:center;justify-content:space-between;font-size:8px;font-weight:600}.online-store-promo-content{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.online-store-separator{color:rgba(255,255,255,.6)}.online-store-promo-close{background:0;border:0;color:var(--white);cursor:pointer;font-size:8px;opacity:.8;transition:opacity .2s}.online-store-header{background:var(--white);border-bottom:1px solid var(--border);padding:10px 16px 0;position:sticky;top:0;z-index:10;box-shadow:0 2px 8px rgba(0,0,0,.05)}.online-store-header-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;flex-wrap:wrap}.online-store-logo{display:flex;align-items:center;gap:8px}.online-store-logo-icon{width:28px;height:28px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;box-shadow:0 4px 12px rgba(59,130,246,.3)}.online-store-brand-text{display:flex;flex-direction:column;gap:1px}.online-store-name{font-size:12px;font-weight:800;color:var(--dark);letter-spacing:.5px}.online-store-tagline{font-size:7px;color:var(--gray)}.online-store-search{flex:1;max-width:200px;min-width:120px}.online-store-search-bar{display:flex;align-items:center;background:var(--light);border:1px solid var(--border);border-radius:8px;padding:4px 8px;gap:6px}.online-store-search-bar i{color:#9ca3af;font-size:9px}.online-store-search-input{flex:1;border:0;background:0;font-size:8px;color:#374151;outline:0;min-width:60px}.online-store-search-input::placeholder{color:#9ca3af}.online-store-search-btn{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white);border:0;border-radius:4px;padding:3px 8px;font-size:8px;font-weight:600;cursor:pointer;transition:transform .2s}.online-store-search-btn:hover{transform:translateY(-1px)}.online-store-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.online-store-action{background:0;border:1px solid var(--border);border-radius:6px;padding:4px 8px;display:flex;align-items:center;gap:4px;font-size:8px;color:#374151;cursor:pointer;position:relative;transition:all .2s;white-space:nowrap}.online-store-action:hover{border-color:var(--primary);background:#eff6ff}.online-store-action i{font-size:9px}.online-store-badge{position:absolute;top:-4px;right:-4px;background:var(--danger);color:var(--white);font-size:6px;font-weight:700;padding:1px 4px;border-radius:999px;min-width:12px;text-align:center}.online-store-badge-primary{background:var(--primary)}.online-store-cart{border-color:var(--primary);background:#eff6ff}.online-store-total{font-weight:700;color:var(--primary-dark)}.online-store-nav{display:flex;gap:12px;border-top:1px solid #f3f4f6;padding:6px 0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.online-store-nav::-webkit-scrollbar{display:none}.online-store-nav-link{font-size:9px;color:var(--gray);text-decoration:none;padding:4px 8px;border-radius:4px;display:flex;align-items:center;gap:4px;transition:all .2s;font-weight:500;flex-shrink:0;white-space:nowrap}.online-store-nav-link i{font-size:8px}.online-store-nav-link:hover,.online-store-active{color:var(--primary);background:#eff6ff}.online-store-sale{color:var(--danger)!important}.online-store-hero{background:linear-gradient(135deg,#eff6ff,#dbeafe);padding:18px 16px;position:relative;overflow:hidden}.online-store-hero-content{display:grid;grid-template-columns:1.1fr 1fr;gap:16px;align-items:center}.online-store-hero-text{display:flex;flex-direction:column;gap:10px}.online-store-hero-badge{display:inline-flex;align-items:center;gap:6px;background:var(--white);border:1px solid var(--primary);color:var(--primary-dark);padding:4px 10px;border-radius:999px;font-size:8px;font-weight:700;width:fit-content;text-transform:uppercase}.online-store-hero-title{font-size:16px;font-weight:800;color:var(--dark);margin:0;line-height:1.2}.online-store-gradient{background:linear-gradient(135deg,var(--primary),var(--primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.online-store-hero-desc{font-size:8px;color:var(--gray);line-height:1.5;margin:0}.online-store-hero-buttons{display:flex;gap:8px;flex-wrap:wrap}.online-store-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:9px;font-weight:600;cursor:pointer;transition:all .2s}.online-store-btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white);border:0;box-shadow:0 4px 12px rgba(59,130,246,.3)}.online-store-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(59,130,246,.4)}.online-store-btn-outline{background:var(--white);color:var(--primary-dark);border:1px solid var(--primary)}.online-store-hero-visual{display:flex;align-items:center;justify-content:center}.online-store-product-showcase{background:var(--white);border-radius:12px;padding:12px;box-shadow:0 10px 30px rgba(0,0,0,.1);position:relative;animation:osShowcaseFloat 5s ease-in-out infinite;max-width:100%}.online-store-showcase-badge{position:absolute;top:8px;right:8px;background:var(--success);color:var(--white);padding:3px 8px;border-radius:4px;font-size:8px;font-weight:700}.online-store-laptop-visual{width:100%;height:80px;position:relative;margin-bottom:8px}.online-store-laptop-screen{width:90%;height:60%;background:linear-gradient(135deg,#1f2937,#374151);border-radius:4px 4px 0 0;position:absolute;top:0;left:50%;transform:translateX(-50%);border:2px solid #d1d5db}.online-store-laptop-base{width:100%;height:40%;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:0 0 8px 8px;position:absolute;bottom:0;left:0}.online-store-laptop-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:var(--white);border-radius:50%}.online-store-laptop-logo::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:#374151;border-radius:50%}.online-store-showcase-info{display:flex;flex-direction:column;gap:6px}.online-store-rating{display:flex;align-items:center;gap:2px;font-size:7px;color:var(--warning);flex-wrap:wrap}.online-store-rating span{color:#6b7280;font-weight:600;margin-left:4px}.online-store-current-price{font-size:12px;font-weight:800;color:var(--dark)}.online-store-monthly{font-size:7px;color:var(--gray)}.online-store-categories{padding:18px 16px;background:var(--white)}.online-store-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:8px}.online-store-section-title{font-size:12px;font-weight:700;color:var(--dark);margin:0}.online-store-view-all{font-size:8px;color:var(--primary);text-decoration:none;font-weight:600;display:flex;align-items:center;gap:4px;white-space:nowrap}.online-store-categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:10px}.online-store-category{background:var(--light);border:1px solid #f1f5f9;border-radius:8px;padding:12px 8px;text-align:center;cursor:pointer;transition:all .3s}.online-store-category:hover{background:var(--white);border-color:var(--primary);transform:translateY(-2px)}.online-store-category-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin:0 auto 6px;font-size:12px}.online-store-cat-blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:var(--primary)}.online-store-cat-purple{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);color:#8b5cf6}.online-store-cat-green{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:var(--success)}.online-store-cat-orange{background:linear-gradient(135deg,#fed7aa,#fbbf24);color:#d97706}.online-store-category-name{font-size:9px;font-weight:700;color:var(--dark);margin:0 0 3px}.online-store-category-count{font-size:7px;color:var(--gray)}.online-store-products{padding:18px 16px;background:var(--light)}.online-store-filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.online-store-filter{background:0;border:1px solid var(--border);color:var(--gray);padding:4px 10px;border-radius:6px;font-size:8px;font-weight:600;cursor:pointer;transition:all .2s}.online-store-filter-active{background:#eff6ff;border-color:var(--primary);color:var(--primary-dark)}.online-store-products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.online-store-product{background:var(--white);border:1px solid #f1f5f9;border-radius:10px;padding:10px;position:relative;transition:all .3s}.online-store-product:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.1)}.online-store-product-image{position:relative;margin-bottom:8px}.online-store-product-labels{position:absolute;top:6px;left:6px;display:flex;flex-direction:column;gap:4px;z-index:2}.online-store-label{padding:2px 6px;border-radius:4px;font-size:7px;font-weight:700;text-transform:uppercase;color:var(--white)}.online-store-label-hit{background:var(--warning)}.online-store-label-new{background:var(--success)}.online-store-label-sale{background:var(--danger)}.online-store-image-placeholder{width:100%;height:60px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:8px;position:relative;overflow:hidden}.online-store-img-1::before{content:'📱'}.online-store-img-2::before{content:'🎧'}.online-store-img-3::before{content:'📱'}.online-store-img-1::before,.online-store-img-2::before,.online-store-img-3::before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px}.online-store-quick-view,.online-store-wishlist{position:absolute;width:20px;height:20px;border-radius:50%;border:0;background:var(--white);color:var(--gray);display:flex;align-items:center;justify-content:center;font-size:8px;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .2s;opacity:0}.online-store-product:hover .online-store-quick-view,.online-store-product:hover .online-store-wishlist{opacity:1}.online-store-quick-view{top:50%;left:50%;transform:translate(-50%,-50%)}.online-store-quick-view:hover{background:var(--primary);color:var(--white)}.online-store-wishlist{top:6px;right:6px}.online-store-wishlist:hover,.online-store-wishlist-active{background:var(--danger);color:var(--white)}.online-store-product-info{display:flex;flex-direction:column;gap:4px}.online-store-product-rating{display:flex;align-items:center;gap:1px;font-size:7px;color:var(--warning);flex-wrap:wrap}.online-store-product-rating span{color:#9ca3af;font-weight:600;margin-left:3px}.online-store-product-name{font-size:9px;font-weight:600;color:var(--dark);margin:0;line-height:1.3}.online-store-product-price{display:flex;align-items:center;gap:4px;margin:2px 0;flex-wrap:wrap}.online-store-old-price{font-size:8px;color:#9ca3af;text-decoration:line-through}.online-store-new-price{font-size:11px;font-weight:800;color:var(--dark)}.online-store-add-cart{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white);border:0;border-radius:6px;padding:5px 8px;font-size:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;transition:all .2s;width:100%}.online-store-add-cart:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,.3)}.online-store-benefits{background:var(--white);border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;padding:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px}.online-store-benefit{display:flex;align-items:center;gap:8px}.online-store-benefit-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}.online-store-icon-blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:var(--primary)}.online-store-icon-green{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:var(--success)}.online-store-icon-purple{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);color:#8b5cf6}.online-store-icon-orange{background:linear-gradient(135deg,#fed7aa,#fbbf24);color:#d97706}.online-store-benefit-text h4{font-size:9px;font-weight:700;color:var(--dark);margin:0 0 2px}.online-store-benefit-text p{font-size:7px;color:var(--gray);margin:0;line-height:1.3}.online-store-newsletter{background:linear-gradient(135deg,var(--primary),var(--primary-dark));padding:16px}.online-store-newsletter-content{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.online-store-newsletter-icon{width:36px;height:36px;background:rgba(255,255,255,.2);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--white);flex-shrink:0}.online-store-newsletter-text{flex:1;min-width:150px}.online-store-newsletter-text h3{font-size:11px;font-weight:800;color:var(--white);margin:0 0 2px}.online-store-newsletter-text p{font-size:7px;color:rgba(255,255,255,.9);margin:0}.online-store-newsletter-form{display:flex;gap:6px;flex-wrap:wrap;min-width:180px}.online-store-email-input{background:rgba(255,255,255,.9);border:0;border-radius:6px;padding:5px 10px;font-size:8px;color:#374151;outline:0;flex:1;min-width:100px}.online-store-subscribe-btn{background:var(--white);color:var(--primary-dark);border:0;border-radius:6px;padding:5px 10px;font-size:8px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:4px;white-space:nowrap}.online-store-footer{background:var(--dark);padding:16px}.online-store-footer-main{display:grid;grid-template-columns:1fr 2fr;gap:16px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #1e293b}.online-store-footer-brand{display:flex;flex-direction:column;gap:8px}.online-store-footer-logo{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:800;color:var(--white)}.online-store-footer-logo i{color:var(--primary)}.online-store-footer-desc{font-size:7px;color:#94a3b8;line-height:1.4;margin:0}.online-store-social{display:flex;gap:6px;flex-wrap:wrap}.online-store-social-link{width:24px;height:24px;background:#1e293b;color:#94a3b8;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:10px;text-decoration:none;transition:all .2s}.online-store-social-link:hover{background:var(--primary);color:var(--white)}.online-store-footer-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:12px}.online-store-footer-column{display:flex;flex-direction:column;gap:6px}.online-store-footer-column h4{font-size:9px;font-weight:700;color:var(--white);margin:0 0 4px;text-transform:uppercase}.online-store-footer-column a,.online-store-work-hours{font-size:8px;color:#94a3b8;text-decoration:none;display:flex;align-items:center;gap:4px;transition:color .2s}.online-store-footer-column a:hover{color:var(--primary)}.online-store-footer-column i{font-size:8px;color:var(--primary);width:10px}.online-store-footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.online-store-copyright{font-size:7px;color:var(--gray)}.online-store-payments{display:flex;gap:6px;font-size:12px}.online-store-floating-badge{position:absolute;right:-12px;bottom:30px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white);border-radius:999px;padding:8px 14px;display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700;box-shadow:0 10px 30px rgba(59,130,246,.4);animation:osBadgeFloat 4s ease-in-out infinite}.online-store-floating-badge i{font-size:11px}@keyframes osFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes osBadgeFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-6px) rotate(2deg)}}@keyframes osShowcaseFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}.figma-app{background:#0d0d0d;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}.figma-header{height:40px;background:#1e1e1e;border-bottom:1px solid #2a2a2a;display:flex;align-items:center;justify-content:space-between;padding:0 12px;flex-shrink:0}.figma-header-left{display:flex;align-items:center;gap:16px}.figma-filename{font-size:11px;color:#e5e7eb;font-weight:600}.figma-menu{display:flex;gap:12px;font-size:10px;color:#9ca3af}.figma-menu span:hover{color:#e5e7eb;cursor:pointer}.figma-header-center{display:flex;gap:4px;background:#2a2a2a;border-radius:6px;padding:4px}.figma-tool{width:28px;height:28px;border:none;background:transparent;color:#9ca3af;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:11px;transition:all .2s}.figma-tool:hover{background:#374151;color:#e5e7eb}.figma-tool.active{background:#a855f7;color:#fff}.figma-header-right{display:flex;align-items:center;gap:10px}.figma-zoom{font-size:10px;color:#9ca3af;background:#2a2a2a;padding:4px 8px;border-radius:4px}.figma-avatar{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:8px;font-weight:700;display:flex;align-items:center;justify-content:center}.figma-workspace{flex:1;display:flex;min-height:280px}.figma-panel{background:#1a1a1a;width:140px;padding:8px;overflow-y:auto}.figma-panel-left{border-right:1px solid #2a2a2a}.figma-panel-right{border-left:1px solid #2a2a2a}.figma-panel-title{font-size:10px;font-weight:600;color:#e5e7eb;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid #2a2a2a}.figma-layers{display:flex;flex-direction:column;gap:2px}.figma-layer,.figma-layer-child{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:4px;font-size:9px;color:#d1d5db;cursor:pointer;transition:all .2s}.figma-layer:hover,.figma-layer-child:hover{background:#2a2a2a}.figma-layer-child{margin-left:16px}.figma-layer-child.selected{background:#a855f7;color:#fff}.figma-layer i,.figma-layer-child i{font-size:8px;width:12px;text-align:center}.figma-canvas{flex:1;background:#0d0d0d;position:relative;overflow:hidden}.figma-canvas-bg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-image:radial-gradient(circle,#2a2a2a 1px,transparent 1px);background-size:20px 20px}.figma-artboard{width:200px;height:140px;background:#fff;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.5);position:relative;display:flex;align-items:center;justify-content:center}.figma-artboard-label{position:absolute;top:-18px;left:0;font-size:8px;color:#6b7280;font-weight:500}.figma-logo-container{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative}.figma-logo-bg{position:absolute;width:120px;height:120px;background:radial-gradient(circle at 30% 30%,#fef3c7,#fed7aa);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.7}.figma-coffee-cup{position:relative;width:40px;height:40px;animation:figmaCupFloat 4s ease-in-out infinite}.figma-cup-main{width:28px;height:20px;background:linear-gradient(135deg,#92400e,#b45309);border-radius:4px 4px 10px 10px;position:absolute;top:12px;left:6px;box-shadow:0 2px 6px rgba(146,64,14,.3)}.figma-cup-main::before{content:'';position:absolute;top:-3px;left:2px;right:2px;height:5px;background:#fef3c7;border-radius:999px}.figma-cup-handle{position:absolute;right:2px;top:16px;width:8px;height:12px;border:2px solid #92400e;border-left:none;border-radius:0 999px 999px 0}.figma-steam{position:absolute;width:2px;height:10px;background:linear-gradient(to top,rgba(255,255,255,0),rgba(255,255,255,.8));border-radius:999px;animation:figmaSteamRise 2s ease-in-out infinite}.figma-steam-1{left:12px;top:4px}.figma-steam-2{left:16px;top:6px;animation-delay:.3s}.figma-steam-3{left:20px;top:5px;animation-delay:.6s}.figma-logo-text{text-align:center;position:relative;z-index:1}.figma-brand-name{font-size:11px;font-weight:800;color:#0f172a;letter-spacing:1px;margin-bottom:2px}.figma-tagline{font-size:6px;color:#64748b;font-weight:500}.figma-selection{position:absolute;top:20px;left:80px;width:48px;height:48px;border:1px solid #a855f7;border-radius:4px;pointer-events:none}.figma-handle{position:absolute;width:5px;height:5px;background:#fff;border:1px solid #a855f7;border-radius:50%}.figma-handle-tl{top:-3px;left:-3px}.figma-handle-tr{top:-3px;right:-3px}.figma-handle-bl{bottom:-3px;left:-3px}.figma-handle-br{bottom:-3px;right:-3px}.figma-selection-info{position:absolute;bottom:-16px;left:50%;transform:translateX(-50%);background:#a855f7;color:#fff;font-size:7px;padding:2px 6px;border-radius:4px;white-space:nowrap}.figma-props{display:flex;flex-direction:column;gap:12px}.figma-prop-group{display:flex;flex-direction:column;gap:4px}.figma-prop-row{display:flex;gap:4px}.figma-input-group{flex:1;display:flex;flex-direction:column;gap:2px}.figma-input-group label{font-size:8px;color:#6b7280;font-weight:500}.figma-input-group input{background:#2a2a2a;border:1px solid #374151;border-radius:4px;padding:3px 6px;font-size:8px;color:#e5e7eb;text-align:center;outline:none}.figma-prop-section{border-top:1px solid #2a2a2a;padding-top:8px}.figma-section-header{display:flex;align-items:center;justify-content:space-between;font-size:8px;font-weight:600;color:#e5e7eb;margin-bottom:6px}.figma-section-header i{color:#6b7280;cursor:pointer;font-size:7px}.figma-fill-item,.figma-effect-item{display:flex;align-items:center;gap:8px;background:#2a2a2a;padding:6px 8px;border-radius:4px;font-size:8px;color:#d1d5db}.figma-color-preview{width:12px;height:12px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:3px;border:1px solid #374151}.figma-effect-item i{color:#f59e0b;font-size:9px}.figma-status{height:24px;background:#1e1e1e;border-top:1px solid #2a2a2a;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:8px;color:#6b7280;flex-shrink:0}.figma-status i{color:#10b981;margin-right:4px}.figma-panel::-webkit-scrollbar{width:4px}.figma-panel::-webkit-scrollbar-track{background:transparent}.figma-panel::-webkit-scrollbar-thumb{background:#374151;border-radius:999px}@keyframes figmaCupFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes figmaSteamRise{0%{opacity:.8;transform:translateY(0)}100%{opacity:0;transform:translateY(-8px)}}@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@media(max-width:768px){.web-mockup-container,.business-card-container,.browser-mockup,.enterprise-site-container,.online-store-container,.figma-app{display:none!important}.service-detail-grid{grid-template-columns:1fr!important}.service-detail-img,.service-detail-wysiwyg{display:none!important}}
