.workshops-page{min-height:100vh;background:var(--bg-primary)}.workshops-page .workshops-hero{padding:calc(var(--space-20) + 60px) 0 var(--space-16);background:var(--gradient-subtle);position:relative;min-height:fit-content}.workshops-page .hero-content-wrapper{display:flex;align-items:center;gap:var(--space-16);max-width:1200px;margin:0 auto}.workshops-page .hero-content-left{flex:1;text-align:start}.workshops-page .hero-title{font-size:calc((var(--text-5xl)) * var(--a11y-k, 1));font-weight:800;line-height:1.1;margin-bottom:var(--space-6);color:var(--text-primary);letter-spacing:-.03em;text-align:start}.workshops-page .gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;margin-top:var(--space-2)}.workshops-page .hero-description{font-size:calc((var(--text-lg)) * var(--a11y-k, 1));line-height:1.6;color:var(--text-secondary);margin-bottom:var(--space-8);text-align:start}.workshops-page .hero-stats{display:flex;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.workshops-page .stat{text-align:center;flex:1}.workshops-page .stat-value{display:block;font-size:calc((var(--text-4xl)) * var(--a11y-k, 1));font-weight:800;color:var(--accent);margin-bottom:var(--space-1)}.workshops-page .stat-label{display:block;font-size:calc((var(--text-sm)) * var(--a11y-k, 1));color:var(--text-secondary);max-width:140px}.workshops-page .hero-actions{display:flex;gap:var(--space-4);justify-content:flex-start;flex-wrap:wrap;margin-top:var(--space-8)}.workshops-page .btn-large{padding:var(--space-3) var(--space-6)!important;font-size:calc((var(--text-base) !important) * var(--a11y-k, 1));font-weight:600!important;border-radius:var(--radius-lg)!important;transition:all var(--transition-base)!important;display:inline-flex!important;align-items:center!important;gap:var(--space-2)!important}.workshops-page .btn-primary{background:var(--accent)!important;color:#fff!important;border:none!important}.workshops-page .btn-primary:hover{background:var(--accent-hover)!important;transform:translateY(-2px)!important}.workshops-page .btn-secondary{background:transparent!important;color:var(--accent)!important;border:2px solid var(--accent)!important;padding:var(--space-3) var(--space-6)!important;border-radius:var(--radius-lg)!important;font-weight:600!important;transition:all var(--transition-base)!important}.workshops-page .btn-secondary:hover{background:var(--accent)!important;color:#fff!important}.workshops-page .why-now-section{padding:var(--space-16) 0;background:var(--bg-secondary)}.workshops-page .section-title{font-size:calc((var(--text-3xl)) * var(--a11y-k, 1));font-weight:700;text-align:center;margin-bottom:var(--space-3);color:var(--text-primary);letter-spacing:-.02em}.workshops-page .section-description{font-size:calc((var(--text-base)) * var(--a11y-k, 1));text-align:center;color:var(--text-secondary);max-width:600px;margin:0 auto var(--space-10);line-height:1.6}.workshops-page .urgency-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--space-8);max-width:900px;margin:0 auto}.workshops-page .urgency-card{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-8);border:1px solid var(--neutral-300);transition:all var(--transition-base)}.workshops-page .urgency-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.workshops-page .card-icon{font-size:calc((2.5rem) * var(--a11y-k, 1));margin-bottom:var(--space-4)}.workshops-page .card-icon.warning{color:var(--warning)}.workshops-page .card-icon.success{color:var(--success)}.workshops-page .urgency-card h3{font-size:calc((var(--text-xl)) * var(--a11y-k, 1));font-weight:600;margin-bottom:var(--space-4);color:var(--text-primary)}.workshops-page .urgency-card:first-child h3{color:var(--warning)}.workshops-page .urgency-card:last-child h3{color:var(--success)}.workshops-page .urgency-card ul{list-style:none;padding:0}.workshops-page .urgency-card li{padding:var(--space-2) 0;color:var(--text-secondary);position:relative;padding-inline-start:var(--space-5);line-height:1.5;font-size:calc((var(--text-sm)) * var(--a11y-k, 1))}.workshops-page .urgency-card li:before{content:"•";position:absolute;left:var(--space-2);color:var(--neutral-400)}.workshops-page .roles-section{padding:var(--space-16) 0;background:var(--bg-primary)}.workshops-page .roles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-6);max-width:1200px;margin:0 auto}.workshops-page .role-card{background:var(--bg-tertiary);border-radius:var(--radius-xl);padding:var(--space-6);border:1px solid var(--neutral-300);transition:all var(--transition-base);height:100%;display:flex;flex-direction:column}.workshops-page .role-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover);border-color:var(--accent)}.workshops-page .role-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--accent);border-radius:var(--radius-lg);margin-bottom:var(--space-3);color:#fff}.workshops-page .role-card h3{font-size:calc((var(--text-xl)) * var(--a11y-k, 1));font-weight:600;margin-bottom:var(--space-2);color:var(--text-primary)}.workshops-page .role-card p{color:var(--text-secondary);line-height:1.5;margin-bottom:var(--space-4);font-size:calc((var(--text-sm)) * var(--a11y-k, 1))}.workshops-page .role-tools{padding-top:var(--space-5);border-top:1px solid var(--neutral-200);margin-top:auto}.workshops-page .tools-label{display:block;font-size:calc((var(--text-sm)) * var(--a11y-k, 1));font-weight:600;color:var(--text-muted);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.5px}.workshops-page .tools-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.workshops-page .tool-tag{display:inline-block;padding:var(--space-1) var(--space-2);background:var(--neutral-200);border-radius:var(--radius-sm);font-size:calc((var(--text-xs)) * var(--a11y-k, 1));color:var(--text-secondary);font-weight:500}.workshops-page .formats-section{padding:var(--space-16) 0;background:var(--bg-secondary)}.workshops-page .formats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);max-width:1100px;margin:0 auto}.workshops-page .format-card{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-8);border:1px solid var(--neutral-300);position:relative;transition:all var(--transition-base);display:flex;flex-direction:column}.workshops-page .format-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover);border-color:var(--accent)}.workshops-page .format-card.popular{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),var(--shadow-card)}.workshops-page .popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--accent);color:#fff;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:calc((var(--text-xs)) * var(--a11y-k, 1));font-weight:600;text-transform:uppercase;letter-spacing:.5px}.workshops-page .format-card h3{font-size:calc((var(--text-2xl)) * var(--a11y-k, 1));font-weight:600;margin-bottom:var(--space-3);color:var(--text-primary)}.workshops-page .format-meta{display:flex;gap:var(--space-6);margin-bottom:var(--space-4)}.workshops-page .format-meta span{display:flex;align-items:center;gap:var(--space-1);color:var(--text-secondary);font-size:calc((var(--text-base)) * var(--a11y-k, 1))}.workshops-page .format-card>p{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-6)}.workshops-page .format-includes{flex:1;margin-bottom:var(--space-8)}.workshops-page .format-includes strong{display:block;margin-bottom:var(--space-4);color:var(--text-primary);font-size:calc((var(--text-base)) * var(--a11y-k, 1));font-weight:600}.workshops-page .format-includes ul{list-style:none;padding:0}.workshops-page .format-includes li{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2) 0;color:var(--text-secondary)}.workshops-page .format-includes li svg{color:var(--success);flex-shrink:0;margin-top:2px}.workshops-page .format-card .btn{width:100%;margin-top:auto;padding:var(--space-3) var(--space-6);font-size:calc((var(--text-base)) * var(--a11y-k, 1));font-weight:600;border-radius:var(--radius-lg);transition:all var(--transition-base)}.workshops-page .format-card .btn-primary{background:var(--accent);color:#fff;border:none}.workshops-page .format-card .btn-primary:hover{background:var(--accent-hover);transform:translateY(-2px)}.workshops-page .topics-section{padding:var(--space-16) 0;background:var(--bg-primary)}.workshops-page .topics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4);max-width:1000px;margin:0 auto}.workshops-page .topic-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--neutral-300);transition:all var(--transition-base)}.workshops-page .topic-item:hover{transform:translate(4px);border-color:var(--accent);background:var(--bg-secondary)}.workshops-page .topic-item svg{color:var(--accent);flex-shrink:0}.workshops-page .topic-item span{color:var(--text-primary);font-weight:500;font-size:calc((var(--text-sm)) * var(--a11y-k, 1))}.workshops-page .case-studies-section{padding:var(--space-16) 0;background:var(--bg-secondary)}.workshops-page .case-study-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center;max-width:1200px;margin:0 auto}.workshops-page .case-study-text h2{font-size:calc((var(--text-3xl)) * var(--a11y-k, 1));font-weight:700;margin-bottom:var(--space-4);color:var(--text-primary)}.workshops-page .case-study-text p{font-size:calc((var(--text-base)) * var(--a11y-k, 1));line-height:1.6;color:var(--text-secondary);margin-bottom:var(--space-6)}.workshops-page .case-study-features{display:flex;flex-direction:column;gap:var(--space-4)}.workshops-page .case-study-features .feature{display:flex;align-items:center;gap:var(--space-3);color:var(--text-primary);font-size:calc((var(--text-base)) * var(--a11y-k, 1))}.workshops-page .case-study-features .feature svg{color:var(--accent);flex-shrink:0}.workshops-page .visual-card{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-card);border:1px solid var(--neutral-300)}.workshops-page .visual-card h4{font-size:calc((var(--text-lg)) * var(--a11y-k, 1));font-weight:600;margin-bottom:var(--space-5);color:var(--text-primary)}.workshops-page .workflow{display:flex;flex-direction:column;gap:var(--space-4)}.workshops-page .workflow-step{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--neutral-300)}.workshops-page .step-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--accent);color:#fff;border-radius:50%;font-weight:600;flex-shrink:0;font-size:calc((var(--text-sm)) * var(--a11y-k, 1))}.workshops-page .workflow-step span:last-child{color:var(--text-secondary);flex:1;font-size:calc((var(--text-sm)) * var(--a11y-k, 1))}.workshops-page .benefits-section{padding:var(--space-16) 0;background:var(--bg-primary)}.workshops-page .benefits-section .section-title{margin-bottom:var(--space-12)}.workshops-page .benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-8);max-width:1200px;margin:0 auto}.workshops-page .benefit-card{text-align:center}.workshops-page .benefit-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;background:var(--bg-tertiary);border-radius:var(--radius-xl);margin-bottom:var(--space-3);color:var(--accent)}.workshops-page .benefit-card h3{font-size:calc((var(--text-lg)) * var(--a11y-k, 1));font-weight:600;margin-bottom:var(--space-2);color:var(--text-primary)}.workshops-page .benefit-card p{color:var(--text-secondary);line-height:1.5;font-size:calc((var(--text-sm)) * var(--a11y-k, 1))}.workshops-page .workshops-cta{padding:var(--space-16) 0;background:var(--accent);text-align:center;position:relative}.workshops-page .cta-content{position:relative;z-index:1;max-width:700px;margin:0 auto}.workshops-page .workshops-cta h2{font-size:calc((var(--text-4xl)) * var(--a11y-k, 1));font-weight:700;color:#fff;margin-bottom:var(--space-3)}.workshops-page .workshops-cta p{font-size:calc((var(--text-lg)) * var(--a11y-k, 1));color:#ffffffe6;margin-bottom:var(--space-8);line-height:1.6;max-width:600px;margin-inline-start:auto;margin-inline-end:auto}.workshops-page .cta-buttons{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-6)}.workshops-page .workshops-cta .btn-primary{background:#fff!important;color:var(--accent)!important;border:none!important;padding:var(--space-3) var(--space-8)!important;font-size:calc((var(--text-base) !important) * var(--a11y-k, 1));font-weight:600!important;border-radius:var(--radius-lg)!important}.workshops-page .workshops-cta .btn-primary:hover{transform:translateY(-2px)!important;box-shadow:var(--shadow-lg)!important}.workshops-page .workshops-cta .btn-outline{background:transparent!important;color:#fff!important;border:2px solid white!important;padding:var(--space-3) var(--space-8)!important;font-size:calc((var(--text-base) !important) * var(--a11y-k, 1));font-weight:600!important;border-radius:var(--radius-lg)!important}.workshops-page .workshops-cta .btn-outline:hover{background:#fff!important;color:var(--accent)!important}.workshops-page .cta-note{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:calc((var(--text-sm)) * var(--a11y-k, 1));color:#fffc}.workshops-page .hero-right{display:flex;flex-direction:column;gap:var(--space-6);flex:1}.workshops-page .productivity-graph{background:#fff;border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-card);border:1px solid var(--neutral-200)}.workshops-page .graph-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.workshops-page .graph-title{font-size:calc((var(--text-sm)) * var(--a11y-k, 1));font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.workshops-page .graph-badge{background:#fff;border:2px solid var(--accent);color:var(--accent);padding:var(--space-1) var(--space-3);border-radius:var(--radius-lg);font-weight:800;font-size:calc((var(--text-base)) * var(--a11y-k, 1))}.workshops-page .graph-chart{position:relative;height:120px;display:flex;align-items:flex-end}.workshops-page .graph-bars{display:flex;gap:var(--space-2);align-items:flex-end;width:100%;height:100%}.workshops-page .bar{flex:1;background:linear-gradient(to top,var(--accent-light),var(--accent));border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:all var(--transition-base)}.workshops-page .bar-1{height:25%;opacity:.3}.workshops-page .bar-2{height:35%;opacity:.4}.workshops-page .bar-3{height:45%;opacity:.5}.workshops-page .bar-4{height:55%;opacity:.6}.workshops-page .bar-5{height:65%;opacity:.7}.workshops-page .bar-6{height:75%;opacity:.8}.workshops-page .bar-7{height:85%;opacity:.9}.workshops-page .bar-8{height:95%;opacity:1}.workshops-page .graph-line{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.workshops-page .comparison-cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.workshops-page .comparison-card{background:#fff;border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid var(--neutral-200);box-shadow:var(--shadow-sm)}.workshops-page .comparison-card h4{font-size:calc((var(--text-sm)) * var(--a11y-k, 1));font-weight:600;color:var(--text-primary);margin-bottom:var(--space-3)}.workshops-page .comparison-card ul{list-style:none;padding:0;margin:0}.workshops-page .comparison-card li{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) 0;font-size:calc((var(--text-xs)) * var(--a11y-k, 1));color:var(--text-secondary);line-height:1.4}.workshops-page .dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.workshops-page .dot.warning{background:var(--warning)}.workshops-page .dot.success{background:var(--success)}.workshops-page .comparison-card.without{border-color:var(--warning);background:linear-gradient(to bottom,#fff,#f59e0b0d)}.workshops-page .comparison-card.with{border-color:var(--success);background:linear-gradient(to bottom,#fff,#22c55e0d)}.workshops-page .container{max-width:1200px;margin:0 auto;padding:0 var(--space-5)}@media (max-width: 968px){.workshops-page .hero-content-wrapper{flex-direction:column;text-align:center}.workshops-page .hero-content-left,.workshops-page .hero-title{text-align:center}.workshops-page .hero-description{text-align:center;max-width:700px;margin-inline-start:auto;margin-inline-end:auto}.workshops-page .hero-stats,.workshops-page .hero-actions{justify-content:center}.workshops-page .hero-illustration{flex-direction:row;justify-content:center;flex-wrap:wrap;max-width:600px}}@media (max-width: 768px){.workshops-page .workshops-hero{padding:calc(var(--space-20) + 80px) 0 var(--space-12)}.workshops-page .hero-title{font-size:calc((var(--text-4xl)) * var(--a11y-k, 1));margin-top:var(--space-4)}.workshops-page .hero-stats{gap:var(--space-10)}.workshops-page .stat-value{font-size:calc((var(--text-4xl)) * var(--a11y-k, 1))}.workshops-page .urgency-grid,.workshops-page .formats-grid{grid-template-columns:1fr}}@media (max-width: 1024px){.workshops-page .formats-grid,.workshops-page .roles-grid{grid-template-columns:1fr}.workshops-page .case-study-content{grid-template-columns:1fr;gap:var(--space-8)}}
