@keyframes jcws-gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes jcws-shimmer{0%{transform:translate(-50%,-50%) rotate(0deg)}100%{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes jcws-fade-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes jcws-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes jcws-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.jcws-hero{align-items:center;background:linear-gradient(135deg,#d4edda 0%,var(--secondary) 35%,var(--primary) 65%,#d4edda 100%);background-size:400% 400%;animation:jcws-gradient-shift 12s ease infinite;border-bottom:3px solid var(--success);border-radius:var(--radius-lg);box-shadow:var(--jcws-shadow-strong);display:flex;flex-direction:column;justify-content:center;margin:0 var(--clamp-padding-value) var(--space-3xl);min-height:200px;overflow:hidden;padding:var(--space-xs) var(--clamp-padding-value);position:relative;text-align:center}.jcws-hero::before{animation:jcws-shimmer 15s ease-in-out infinite;background:radial-gradient(circle at 20% 50%,rgb(255 255 255 / .3) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgb(255 255 255 / .2) 0%,transparent 50%),radial-gradient(circle at 50% 30%,rgb(255 255 255 / .15) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgb(255 255 255 / .1) 0%,transparent 50%);content:'';height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%;z-index:1}.jcws-hero-content{position:relative;z-index:2}.jcws-hero-icon{font-size:clamp(3rem, 8vw, 5rem);margin-bottom:var(--space-lg);opacity:.95}.jcws-hero h1{color:var(--white);font-family:Prompt,sans-serif;font-size:var(--h1-font-size);font-style:italic;font-weight:700;line-height:var(--leading-tight);margin:0 0 var(--space-md);text-shadow:0 2px 8px rgb(0 0 0 / .2)}.jcws-hero-subtitle{color:var(--white);font-size:var(--font-xl);font-weight:400;line-height:var(--leading-normal);margin:0;text-shadow:0 1px 4px rgb(0 0 0 / .15)}.jcws-hero--compact{min-height:200px;padding:var(--space-2xl) var(--clamp-padding-value)}.jcws-hero--tall{min-height:400px;padding:var(--space-4xl) var(--clamp-padding-value)}@media (min-width:960px) and (max-width:1280px){.jcws-hero{min-height:200px;padding:var(--space-md) var(--space-sm)}}@media (min-width:640px) and (max-width:959px){.jcws-hero{min-height:200px;padding:var(--space-md) var(--space-sm)}}@media (max-width:639px){.jcws-hero{border-radius:var(--radius-md);min-height:auto;padding:var(--space-sm) var(--space-xs)}.jcws-hero-icon{font-size:2.5rem;margin-bottom:var(--space-md)}.jcws-hero h1{font-size:var(--h3-font-size)}.jcws-hero-subtitle{font-size:var(--font-base)}}.jcws-card{background:var(--jcws-bg);border:2px solid var(--jcws-border);border-radius:var(--radius-lg);box-shadow:var(--jcws-shadow);padding:var(--space-xl) var(--space-lg);transition:var(--transition);position:relative;overflow:hidden}.jcws-card:hover{border-color:var(--border-strong);box-shadow:var(--jcws-shadow-strong);transform:translateY(-4px)}.jcws-card-header{align-items:center;display:flex;gap:var(--space-md);margin-bottom:var(--space-lg)}.jcws-card-icon{align-items:center;background:linear-gradient(135deg,var(--light-green),var(--info));border-radius:var(--radius-lg);color:var(--white);display:flex;flex-shrink:0;font-size:var(--font-2xl);height:80px;justify-content:center;width:80px;box-shadow:var(--shadow-md)}.jcws-card h3{color:var(--primary);font-family:Prompt,sans-serif;font-size:var(--h3-font-size);font-weight:600;line-height:var(--leading-tight);margin:0}.jcws-card p{color:var(--text);font-size:var(--font-base);line-height:var(--leading-relaxed);margin:0 0 var(--space-md)}.jcws-card p:last-child{margin-bottom:0}.jcws-card--horizontal{display:flex;align-items:flex-start;gap:var(--space-xl)}.jcws-card--horizontal .jcws-card-header{flex-direction:column;margin-bottom:0}.jcws-card--centered{text-align:center}.jcws-card--centered .jcws-card-header{flex-direction:column;align-items:center}.jcws-sidebar{background:var(--jcws-bg);border:2px solid var(--jcws-border);border-radius:var(--radius-lg);box-shadow:var(--jcws-shadow);padding:var(--space-xl) var(--space-lg);position:sticky;top:var(--space-2xl);transition:var(--transition)}.jcws-sidebar:hover{border-color:var(--border-strong);box-shadow:var(--jcws-shadow-strong)}.jcws-sidebar-title{align-items:center;border-bottom:2px solid var(--border-strong);color:var(--primary);display:flex;font-family:Prompt,sans-serif;font-size:var(--h4-font-size);font-weight:600;gap:var(--space-sm);margin:0 0 var(--space-lg);padding-bottom:var(--space-md)}.jcws-sidebar-title i{color:var(--secondary);font-size:var(--font-xl)}.jcws-sidebar-item{align-items:center;display:flex;gap:var(--space-md);margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--jcws-surface);border-radius:var(--radius-md);transition:var(--transition)}.jcws-sidebar-item:last-child{margin-bottom:0}.jcws-sidebar-item:hover{background:var(--jcws-chip-hover);transform:translateX(4px)}.jcws-sidebar-icon{align-items:center;background:linear-gradient(135deg,var(--success),var(--secondary));border-radius:var(--radius-full);color:var(--white);display:flex;flex-shrink:0;font-size:var(--font-lg);height:48px;justify-content:center;width:48px;box-shadow:var(--shadow-sm)}.jcws-sidebar-info{flex:1}.jcws-sidebar-label{color:var(--text-muted);display:block;font-size:var(--font-sm);font-weight:600;letter-spacing:.05em;margin-bottom:calc(var(--space-xs) / 2);text-transform:uppercase}.jcws-sidebar-value{color:var(--text);display:block;font-size:var(--font-base);font-weight:500;line-height:var(--leading-normal)}.jcws-sidebar-value a{color:var(--primary);text-decoration:none;transition:var(--transition)}.jcws-sidebar-value a:hover{color:var(--secondary);text-decoration:underline}.jcws-cta{align-items:center;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 50%,var(--primary) 100%);background-size:400% 400%;animation:jcws-gradient-shift 10s ease infinite;border:3px solid var(--success);border-radius:var(--radius-lg);box-shadow:var(--jcws-shadow-strong);display:flex;flex-direction:column;justify-content:center;margin:var(--space-3xl) var(--clamp-padding-value);min-height:240px;overflow:hidden;padding:var(--space-3xl) var(--clamp-padding-value);position:relative;text-align:center}.jcws-cta-content{position:relative;z-index:2}.jcws-cta h2{color:var(--white);font-family:Prompt,sans-serif;font-size:var(--h2-font-size);font-weight:700;line-height:var(--leading-tight);margin:0 0 var(--space-md);text-shadow:0 2px 6px rgb(0 0 0 / .2)}.jcws-cta-text{color:var(--white);font-size:var(--font-lg);font-weight:400;line-height:var(--leading-normal);margin:0 0 var(--space-xl);text-shadow:0 1px 3px rgb(0 0 0 / .15)}.jcws-cta-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center}.jcws-cta-btn{align-items:center;background:var(--white);border:2px solid var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:var(--primary);display:inline-flex;font-size:var(--font-lg);font-weight:700;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);text-decoration:none;transition:var(--transition)}.jcws-cta-btn:hover{background:#fff0;color:var(--white);transform:translateY(-3px);box-shadow:var(--shadow-xl)}.jcws-cta-btn i{font-size:var(--font-xl)}.jcws-cta-btn--secondary{background:#fff0;color:var(--white)}.jcws-cta-btn--secondary:hover{background:var(--white);color:var(--primary)}.jcws-grid{display:grid;gap:var(--space-xl);margin:var(--space-3xl) var(--clamp-padding-value)}.jcws-grid--2col{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.jcws-grid--3col{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.jcws-grid--4col{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.jcws-grid--sidebar{grid-template-columns:280px 1fr;gap:var(--space-2xl)}.jcws-grid--sidebar-both{grid-template-columns:240px 1fr 240px;gap:var(--space-2xl)}@media (max-width:960px){.jcws-grid--sidebar,.jcws-grid--sidebar-both{grid-template-columns:1fr}.jcws-grid--4col{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:640px){.jcws-grid{gap:var(--space-lg)}.jcws-grid--2col,.jcws-grid--3col,.jcws-grid--4col{grid-template-columns:1fr}}.jcws-feature{background:var(--bg-light);border:2px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-2xl) var(--space-xl);text-align:center;transition:var(--transition);position:relative;overflow:hidden}.jcws-feature::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--secondary));transform:scaleX(0);transform-origin:left;transition:transform 0.3s ease}.jcws-feature:hover{border-color:var(--border-strong);box-shadow:var(--shadow-lg);transform:translateY(-6px)}.jcws-feature:hover::before{transform:scaleX(1)}.jcws-feature-icon{font-size:clamp(2.5rem, 5vw, 4rem);margin-bottom:var(--space-lg);display:inline-block;animation:jcws-bounce 2s ease-in-out infinite}.jcws-feature:hover .jcws-feature-icon{animation:jcws-pulse 1s ease-in-out infinite}.jcws-feature h3{color:var(--primary);font-family:Prompt,sans-serif;font-size:var(--h3-font-size);font-weight:600;line-height:var(--leading-tight);margin:0 0 var(--space-md)}.jcws-feature p{color:var(--text);font-size:var(--font-base);line-height:var(--leading-relaxed);margin:0}.jcws-feature--horizontal{display:flex;align-items:center;gap:var(--space-xl);text-align:left}.jcws-feature--horizontal .jcws-feature-icon{flex-shrink:0;margin-bottom:0}.jcws-banner{background:var(--jcws-surface);border-left:4px solid var(--primary);border-radius:var(--radius);padding:var(--space-lg) var(--space-xl);margin:var(--space-xl) 0;display:flex;align-items:flex-start;gap:var(--space-md)}.jcws-banner-icon{flex-shrink:0;font-size:var(--font-2xl);color:var(--primary);margin-top:2px}.jcws-banner-content h4{color:var(--primary);font-size:var(--font-lg);font-weight:600;margin:0 0 var(--space-xs)}.jcws-banner-content p{color:var(--text);font-size:var(--font-base);line-height:var(--leading-normal);margin:0}.jcws-banner--success{background:#d4edda;border-left-color:var(--success)}.jcws-banner--success .jcws-banner-icon,.jcws-banner--success .jcws-banner-content h4{color:var(--success)}.jcws-banner--warning{background:#fff3cd;border-left-color:#ffc107}.jcws-banner--warning .jcws-banner-icon,.jcws-banner--warning .jcws-banner-content h4{color:#856404}.jcws-banner--error{background:#f8d7da;border-left-color:#dc3545}.jcws-banner--error .jcws-banner-icon,.jcws-banner--error .jcws-banner-content h4{color:#721c24}.jcws-banner--info{background:#d1ecf1;border-left-color:#17a2b8}.jcws-banner--info .jcws-banner-icon,.jcws-banner--info .jcws-banner-content h4{color:#0c5460}.jcws-stat{background:var(--jcws-bg);border:2px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-2xl) var(--space-xl);text-align:center;transition:var(--transition)}.jcws-stat:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.jcws-stat-number{color:var(--primary);font-family:Prompt,sans-serif;font-size:clamp(2.5rem, 5vw, 4rem);font-weight:700;line-height:1;margin-bottom:var(--space-sm);display:block}.jcws-stat-label{color:var(--text);font-size:var(--font-lg);font-weight:500;line-height:var(--leading-tight);display:block;margin-bottom:var(--space-xs)}.jcws-stat-description{color:var(--text-muted);font-size:var(--font-sm);line-height:var(--leading-normal)}.jcws-stat-icon{background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:var(--radius-full);color:var(--white);display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;font-size:var(--font-2xl);margin-bottom:var(--space-md);box-shadow:var(--shadow-md)}@media (max-width:640px){.jcws-hide-mobile{display:none!important}}@media (min-width:641px) and (max-width:960px){.jcws-hide-tablet{display:none!important}}@media (min-width:961px){.jcws-hide-desktop{display:none!important}}.jcws-show-mobile{display:none!important}@media (max-width:640px){.jcws-show-mobile{display:block!important}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}}@media (prefers-contrast:high){.jcws-card,.jcws-sidebar,.jcws-feature,.jcws-stat{border-width:3px!important}}.jcws-card:focus-visible,.jcws-cta-btn:focus-visible,a:focus-visible{outline:var(--jcws-focus-outline)!important;outline-offset:var(--jcws-focus-offset)!important}.jcws-text-center{text-align:center}.jcws-text-left{text-align:left}.jcws-text-right{text-align:right}.jcws-mt-0{margin-top:0}.jcws-mb-0{margin-bottom:0}.jcws-my-0{margin-top:0;margin-bottom:0}.jcws-mt-sm{margin-top:var(--space-sm)}.jcws-mb-sm{margin-bottom:var(--space-sm)}.jcws-my-sm{margin-top:var(--space-sm);margin-bottom:var(--space-sm)}.jcws-mt-md{margin-top:var(--space-md)}.jcws-mb-md{margin-bottom:var(--space-md)}.jcws-my-md{margin-top:var(--space-md);margin-bottom:var(--space-md)}.jcws-mt-lg{margin-top:var(--space-lg)}.jcws-mb-lg{margin-bottom:var(--space-lg)}.jcws-my-lg{margin-top:var(--space-lg);margin-bottom:var(--space-lg)}.jcws-mt-xl{margin-top:var(--space-xl)}.jcws-mb-xl{margin-bottom:var(--space-xl)}.jcws-my-xl{margin-top:var(--space-xl);margin-bottom:var(--space-xl)}.jcws-mt-2xl{margin-top:var(--space-2xl)}.jcws-mb-2xl{margin-bottom:var(--space-2xl)}.jcws-my-2xl{margin-top:var(--space-2xl);margin-bottom:var(--space-2xl)}.jcws-mt-3xl{margin-top:var(--space-3xl)}.jcws-mb-3xl{margin-bottom:var(--space-3xl)}.jcws-my-3xl{margin-top:var(--space-3xl);margin-bottom:var(--space-3xl)}