@layer properties;@layer components{.case-study-hero{background:linear-gradient(135deg,var(--color-canvas) 0,var(--color-surface) 100%);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-border,rgba(0,0,0,.07));padding:4rem 0 3rem;text-align:center}@media (min-width:48rem){.case-study-hero{padding:6rem 0 4rem}}.case-study-badge{border-radius:var(--radius-lg,.5rem);display:inline-block;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));margin-bottom:calc(var(--spacing, .25rem)*6);padding-block:calc(var(--spacing, .25rem)*2);padding-inline:calc(var(--spacing, .25rem)*5);--tw-font-weight:var(--font-weight-semibold,600);background:rgb(from var(--color-accent) r g b/.15);color:var(--color-accent,#1a9e72);font-weight:var(--font-weight-semibold,600);letter-spacing:.05em;text-transform:uppercase}.case-study-lead{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,1.55556));margin-inline:auto;--tw-leading:1.6;color:var(--color-muted,#5e6878);font-style:italic;line-height:1.6}@media (min-width:48rem){.case-study-lead{font-size:var(--text-xl)}}.section-intro{font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,1.4));margin-bottom:calc(var(--spacing, .25rem)*6);--tw-leading:1.6;line-height:1.6;--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.highlight-note,.section-intro{color:var(--color-foreground,#1c2028)}.highlight-note{background:rgb(from var(--color-accent) r g b/.1);border-left:4px var(--tw-border-style) var(--color-accent,#1a9e72);border-radius:0 8px 8px 0;font-style:italic;margin-block:calc(var(--spacing, .25rem)*8);padding-block:calc(var(--spacing, .25rem)*5);padding-inline:calc(var(--spacing, .25rem)*6)}.rollout-list,.situation-list{list-style-type:none;margin-block:calc(var(--spacing, .25rem)*6);padding:calc(var(--spacing, .25rem)*0)}.rollout-list li,.situation-list li{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,1.55556));margin-bottom:calc(var(--spacing, .25rem)*4);padding-left:calc(var(--spacing, .25rem)*8);position:relative;--tw-leading:1.6;color:var(--color-muted,#5e6878);line-height:1.6}.rollout-list li:before,.situation-list li:before{content:"→";left:calc(var(--spacing, .25rem)*0);position:absolute;--tw-font-weight:var(--font-weight-bold,700);color:var(--color-accent,#1a9e72);font-weight:var(--font-weight-bold,700)}.principles-list,.role-grid{display:grid;gap:calc(var(--spacing, .25rem)*6);grid-template-columns:1fr;margin-top:calc(var(--spacing, .25rem)*8)}@media (min-width:43.75rem){.principles-list,.role-grid{grid-template-columns:repeat(2,1fr)}}.role-card{background-color:var(--color-surface,#fff);border-color:var(--color-border,rgba(0,0,0,.07));border-radius:var(--radius-xl,.75rem);border-style:var(--tw-border-style);border-width:1px;padding:calc(var(--spacing, .25rem)*7);text-align:center;transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));--tw-duration:300ms;border-radius:12px;transition-duration:.3s}.benefit-card:hover,.role-card:hover{border-color:var(--color-accent,#1a9e72);box-shadow:0 8px 24px var(--color-shadow);transform:translateY(-3px)}.role-icon{align-items:center;background:linear-gradient(135deg,rgb(from var(--color-accent) r g b/.2) 0,rgb(from var(--color-accent) r g b/.1) 100%);border-radius:12px;display:flex;flex-shrink:0;height:56px;justify-content:center;margin-inline:auto;margin-bottom:calc(var(--spacing, .25rem)*4);width:56px}.role-icon i{color:var(--color-accent,#1a9e72);font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,1.33333))}.role-card h3{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,1.55556));margin-bottom:calc(var(--spacing, .25rem)*1);--tw-font-weight:var(--font-weight-semibold,600);color:var(--color-foreground,#1c2028);font-weight:var(--font-weight-semibold,600)}.role-card p{color:var(--color-muted,#5e6878);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,1.5));margin:calc(var(--spacing, .25rem)*0)}.built-feature{align-items:flex-start;background-color:var(--color-canvas,#f8f4ec);border-color:var(--color-border,rgba(0,0,0,.07));border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);border-width:1px;display:flex;gap:calc(var(--spacing, .25rem)*4);margin-bottom:calc(var(--spacing, .25rem)*5);padding:1rem 1.25rem}.built-feature .feature-marker{background-color:var(--color-accent,#1a9e72);border-radius:var(--radius-lg,.5rem);flex-shrink:0;height:8px;margin-top:.5rem;width:8px}.principle-item{background-color:var(--color-surface,#fff);border-color:var(--color-border,rgba(0,0,0,.07));border-left-color:var(--color-accent,#1a9e72);border-radius:var(--radius-xl,.75rem);border-style:var(--tw-border-style);border-left-style:var(--tw-border-style);border-radius:12px;border-width:1px 1px 1px 4px;padding:calc(var(--spacing, .25rem)*6)}.principle-item h3{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,1.55556));margin-bottom:calc(var(--spacing, .25rem)*2);--tw-font-weight:var(--font-weight-semibold,600);color:var(--color-foreground,#1c2028);font-weight:var(--font-weight-semibold,600)}.principle-item p{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,1.5));margin:calc(var(--spacing, .25rem)*0);--tw-leading:1.6;color:var(--color-muted,#5e6878);line-height:1.6}.outcome-section{background:linear-gradient(135deg,var(--color-canvas) 0,rgb(from var(--color-accent) r g b/.05) 100%)}.outcome-highlight{background-color:var(--color-surface,#fff);border-color:var(--color-accent,#1a9e72);border-radius:16px;border-style:var(--tw-border-style);border-width:2px;box-shadow:0 8px 32px rgb(from var(--color-accent) r g b/.15);margin-block:calc(var(--spacing, .25rem)*10);padding:calc(var(--spacing, .25rem)*10)}.outcome-stat{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;gap:1rem;justify-content:center}@media (min-width:37.5rem){.outcome-stat{flex-direction:row;gap:2rem}}.stat-number{display:block;margin-bottom:calc(var(--spacing, .25rem)*2);--tw-leading:1;line-height:1;--tw-font-weight:var(--font-weight-extrabold,800);color:var(--color-accent,#1a9e72);font-size:var(--text-4xl);font-weight:var(--font-weight-extrabold,800)}@media (min-width:37.5rem){.stat-number{font-size:var(--text-6xl)}}.stat-arrow{color:var(--color-accent,#1a9e72);font-size:var(--text-3xl,2rem);line-height:var(--tw-leading,var(--text-3xl--line-height,1.2));transform:rotate(90deg)}@media (min-width:37.5rem){.stat-arrow{transform:none}}.outcome-benefits{display:grid;gap:1rem;grid-template-columns:1fr;margin-block:calc(var(--spacing, .25rem)*10)}@media (min-width:48rem){.outcome-benefits{gap:1.5rem;grid-template-columns:repeat(3,1fr)}}.benefit-card{background-color:var(--color-surface,#fff);border-color:var(--color-border,rgba(0,0,0,.07));border-radius:var(--radius-xl,.75rem);border-style:var(--tw-border-style);border-width:1px;text-align:center;transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));--tw-duration:300ms;border-radius:12px;padding:1.25rem;transition-duration:.3s}@media (min-width:48rem){.benefit-card{padding:1.75rem 1.5rem}}.benefit-card i{color:var(--color-accent,#1a9e72);display:block;font-size:var(--text-3xl,2rem);line-height:var(--tw-leading,var(--text-3xl--line-height,1.2));margin-bottom:calc(var(--spacing, .25rem)*4)}.benefit-card p{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,1.5));margin:calc(var(--spacing, .25rem)*0);--tw-leading:1.6;color:var(--color-muted,#5e6878);line-height:1.6}.value-section{background:linear-gradient(135deg,rgb(from var(--color-accent) r g b/.08) 0,var(--color-canvas) 100%)}.value-item{align-items:flex-start;background-color:var(--color-surface,#fff);border-color:var(--color-border,rgba(0,0,0,.07));border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);border-width:1px;display:flex;gap:calc(var(--spacing, .25rem)*4);margin-bottom:calc(var(--spacing, .25rem)*5);transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));--tw-duration:300ms;padding:1.25rem 1.5rem;transition-duration:.3s}.value-item:hover{border-color:var(--color-accent,#1a9e72);transform:translateX(4px)}.value-item i{color:var(--color-accent,#1a9e72);flex-shrink:0;font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,1.4));margin-top:2px}.value-item p{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,1.55556));margin:calc(var(--spacing, .25rem)*0);--tw-leading:1.6;color:var(--color-muted,#5e6878);line-height:1.6}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-leading{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-border-style:solid;--tw-font-weight:initial;--tw-leading:initial;--tw-duration:initial}}}