.performances-hero{min-height:calc(100vh - 64px);margin-top:64px;display:flex;align-items:center;padding:var(--space-16) 0;background:linear-gradient(135deg,var(--gray-900) 0,var(--gray-800) 100%);color:#fff;position:relative;overflow:hidden}.performances-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;opacity:.4;background-color:var(--bg-primary);opacity:1}@media (max-width:767px){.performances-hero{min-height:calc(100vh - 56px);margin-top:0;margin-bottom:56px;padding:var(--space-8) 0}}.hero-content{position:relative;z-index:2;max-width:1000px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--bg-secondary);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);font-size:var(--text-sm);margin-bottom:var(--space-6);backdrop-filter:blur(10px)}.hero-title{font-size:clamp(var(--text-3xl),5vw,var(--text-5xl));font-weight:800;margin-bottom:var(--space-6);line-height:1.1}.hero-description{font-size:var(--text-lg);opacity:.9;margin-bottom:var(--space-12);max-width:600px;line-height:1.7}.hero-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-6)}@media (max-width:767px){.hero-metrics{grid-template-columns:1fr;gap:var(--space-4)}}.metric-card{background:var(--bg-secondary);opacity:.7;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-xl);padding:var(--space-6);backdrop-filter:blur(10px);transition:all var(--transition);display:flex;align-items:center;gap:var(--space-4);color:var(--text-primary);box-shadow:0 10px 25px rgba(0,0,0,.2)}.metric-card:hover{transform:translateY(-4px);background:rgba(255,255,255,.15);box-shadow:0 10px 25px rgba(0,0,0,.2)}.metric-icon{width:48px;height:48px;border-radius:var(--radius-lg);background:rgba(0,102,255,.2);display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.metric-content{flex:1}.metric-value{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-1)}.metric-label{font-size:var(--text-sm);opacity:.8;margin-bottom:var(--space-1)}.metric-subtitle{font-size:var(--text-xs);opacity:.6}.dashboard-section{padding:var(--space-16) 0;background:var(--bg-primary);margin-bottom:var(--space-16)!important}@media (max-width:767px){.dashboard-section{padding:var(--space-8) 0}}.section-header{text-align:center;margin-bottom:var(--space-12) !important}.section-header h2{font-size:clamp(var(--text-2xl),4vw,var(--text-4xl));font-weight:700;margin-bottom:var(--space-4);color:var(--text-primary)}.section-header p{color:var(--text-secondary);font-size:var(--text-lg);max-width:600px;margin:0 auto}.dashboard-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-6);margin-bottom:var(--space-16)!important}@media (max-width:1024px){.dashboard-grid{grid-template-columns:repeat(6,1fr);gap:var(--space-4)}}@media (max-width:767px){.dashboard-grid{grid-template-columns:1fr;gap:var(--space-4)}}.dashboard-card{background:var(--bg-primary);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);border:1px solid var(--border-color);transition:all var(--transition);position:relative;overflow:hidden}.dashboard-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.dashboard-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--secondary))}[data-theme=dark] .dashboard-card{background:var(--bg-secondary);border-color:var(--border-color);box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2)}[data-theme=dark] .dashboard-card:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.4),0 4px 6px -2px rgba(0,0,0,.3)}.card-large{grid-column:span 8}.card-medium{grid-column:span 6}.card-small{grid-column:span 4}@media (max-width:1024px){.card-large{grid-column:span 6}.card-medium{grid-column:span 6}.card-small{grid-column:span 3}}@media (max-width:767px){.card-large,.card-medium,.card-small{grid-column:span 1}}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-3)}.card-title{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xl);font-weight:700;color:var(--text-primary)}.card-icon{width:24px;height:24px;color:var(--primary);flex-shrink:0}.time-selector{display:flex;gap:var(--space-2);background:var(--bg-secondary);border-radius:var(--radius-full);padding:var(--space-1)}.time-option{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.time-option.active{background:var(--primary);color:#fff}.chart-container{height:200px;position:relative;background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-4);margin:var(--space-4) 0;overflow:hidden}.chart-wrapper{height:100%;position:relative}.chart-line{height:100%;background:linear-gradient(135deg,rgba(0,102,255,.1) 0,rgba(0,212,170,.1) 100%);border-top:3px solid var(--primary);border-radius:var(--radius-md);position:relative;overflow:hidden}.chart-line::after{content:'';position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);opacity:.6;border-radius:var(--radius-sm);animation:chartGrow 2s ease-out}@keyframes chartGrow{from{height:0%}to{height:60%}}.chart-points{position:absolute;top:0;left:0;right:0;bottom:0}.chart-point{position:absolute;width:12px;height:12px;background:var(--primary);border:3px solid var(--bg-primary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);animation:pointAppear 1s ease-out}.chart-point:hover{transform:scale(1.2);box-shadow:0 0 0 6px rgba(0,102,255,.2)}@keyframes pointAppear{from{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.chart-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-top:var(--space-4)}@media (max-width:767px){.chart-stats{grid-template-columns:1fr;gap:var(--space-3)}}.stat-item{text-align:center;padding:var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-lg)}.stat-label{display:block;font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-1)}.stat-value{display:block;font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-1)}.stat-change{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:600;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full)}.stat-change.positive{color:var(--success);background:rgba(16,185,129,.1)}.performance-metrics{display:flex;flex-direction:column;gap:var(--space-6)}.metric-large{text-align:center;padding:var(--space-6);background:var(--bg-secondary);border-radius:var(--radius-xl)}.metric-value-large{font-size:var(--text-4xl);font-weight:800;color:var(--primary);margin-bottom:var(--space-2)}.metric-label-large{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:var(--space-3)}.metric-trend{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:600;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.metric-trend.positive{color:var(--success);background:rgba(16,185,129,.1)}.metric-secondary{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}@media (max-width:767px){.metric-secondary{grid-template-columns:1fr}}.metric-item{text-align:center;padding:var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-lg)}.metric-number{display:block;font-size:var(--text-lg);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-1)}.metric-desc{font-size:var(--text-sm);color:var(--text-secondary)}.keyword-badge{background:var(--primary);color:#fff;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600}.keywords-list{display:flex;flex-direction:column;gap:var(--space-3)}.keyword-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.keyword-item:hover{background:var(--bg-tertiary);transform:translateX(4px)}.keyword-info{display:flex;flex-direction:column;gap:var(--space-1)}.keyword-term{font-weight:600;color:var(--text-primary);font-size:var(--text-base)}.keyword-volume{font-size:var(--text-sm);color:var(--text-secondary)}.keyword-position{background:var(--primary);color:#fff;padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:700;min-width:40px;text-align:center}.keyword-position.pos-1{background:var(--success)}.keyword-position.pos-2{background:var(--primary)}.keyword-position.pos-3{background:var(--warning)}.conversion-metrics{display:flex;flex-direction:column;gap:var(--space-4)}.conversion-main{text-align:center;padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-xl)}.conversion-rate{font-size:var(--text-3xl);font-weight:800;color:var(--primary);margin-bottom:var(--space-2)}.conversion-label{color:var(--text-secondary);font-size:var(--text-base)}.conversion-details{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.conversion-item{text-align:center;padding:var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-lg)}.conversion-number{display:block;font-size:var(--text-lg);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-1)}.conversion-desc{font-size:var(--text-sm);color:var(--text-secondary)}.tech-metrics{display:flex;flex-direction:column;gap:var(--space-4)}
.tech-score{text-align:center;padding:var(--space-4)}.score-circle{width:80px;height:80px;border-radius:var(--radius-full);background:conic-gradient(var(--primary) 0deg 338deg,var(--bg-tertiary) 338deg 360deg);display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto;position:relative}.score-circle::before{content:'';position:absolute;width:60px;height:60px;background:var(--bg-primary);border-radius:var(--radius-full);z-index:1}.score-value{font-size:var(--text-xl);font-weight:700;color:var(--primary);position:relative;z-index:2}.score-label{font-size:var(--text-xs);color:var(--text-secondary);position:relative;z-index:2}.tech-details{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.tech-item{text-align:center;padding:var(--space-2);background:var(--bg-secondary);border-radius:var(--radius-lg)}.tech-metric{display:block;font-size:var(--text-base);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-1)}.tech-desc{font-size:var(--text-xs);color:var(--text-secondary)}.projects-section{margin:var(--space-16) 0;margin-bottom:var(--space-16)!important}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:var(--space-8)}@media (max-width:767px){.projects-grid{grid-template-columns:1fr;gap:var(--space-6)}}.project-card{background:var(--bg-primary);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);border:1px solid var(--border-color);transition:all var(--transition);position:relative;overflow:hidden};margin-bottom:var(--space-16) !important;.project-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.project-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--secondary))}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6);gap:var(--space-4)}.project-info{flex:1}.project-title{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-2)}.project-role{font-size:var(--text-base);color:var(--primary);font-weight:600;margin-bottom:var(--space-1)}.project-period{font-size:var(--text-sm);color:var(--text-secondary);background:var(--bg-secondary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);display:inline-block}.project-logo{width:60px;height:60px;flex-shrink:0}.logo-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:var(--text-lg)}.project-description{margin-bottom:var(--space-6)}.project-description p{color:var(--text-secondary);line-height:1.7}.project-actions{margin-bottom:var(--space-6)}.action-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border-color)}.action-item:last-child{border-bottom:none}.action-icon{width:20px;height:20px;color:var(--primary);flex-shrink:0}.action-item span{color:var(--text-primary);font-size:var(--text-sm)}.project-results{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}@media (max-width:500px){.project-results{grid-template-columns:1fr}}.result-item{text-align:center;padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.result-item:hover{background:var(--bg-tertiary);transform:translateY(-2px)}.result-value{font-size:var(--text-xl);font-weight:700;color:var(--primary);margin-bottom:var(--space-1)}.result-label{font-size:var(--text-sm);color:var(--text-secondary)}.comparison-section{margin:var(--space-16) 0}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6)}@media (max-width:767px){.comparison-grid{grid-template-columns:1fr;gap:var(--space-4)}}.comparison-card{background:var(--bg-primary);border-radius:var(--radius-2xl);padding:var(--space-8);border:1px solid var(--border-color);transition:all var(--transition);box-shadow:0 10px 25px rgba(0,0,0,.2)}.comparison-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.comparison-header{margin-bottom:var(--space-6)}.comparison-header h3{font-size:var(--text-lg);font-weight:700;color:var(--text-primary)}.comparison-content{text-align:center}.before-after{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);gap:var(--space-4)}@media (max-width:500px){.before-after{flex-direction:column;gap:var(--space-3)}}.after,.before{flex:1;text-align:center}.after.label,.before.label{display:block;font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2)}.after.value,.before.value{display:block;font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-1)}.after.desc,.before.desc{font-size:var(--text-sm);color:var(--text-secondary)}.arrow{color:var(--primary);flex-shrink:0}.improvement{background:rgba(16,185,129,.1);color:var(--success);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600}.impact-section{margin:var(--space-16) 0;margin-bottom:var(--space-16)!important}.impact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6)}@media (max-width:767px){.impact-grid{grid-template-columns:1fr;gap:var(--space-4)}}.impact-card{background:var(--bg-primary);border-radius:var(--radius-2xl);padding:var(--space-8);border:1px solid var(--border-color);transition:all var(--transition);text-align:center;box-shadow:0 10px 25px rgba(0,0,0,.2)}.impact-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.impact-icon{width:64px;height:64px;border-radius:var(--radius-xl);background:rgba(0,102,255,.1);display:flex;align-items:center;justify-content:center;color:var(--primary);margin:0 auto var(--space-6)}.impact-content h3{font-size:var(--text-lg);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-3)}.impact-value{font-size:var(--text-3xl);font-weight:800;color:var(--primary);margin-bottom:var(--space-3)}.impact-desc{color:var(--text-secondary);line-height:1.6}.contact-section{padding:var(--space-16) 0;background:var(--bg-secondary);text-align:center}.contact-content h2{font-size:clamp(var(--text-2xl),4vw,var(--text-4xl));font-weight:700;margin-bottom:var(--space-4);color:var(--text-primary)}.contact-content p{color:var(--text-secondary);font-size:var(--text-lg);max-width:600px;margin:0 auto var(--space-8);line-height:1.7}.contact-actions{display:flex;justify-content:center;gap:var(--space-4);flex-wrap:wrap}@media (max-width:767px){.dashboard-card{padding:var(--space-6)}.card-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.metric-secondary{grid-template-columns:1fr}.keywords-list .keyword-item{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.keyword-position{align-self:flex-start}.project-header{flex-direction:column;align-items:flex-start}.project-logo{order:-1;align-self:center}}.contact-actions .btn{display:none!important}.contact-actions{display:flex;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.contact-actions .btn_main_wrap{position:relative;display:inline-block;text-decoration:none;z-index:1}.contact-actions .btn_main_inner{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-weight:500;border-radius:var(--radius-full);transition:all var(--transition-fast);text-align:center;position:relative;cursor:pointer}.contact-actions .btn_main_inner.btn-primary{background:var(--primary);color:var(--white)}.contact-actions .btn_main_inner.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}[data-theme=dark] .contact-actions .btn_main_inner.btn-secondary{background:var(--bg-tertiary);border-color:var(--border-color)}.contact-actions .btn_main_inner.hover{position:absolute;inset:0;width:100%;height:100%;display:none;justify-content:center;align-items:center;clip-path:circle(0 at 50% 50%);border-radius:var(--radius-full)}.contact-actions .btn_main_wrap:not(.btn-secondary-wrapper) .btn_main_inner.hover{background:var(--success);color:var(--white)}.contact-actions .btn-secondary-wrapper .btn_main_inner.hover{background:var(--primary);color:var(--white);border:1px solid var(--primary)}.contact-actions .btn_main_text{font-weight:500;line-height:1}.contact-actions .btn_main_text.is-second{font-weight:500}.contact-actions .btn_main_inner svg{width:20px;height:20px;flex-shrink:0}.btn-primary:hover,.btn-secondary:hover{transform:none!important;box-shadow:none!important}@media (max-width:767px){.contact-actions{flex-direction:column;align-items:stretch;gap:var(--space-3);max-width:300px;margin:0 auto}.contact-actions .btn_main_wrap{width:100%}.contact-actions .btn_main_inner{width:100%;justify-content:center;padding:var(--space-3) var(--space-5)}.contact-actions .btn_main_inner svg{width:18px;height:18px}.contact-actions .btn_main_text{font-size:var(--text-base)}}@media (hover:none){.contact-actions .btn_main_inner:active{transform:scale(.95)}}[data-theme=dark] .contact-actions .btn_main_inner.btn-primary{background:var(--primary)}[data-theme=dark] .contact-actions .btn_main_wrap:not(.btn-secondary-wrapper) .btn_main_inner.hover{background:var(--warning)}[data-theme=dark] .contact-actions .btn-secondary-wrapper .btn_main_inner.hover{background:var(--secondary);border-color:var(--secondary)}