PageSourceSearch

https://www.ccl.org/

html ccl.org collected 2026-09-24 15:15:27 UTC 272,407 bytes, 1,506 lines download raw bytes

1<!doctype html>
2<html lang="en-GB">
3<head>
4  <meta charset="UTF-8">
5  <meta name="viewport" content="width=device-width,initial-scale=1">
6  <link rel="shortcut icon" type="image/jpg" href="/wp-content/uploads/2016/09/favicon.ico">
7  <link rel="apple-touch-icon" href="/wp-content/uploads/2022/10/apple-touch-icon.png">
8
9  <!-- OneTrust Cookies Consent Notice start for ccl.org -->
10  <!-- 
10<script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js"  type="text/javascript" charset="UTF-8" data-domain-script="019bfae0-cc4a-799d-afd6-5febb58129e0" ></script>
10
11  
11<script type="text/javascript">
12  function OptanonWrapper() { }
13  </script>
13 -->
14  <!-- OneTrust Cookies Consent Notice end for ccl.org -->
15
16  <!-- Start GTM DataLayer -->
17  
17<script>
18    dataLayer = [];
19  </script>
19
20  <!-- End GTM DataLayer -->
21
22  <!-- Google Tag Manager -->
23  
23<script>
vendor: 335 bytes, lines 23-27
23(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
24  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
25  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
26  'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
27  })(window,document,'script','dataLayer','
27GTM-NG5XMF
vendor: 3 bytes, line 27
27');
27</script>
27
28  <!-- End Google Tag Manager -->
29
30  <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
31
32	<!-- This site is optimized with the Yoast SEO Premium plugin v28.2 (Yoast SEO v28.2) - https://yoast.com/product/yoast-seo-premium-wordpress/ -->
33	<title>Leadership Development Trusted by 2/3 of the Fortune 1000 | CCL</title>
34	<meta name="description" content="For 50+ years, we&#039;ve delivered top-ranked global leadership development. Discover how we use research to grow better leaders at every level." />
35	<link rel="canonical" href="https://www.ccl.org/" />
36	<meta property="og:locale" content="en_US" />
37	<meta property="og:type" content="website" />
38	<meta property="og:title" content="Home - Center for Creative Leadership" />
39	<meta property="og:description" content="For 50+ years, we&#039;ve delivered top-ranked global leadership development. Discover how we use research to grow better leaders at every level." />
40	<meta property="og:url" content="https://www.ccl.org/" />
41	<meta property="og:site_name" content="CCL" />
42	<meta property="article:publisher" content="https://www.facebook.com/CenterforCreativeLeadership/" />
43	<meta property="article:modified_time" content="2026-08-21T11:48:33+00:00" />
44	<meta property="og:image" content="https://www.ccl.org/wp-content/uploads/2022/06/center-for-creative-leadership-ccl-featured-logo.jpg" />
45	<meta property="og:image:width" content="864" />
46	<meta property="og:image:height" content="483" />
47	<meta property="og:image:type" content="image/jpeg" />
48	<meta name="twitter:card" content="summary_large_image" />
49	<meta name="twitter:site" content="@CCLdotORG" />
50	<!-- / Yoast SEO Premium plugin. -->
51
52
53<style>/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
54@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-pan-x:initial;--tw-pan-y:initial;--tw-pinch-zoom:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-x-reverse:0;--tw-border-style:solid;--tw-divide-y-reverse:0;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-border-spacing-x:0;--tw-border-spacing-y:0}}}.tm-mark{vertical-align:super;letter-spacing:0;margin-left:-.3em;font-size:1.4em;font-style:normal;font-weight:400;line-height:0;position:relative;top:.1em}.tm-mark.nav{vertical-align:super;letter-spacing:0;margin-left:0;font-size:.9em;font-style:normal;font-weight:400;line-height:0;position:relative;top:-.1em}.nv .tm-mark{margin-left:0;font-size:.9em;top:-.1em}@layer theme{:root,:host{--font-sans:"Noto Sans", system-ui, -apple-system, sans-serif;--font-serif:"Lora", Georgia, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:oklch(63.7% .237 25.331);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;
54--container-3xl:48rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-4xl:2rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-md:12px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-ink:#003865;--color-ink-2:#2f5f95;--color-accent:#358ca2;--color-accent-text:#1f6b7f;--color-accent-2:#1f6b7f;--color-pop:#34bcaa;--color-warm:#c6663c;--color-paper:#fbf8f2;--color-blue-tint:#e8eff4;--color-rule:#0038651a;--color-rule-soft:#0038650f;--color-text-muted:#5a5c5f;--color-ccl-soft:#3b3b3b;--color-ccl-muted:#5a5c5f;--color-ccl-cream:#f6f0e6;--color-ccl-paper:#fbf8f2;--color-ccl-blue:#e8eff4;--color-ccl-rule:#0038651f;--container-wrap:1360px;--shadow-card:0 14px 30px #0038651a}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}
54::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html,body{margin:calc(var(--spacing) * 0);padding:calc(var(--spacing) * 0)}body{color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Noto Sans,system-ui,-apple-system,sans-serif;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed);background:#fff}@media (min-width:40rem){body{font-size:17px}}h1,h2,h3,h4{margin:calc(var(--spacing) * 0);--tw-font-weight:var(--font-weight-medium);font-family:Lora,Georgia,serif;font-weight:var(--font-weight-medium);color:var(--color-ink);text-wrap:balance}h1{font-size:var(--fs-h1);line-height:var(--lh-tight);letter-spacing:-.005em}h2{font-size:var(--fs-h2);line-height:var(--lh-snug)}h3{font-size:var(--fs-h3);line-height:1.2}h4{font-size:var(--fs-h4);line-height:1.3}p{margin:calc(var(--spacing) * 0);color:var(--text);text-wrap:pretty}a{color:inherit;text-decoration-line:none}*{box-sizing:border-box}}@layer components{.wrap{max-width:var(--container-wrap);padding-inline:calc(var(--spacing) * 5);margin-inline:auto}@media (min-width:40rem){.wrap{padding-inline:calc(var(--spacing) * 8)}}@media (min-width:64rem){.wrap{padding-inline:calc(var(--spacing) * 14)}}.btn{cursor:pointer;align-items:center;gap:calc(var(--spacing) * 2);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;border-width:1px;border-color:#0000;border-radius:3.40282e38px;transition-duration:.15s;display:inline-flex}.btn .arr{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;flex-shrink:0;transition-duration:.15s}.btn:hover .arr{transform:translate(4px)}.btn-primary{border-color:var(--color-ink);background-color:var(--color-ink);color:var(--color-white)}@media (hover:hover){.btn-primary:hover{--tw-translate-y:-1px;translate:var(--tw-translate-x) var(--tw-translate-y);border-color:var(--color-ink-2);background-color:var(--color-ink-2)}}.btn-ghost{border-color:var(--color-ink);color:var(--color-ink);background-color:#0000}@media (hover:hover){.btn-ghost:hover{background-color:var(--color-ink);color:var(--color-white)}}.btn-ghost-light{color:var(--color-white);background-color:#0000;border-color:#fff6}.btn-ghost-light:hover,.btn-inverse{border-color:var(--color-white);background-color:var(--color-white);color:var(--color-ink)}.btn-inverse:hover{--tw-translate-y:-1px;translate:var(--tw-translate-x) var(--tw-translate-y);border-color:var(--color-pop);background-color:var(--color-pop);color:var(--color-ink)}.btn-text{padding-inline:calc(var(--spacing) * 0);padding-block:calc(var(--spacing) * 2);color:var(--color-accent-text);background-color:#0000}.btn-text:hover{color:var(--color-ink);text-underline-offset:3px;text-decoration-line:underline;text-decoration-thickness:1.5px}.eyebrow{align-items:center;gap:calc(var(--spacing) * 2.5);--tw-font-weight:var(--font-weight-semibold);font-size:12px;font-weight:var(--font-weight-semibold);color:var(--color-accent-text);text-transform:uppercase;display:inline-flex}@media (min-width:40rem){.eyebrow{font-size:13px}}.eyebrow{letter-spacing:.14em}.eyebrow:before{content:"";height:1px;width:calc(var(--spacing) * 7);background-color:var(--color-accent-text)}.eyebrow.eyebrow-light{color:var(--color-white)}.eyebrow.eyebrow-light:before{background-color:var(--color-white)}.pill-cta{justify-content:center;align-items:center;gap:calc(var(--spacing) * 2);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-ink);padding-inline:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * 3);text-align:center;font-family:var(--font-serif);color:var(--color-ink);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;background-color:#0000;border-radius:3.40282e38px;flex-wrap:wrap;transition-duration:.2s;display:inline-flex}@media (min-width:40rem){.pill-cta{gap:calc(var(--spacing) * 3);padding-inline:calc(var(--spacing) * 7);padding-block:calc(var(--spacing) * 4)}}@media (min-width:64rem){.pill-cta{padding-inline:calc(var(--spacing) * 8)}}.pill-cta{font-size:clamp(14px,2.4vw,26px);line-height:1.35}.pill-cta:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y);background-color:var(--color-ink);color:var(--color-white)}.pill-cta em{font-family:var(--font-serif);color:var(--color-accent-text);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;font-style:italic;transition-duration:.2s}.pill-cta:hover em{color:var(--color-pop)}.pill-cta .arr{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;flex-shrink:0;transition-duration:.2s}.pill-cta:hover .arr{transform:translate(6px)}.pill-cta-dark{justify-content:center;align-items:center;gap:calc(var(--spacing) * 2);border-style:var(--tw-border-style);border-width:1px;border-color:#ffffff40;border-radius:3.40282e38px;flex-wrap:wrap;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.pill-cta-dark{border-color:color-mix(in oklab, var(--color-white) 25%, transparent)}}.pill-cta-dark{background-color:#ffffff08}@supports (color:color-mix(in lab, red, red)){.pill-cta-dark{background-color:color-mix(in oklab, var(--color-white) 3%, transparent)}}.pill-cta-dark{padding-inline:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * 3);text-align:center;font-family:var(--font-serif);color:var(--color-white);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;transition-duration:.2s}@media (min-width:40rem){.pill-cta-dark{gap:calc(var(--spacing) * 3);padding-inline:calc(var(--spacing) * 7);padding-block:calc(var(--spacing) * 4)}}@media (min-width:64rem){.pill-cta-dark{padding-inline:calc(var(--spacing) * 8)}}.pill-cta-dark{font-size:clamp(14px,2.6vw,28px);line-height:1.35}.pill-cta-dark:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y);border-color:var(--color-pop);background-color:var(--color-pop);color:var(--color-ink)}.pill-cta-dark em{color:var(--color-pop);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;font-style:italic;transition-duration:.2s}.pill-cta-dark:hover em{color:var(--color-ink)}.pill-cta-dark .arr{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;flex-shrink:0;transition-duration:.2s}.pill-cta-dark:hover .arr{transform:translate(6px)}}@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.not-sr-only{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.-inset-1{inset:calc(var(--spacing) * -1)}.inset-0{inset:calc(var(--spacing) * 0)}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.start-0{inset-inline-start:calc(var(--spacing) * 0)}.end{inset-inline-end:var(--spacing)}.-top-5{top:calc(var(--spacing) * -5)}.top-0{top:calc(var(--spacing) * 0)}.top-1{top:calc(var(--spacing) * 1)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-4{top:calc(var(--spacing) * 4)}.top-14{top:calc(var(--spacing) * 14)}.top-\[1px\]{top:1px}.top-\[2\.1vw\]{top:2.1vw}.top-\[3px\]{top:3px}.top-\[30px\]{top:30px}.top-\[74px\]{top:74px}.top-\[86px\]{top:86px}.top-full{top:100%}.right-0{right:calc(var(--spacing) * 0)}.right-1{right:calc(var(--spacing) * 1)}.right-2{right:calc(var(--spacing) * 2)}.right-4{right:calc(var(--spacing) * 4)}.right-\[2\.1vw\]{right:2.1vw}.-bottom-11{bottom:calc(var(--spacing) * -11)}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-\[60px\]{bottom:60px}.bottom-full{bottom:100%}.left-0{left:calc(var(--spacing) * 0)}.left-1\/2{left:50%}.isolate{isolation:isolate}.isolation-auto{isolation:auto}.z-0{z-index:0}.z-1{z-index:1}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-110{z-index:110}.z-\[1\]{z-index:1}.z-\[2\]{z-index:2}.z-\[11\]{z-index:11}.z-\[100\]{z-index:100}.z-\[9998\]{z-index:9998}.z-\[9999\]{z-index:9999}.order-1{order:1}.order-2{order:2}.col-span-4{grid-column:span 4/span 4}.col-span-8{grid-column:span 8/span 8}.col-span-12{grid-column:span 12/span 12}.row-span-2{grid-row:span 2/span 2}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing) * 0)}.m-0\!{margin:calc(var(--spacing) * 0)!important}.m-auto{margin:auto}.-mx-2\.5{margin-inline:calc(var(--spacing) * -2.5)}.mx-1\.5{margin-inline:calc(var(--spacing) * 1.5)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-\[22px\]{margin-inline:22px}.mx-auto{margin-inline:auto}.\!my-10{margin-block:calc(var(--spacing) * 10)!important}.my-0{margin-block:calc(var(--spacing) * 0)}.my-0\!{margin-block:calc(var(--spacing) * 0)!important}.my-0\.5{margin-block:calc(var(--spacing) * .5)}.my-2{margin-block:calc(var(--spacing) * 2)}.my-5{margin-block:calc(var(--spacing) * 5)}.my-6{margin-block:calc(var(--spacing) * 6)}.my-7{margin-block:calc(var(--spacing) * 7)}.my-8{margin-block:calc(var(--spacing) * 8)}.my-\[52px\]{margin-block:52px}.ms-3{margin-inline-start:calc(var(--spacing) * 3)}.\!mt-0{margin-top:calc(var(--spacing) * 0)!important}.-mt-px{margin-top:-1px}.mt-0{margin-top:calc(var(--spacing) * 0)}
54.mt-0\!{margin-top:calc(var(--spacing) * 0)!important}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-3\.5{margin-top:calc(var(--spacing) * 3.5)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-5\!{margin-top:calc(var(--spacing) * 5)!important}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-8\!{margin-top:calc(var(--spacing) * 8)!important}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-10\!{margin-top:calc(var(--spacing) * 10)!important}.mt-12{margin-top:calc(var(--spacing) * 12)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mt-\[3px\]{margin-top:3px}.mt-\[18px\]{margin-top:18px}.mt-\[30px\]{margin-top:30px}.mt-\[50px\]{margin-top:50px}.mt-auto{margin-top:auto}.mr-1\.5{margin-right:calc(var(--spacing) * 1.5)}.\!mb-10{margin-bottom:calc(var(--spacing) * 10)!important}.mb-0{margin-bottom:calc(var(--spacing) * 0)}.mb-0\!{margin-bottom:calc(var(--spacing) * 0)!important}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-3\.5{margin-bottom:calc(var(--spacing) * 3.5)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-6\!{margin-bottom:calc(var(--spacing) * 6)!important}.mb-7{margin-bottom:calc(var(--spacing) * 7)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-\[3\.3vw\]\!{margin-bottom:3.3vw!important}.mb-\[7px\]{margin-bottom:7px}.mb-\[18px\]{margin-bottom:18px}.mb-\[30px\]{margin-bottom:30px}.mb-\[52px\]{margin-bottom:52px}.-ml-7{margin-left:calc(var(--spacing) * -7)}.-ml-px{margin-left:-1px}.ml-0{margin-left:calc(var(--spacing) * 0)}.ml-0\!{margin-left:calc(var(--spacing) * 0)!important}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.flow-root{display:flow-root}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-flex\!{display:inline-flex!important}.inline-grid{display:inline-grid}.inline-table{display:inline-table}.list-item{display:list-item}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-column{display:table-column}.table-column-group{display:table-column-group}.table-footer-group{display:table-footer-group}.table-header-group{display:table-header-group}.table-row{display:table-row}.table-row-group{display:table-row-group}.aspect-\[16\/9\]{aspect-ratio:16/9}.aspect-square{aspect-ratio:1}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-\[3\.64vw\]{width:3.64vw;height:3.64vw}.size-\[12\.28vw\]{width:12.28vw;height:12.28vw}.size-\[13\.23vw\]{width:13.23vw;height:13.23vw}.size-\[16\.8vw\]{width:16.8vw;height:16.8vw}.h-0\.5{height:calc(var(--spacing) * .5)}.h-1{height:calc(var(--spacing) * 1)}.h-2{height:calc(var(--spacing) * 2)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-24{height:calc(var(--spacing) * 24)}.h-28{height:calc(var(--spacing) * 28)}.h-\[-webkit-fill-available\]{height:-webkit-fill-available}.h-\[1px\]{height:1px}.h-\[14px\]{height:14px}.h-\[20px\]{height:20px}.h-\[24vh\]{height:24vh}
54.h-\[26px\]{height:26px}.h-\[30px\]{height:30px}.h-\[34px\]{height:34px}.h-\[42px\]{height:42px}.h-\[43\.33vw\]{height:43.33vw}.h-\[50px\]{height:50px}.h-\[72px\]{height:72px}.h-\[100px\]{height:100px}.h-\[100vh\]{height:100vh}.h-\[110px\]{height:110px}.h-\[168px\]{height:168px}.h-\[200px\]{height:200px}.h-\[450px\]{height:450px}.h-\[calc\(100vh-74px\)\]{height:calc(100vh - 74px)}.h-\[calc\(100vh-160px\)\]{height:calc(100vh - 160px)}.h-auto{height:auto}.h-fit{height:fit-content}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-16{max-height:calc(var(--spacing) * 16)}.max-h-52{max-height:calc(var(--spacing) * 52)}.max-h-64{max-height:calc(var(--spacing) * 64)}.max-h-\[40\%\]{max-height:40%}.max-h-\[40px\]{max-height:40px}.max-h-\[42px\]{max-height:42px}.max-h-\[55px\]{max-height:55px}.max-h-\[58\%\]{max-height:58%}.max-h-\[60\%\]{max-height:60%}.max-h-\[60\.5\%\]{max-height:60.5%}.max-h-\[64\%\]{max-height:64%}.max-h-\[72\%\]{max-height:72%}.max-h-\[80vh\]{max-height:80vh}.max-h-\[480px\]{max-height:480px}.max-h-\[500px\]{max-height:500px}.max-h-\[520px\]{max-height:520px}.max-h-\[550px\]{max-height:550px}.max-h-\[562px\]{max-height:562px}.max-h-\[570px\]{max-height:570px}.max-h-full{max-height:100%}.min-h-5{min-height:calc(var(--spacing) * 5)}.min-h-\[2\.5em\]{min-height:2.5em}.min-h-\[220px\]{min-height:220px}.min-h-\[260px\]{min-height:260px}.min-h-\[300px\]{min-height:300px}.min-h-full{min-height:100%}.w-1{width:calc(var(--spacing) * 1)}.w-1\/2{width:50%}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-16{width:calc(var(--spacing) * 16)}.w-28{width:calc(var(--spacing) * 28)}.w-44{width:calc(var(--spacing) * 44)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-80{width:calc(var(--spacing) * 80)}.w-\[11rem\]{width:11rem}.w-\[13\%\]{width:13%}.w-\[22px\]{width:22px}.w-\[24\.5\%\]{width:24.5%}.w-\[25\%\]{width:25%}.w-\[40\%\]{width:40%}.w-\[42px\]{width:42px}.w-\[45\.67vw\]{width:45.67vw}.w-\[56\.82vw\]{width:56.82vw}.w-\[80\%\]{width:80%}.w-\[88\%\]{width:88%}.w-\[88vw\]{width:88vw}.w-\[90\%\]{width:90%}.w-\[90vw\]{width:90vw}.w-\[95vw\]{width:95vw}.w-\[100px\]{width:100px}.w-\[100vw\]{width:100vw}.w-\[160px\]{width:160px}.w-\[175px\]{width:175px}.w-\[200px\]{width:200px}.w-\[225px\]{width:225px}.w-\[300px\]{width:300px}.w-\[310px\]{width:310px}.w-\[775px\]{width:775px}.w-\[min\(380px\,90vw\)\]{width:min(380px,90vw)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-full\!{width:100%!important}.w-px{width:1px}.w-screen{width:100vw}.max-w-3xl{max-width:var(--container-3xl)}.max-w-\[40\%\]{max-width:40%}.max-w-\[60\%\]{max-width:60%}.max-w-\[60\.5\%\]{max-width:60.5%}.max-w-\[75\%\]{max-width:75%}.max-w-\[78\%\]{max-width:78%}.max-w-\[80\%\]{max-width:80%}.max-w-\[82\%\]{max-width:82%}.max-w-\[240px\]{max-width:240px}.max-w-\[280px\]{max-width:280px}.max-w-\[420px\]{max-width:420px}.max-w-\[520px\]{max-width:520px}.max-w-\[540px\]{max-width:540px}.max-w-\[560px\]{max-width:560px}.max-w-\[620px\]{max-width:620px}.max-w-\[720px\]{max-width:720px}.max-w-\[860px\]{max-width:860px}.max-w-\[1038px\]{max-width:1038px}.max-w-\[1120px\]{max-width:1120px}.max-w-\[1132px\]{max-width:1132px}.max-w-\[1140px\]{max-width:1140px}.max-w-\[1360px\]{max-width:1360px}.max-w-\[1520px\]{max-width:1520px}.max-w-\[1770px\]{max-width:1770px}.max-w-full{max-width:100%}.max-w-none{max-width:none}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-1{flex:1}.flex-none{flex:none}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.table-fixed{table-layout:fixed}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.border-separate{border-collapse:separate}.origin-top-left{transform-origin:0 0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-6{--tw-translate-x:calc(var(--spacing) * -6);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-full{--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-full{--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0{--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0\.5{--tw-translate-y:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-4{--tw-translate-y:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-full{--tw-translate-y:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-none{translate:none}.scale-3d{scale:var(--tw-scale-x) var(--tw-scale-y) var(--tw-scale-z)}.\!rotate-180{rotate:180deg!important}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.transform\!{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)!important}.transform-none{transform:none}.animate-pulse{animation:var(--animate-pulse)}
54.cursor-auto{cursor:auto}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-pan-x{--tw-pan-x:pan-x;touch-action:var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,)}.touch-pinch-zoom{--tw-pinch-zoom:pinch-zoom;touch-action:var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,)}.resize{resize:both}.list-inside{list-style-position:inside}.list-none{list-style-type:none}.\!grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-evenly{justify-content:space-evenly}.justify-start{justify-content:flex-start}.justify-items-center{justify-items:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-12{gap:calc(var(--spacing) * 12)}.gap-\[22px\]{gap:22px}.gap-px{gap:1px}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-reverse>:not(:last-child)){--tw-space-y-reverse:1}.gap-x-1{column-gap:calc(var(--spacing) * 1)}.gap-x-1\.5{column-gap:calc(var(--spacing) * 1.5)}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-2\.5{column-gap:calc(var(--spacing) * 2.5)}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-x-5{column-gap:calc(var(--spacing) * 5)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-x-8{column-gap:calc(var(--spacing) * 8)}.gap-x-9{column-gap:calc(var(--spacing) * 9)}.gap-x-10{column-gap:calc(var(--spacing) * 10)}.gap-x-12{column-gap:calc(var(--spacing) * 12)}.gap-x-\[1\%\]{column-gap:1%}.gap-x-\[2\%\]{column-gap:2%}.gap-x-\[3\%\]{column-gap:3%}.gap-x-\[18px\]{column-gap:18px}.gap-x-\[30px\]{column-gap:30px}.gap-x-\[70px\]{column-gap:70px}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-reverse>:not(:last-child)){--tw-space-x-reverse:1}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.gap-y-3{row-gap:calc(var(--spacing) * 3)}.gap-y-4{row-gap:calc(var(--spacing) * 4)}.gap-y-5{row-gap:calc(var(--spacing) * 5)}.gap-y-6{row-gap:calc(var(--spacing) * 6)}.gap-y-7{row-gap:calc(var(--spacing) * 7)}.gap-y-8{row-gap:calc(var(--spacing) * 8)}.gap-y-12{row-gap:calc(var(--spacing) * 12)}.gap-y-\[3\.125vw\]{row-gap:3.125vw}:where(.divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px * var(--tw-divide-x-reverse));border-inline-end-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-y-reverse>:not(:last-child)){--tw-divide-y-reverse:1}.self-start{align-self:flex-start}.justify-self-end{justify-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-x-contain{overscroll-behavior-x:contain}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-4xl{border-radius:var(--radius-4xl)}.rounded-\[1\.66vw\]{border-radius:1.66vw}.rounded-\[2px\]{border-radius:2px}
54.rounded-\[8px\]{border-radius:8px}.rounded-\[10px\]{border-radius:10px}.rounded-\[15px\]{border-radius:15px}.rounded-\[20px\]{border-radius:20px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-s{border-start-start-radius:.25rem;border-end-start-radius:.25rem}.rounded-ss{border-start-start-radius:.25rem}.rounded-e{border-start-end-radius:.25rem;border-end-end-radius:.25rem}.rounded-se{border-start-end-radius:.25rem}.rounded-ee{border-end-end-radius:.25rem}.rounded-es{border-end-start-radius:.25rem}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-l-lg{border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.rounded-tl{border-top-left-radius:.25rem}.rounded-tl-lg{border-top-left-radius:var(--radius-lg)}.rounded-tl-none{border-top-left-radius:0}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.rounded-r-lg{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.rounded-tr{border-top-right-radius:.25rem}.rounded-tr-\[4px\]{border-top-right-radius:4px}.rounded-tr-\[5px\]{border-top-right-radius:5px}.rounded-tr-lg{border-top-right-radius:var(--radius-lg)}.rounded-tr-none{border-top-right-radius:0}.rounded-b{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-br{border-bottom-right-radius:.25rem}.rounded-br-\[4px\]{border-bottom-right-radius:4px}.rounded-br-\[5px\]{border-bottom-right-radius:5px}.rounded-br-\[10px\]{border-bottom-right-radius:10px}.rounded-br-lg{border-bottom-right-radius:var(--radius-lg)}.rounded-br-none{border-bottom-right-radius:0}.rounded-bl{border-bottom-left-radius:.25rem}.rounded-bl-\[10px\]{border-bottom-left-radius:10px}.rounded-bl-lg{border-bottom-left-radius:var(--radius-lg)}.rounded-bl-none{border-bottom-left-radius:0}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.border-x-0{border-inline-style:var(--tw-border-style);border-inline-width:0}.border-x-\[1px\]{border-inline-style:var(--tw-border-style);border-inline-width:1px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-y-0{border-block-style:var(--tw-border-style);border-block-width:0}.border-s{border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px}.border-e{border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-t-\[3px\]{border-top-style:var(--tw-border-style);border-top-width:3px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-b-\[1px\]{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-0{border-left-style:var(--tw-border-style);border-left-width:0}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-l-\[3px\]{border-left-style:var(--tw-border-style);border-left-width:3px}.border-dotted{--tw-border-style:dotted;border-style:dotted}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.\!border-\[\#00315b\]{border-color:#00315b!important}.border-\[\#2f5f95\]{border-color:#2f5f95}.border-\[\#00315b\]\!{border-color:#00315b!important}.border-\[\#1560A5\]{border-color:#1560a5}.border-\[\#E5E7EB\]{border-color:#e5e7eb}.border-\[\#aaa\]{border-color:#aaa}.border-\[\#cccccc\]{border-color:#ccc}.border-\[\#d7dbe2\]{border-color:#d7dbe2}.border-\[\#dedede\]{border-color:#dedede}.border-\[\#e5e5e5\]{border-color:#e5e5e5}.border-\[rgba\(0\,56\,101\,0\.06\)\]{border-color:#0038650f}.border-blue-600{border-color:var(--color-blue-600)}.border-blue-700{border-color:var(--color-blue-700)}.border-ccl-rule{border-color:var(--color-ccl-rule)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-300{border-color:var(--color-gray-300)}.border-ink{border-color:var(--color-ink)}.border-ink\/12{border-color:#0038651f}@supports (color:color-mix(in lab, red, red)){.border-ink\/12{border-color:color-mix(in oklab, var(--color-ink) 12%, transparent)}}.border-ink\/25{border-color:#00386540}@supports (color:color-mix(in lab, red, red)){.border-ink\/25{border-color:color-mix(in oklab, var(--color-ink) 25%, transparent)}}.border-pop{border-color:var(--color-pop)}.border-rule{border-color:var(--color-rule)}.border-rule-soft{border-color:var(--color-rule-soft)}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.border-white\/15{border-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.border-white\/15{border-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.border-white\/20{border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.border-white\/30{border-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.border-white\/30{border-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.border-x-\[\#e5e5e5\]{border-inline-color:#e5e5e5}.border-t-\[\#C3C6CF\]{border-top-color:#c3c6cf}.border-t-\[\#e5e7eb\]{border-top-color:#e5e7eb}.border-r-\[\#e5e7eb\]{border-right-color:#e5e7eb}.border-b-\[\#3b3b3b\]{border-bottom-color:#3b3b3b}.border-b-\[\#003865\]{border-bottom-color:#003865}.border-b-\[\#e5e7eb\]{border-bottom-color:#e5e7eb}.border-b-transparent{border-bottom-color:#0000}.border-l-\[\#2F5F95\]{border-left-color:#2f5f95}.border-l-\[\#358CA2\]{border-left-color:#358ca2}.border-l-\[\#00687b\]{border-left-color:#00687b}.border-l-\[\#e5e7eb\]{border-left-color:#e5e7eb}.\!bg-\[\#00315b\]{background-color:#00315b!important}.bg-\[\#2F5F95\]{background-color:#2f5f95}.bg-\[\#3b3b3b\]{background-color:#3b3b3b}.bg-\[\#5CA346\]{background-color:#5ca346}.bg-\[\#9BC5CF\]{background-color:#9bc5cf}.bg-\[\#34BCAA\]{background-color:#34bcaa}.bg-\[\#00315b\]\!{background-color:#00315b!important}.bg-\[\#358CA2\]{background-color:#358ca2}.bg-\[\#003865\]{background-color:#003865}.bg-\[\#003968\]{background-color:#003968}.bg-\[\#DDF1F9\]{background-color:#ddf1f9}.bg-\[\#DEECEF\]{background-color:#deecef}.bg-\[\#E8F1F7\]{background-color:#e8f1f7}.bg-\[\#EAF1F6\]{background-color:#eaf1f6}.bg-\[\#EBF8E1\]{background-color:#ebf8e1}.bg-\[\#EEF5FB\]{background-color:#eef5fb}.bg-\[\#F0F1F3\]{background-color:#f0f1f3}.bg-\[\#e5e5e5\]{background-color:#e5e5e5}.bg-\[\#e7edf3\]{background-color:#e7edf3}.bg-\[\#ebf8f7\]{background-color:#ebf8f7}.bg-\[\#f1f1f1\]{background-color:#f1f1f1}.bg-\[\#f3f4f6\]{background-color:#f3f4f6}.bg-\[rgba\(0\,30\,58\,0\.45\)\]{background-color:#001e3a73}.bg-accent{background-color:var(--color-accent)}.bg-accent-text{background-color:var(--color-accent-text)}.bg-black\/5{background-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.bg-black\/5{background-color:color-mix(in oklab, var(--color-black) 5%, transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.bg-blue-200{background-color:var(--color-blue-200)}.bg-blue-200\!{background-color:var(--color-blue-200)!important}.bg-blue-700{background-color:var(--color-blue-700)}.bg-blue-tint{background-color:var(--color-blue-tint)}.bg-ccl-blue{background-color:var(--color-ccl-blue)}.bg-ccl-cream{background-color:var(--color-ccl-cream)}.bg-ccl-paper{background-color:var(--color-ccl-paper)}.bg-current{background-color:currentColor}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-gray-900\/50{background-color:#10182880}@supports (color:color-mix(in lab, red, red)){.bg-gray-900\/50{background-color:color-mix(in oklab, var(--color-gray-900) 50%, transparent)}}.bg-ink{background-color:var(--color-ink)}.bg-ink\/15{background-color:#00386526}@supports (color:color-mix(in lab, red, red)){.bg-ink\/15{background-color:color-mix(in oklab, var(--color-ink) 15%, transparent)}}.bg-ink\/20{background-color:#00386533}@supports (color:color-mix(in lab, red, red)){.bg-ink\/20{background-color:color-mix(in oklab, var(--color-ink) 20%, transparent)}}.bg-ink\/\[0\.06\]{background-color:#0038650f}@supports (color:color-mix(in lab, red, red)){.bg-ink\/\[0\.06\]{background-color:color-mix(in oklab, var(--color-ink) 6%, transparent)}}.bg-paper{background-color:var(--color-paper)}.bg-pop{background-color:var(--color-pop)}.bg-rule{background-color:var(--color-rule)}.bg-transparent{background-color:#0000}.bg-warm{background-color:var(--color-warm)}.bg-white{background-color:var(--color-white)}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.bg-white\/5{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.bg-white\/30{background-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.bg-white\/30{background-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.bg-white\/50{background-color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.bg-white\/50{background-color:color-mix(in oklab, var(--color-white) 50%, transparent)}}.bg-white\/70{background-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.bg-white\/70{background-color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.bg-white\/95{background-color:#fffffff2}@supports (color:color-mix(in lab, red, red)){.bg-white\/95{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}.bg-white\/\[0\.04\]{background-color:#ffffff0a}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[0\.04\]{background-color:color-mix(in oklab, var(--color-white) 4%, transparent)}}.bg-white\/\[0\.06\]{background-color:#ffffff0f}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[0\.06\]{background-color:color-mix(in oklab, var(--color-white) 6%, transparent)}}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\[url\(\'\/wp-content\/plugins\/ccl-features\/assets\/src\/what-ai-reveals\/img\/hero-svg\.svg\'\)\]{background-image:url(/wp-content/plugins/ccl-features/assets/src/what-ai-reveals/img/hero-svg.svg)}.from-black\/30{--tw-gradient-from:#0000004d}@supports (color:color-mix(in lab, red, red)){.from-black\/30{--tw-gradient-from:color-mix(in oklab, var(--color-black) 3
540%, transparent)}}.from-black\/30{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-transparent{--tw-gradient-via:transparent;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.bg-cover{background-size:cover}.bg-center{background-position:50%}.bg-no-repeat{background-repeat:no-repeat}.bg-repeat{background-repeat:repeat}.mask-no-clip{-webkit-mask-clip:no-clip;mask-clip:no-clip}.mask-repeat{-webkit-mask-repeat:repeat;mask-repeat:repeat}.fill-\[\#2d5a89\]{fill:#2d5a89}.fill-\[\#2d6096\]{fill:#2d6096}.fill-\[\#2e618c\]{fill:#2e618c}.fill-\[\#2f5f95\]{fill:#2f5f95}.fill-\[\#3b3b3b\]{fill:#3b3b3b}.fill-\[\#5ca346\]{fill:#5ca346}.fill-\[\#358ca2\]{fill:#358ca2}.fill-gray-200{fill:var(--color-gray-200)}.fill-rule{fill:var(--color-rule)}.fill-white{fill:var(--color-white)}.stroke-\[\#2f5f95\]{stroke:#2f5f95}.stroke-\[\#3b3b3b\]{stroke:#3b3b3b}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing) * 0)}.p-1{padding:calc(var(--spacing) * 1)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-7{padding:calc(var(--spacing) * 7)}.p-8{padding:calc(var(--spacing) * 8)}.p-\[2\.1vw\]{padding:2.1vw}.p-\[5px\]{padding:5px}.p-\[clamp\(28px\,3vw\,40px\)\]{padding:clamp(28px,3vw,40px)}.px-0{padding-inline:calc(var(--spacing) * 0)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-7{padding-inline:calc(var(--spacing) * 7)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-10{padding-inline:calc(var(--spacing) * 10)}.px-\[11px\]{padding-inline:11px}.px-\[15px\]{padding-inline:15px}.px-\[18px\]{padding-inline:18px}.px-\[22px\]{padding-inline:22px}.py-0{padding-block:calc(var(--spacing) * 0)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\!{padding-block:calc(var(--spacing) * 3)!important}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-7{padding-block:calc(var(--spacing) * 7)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-9{padding-block:calc(var(--spacing) * 9)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-20{padding-block:calc(var(--spacing) * 20)}.py-\[2px\]{padding-block:2px}.py-\[5px\]{padding-block:5px}.py-\[10px\]{padding-block:10px}.py-\[12vw\]{padding-block:12vw}.py-\[18px\]{padding-block:18px}.py-\[52px\]{padding-block:52px}.pt-0{padding-top:calc(var(--spacing) * 0)}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-2\.5{padding-top:calc(var(--spacing) * 2.5)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-3\.5{padding-top:calc(var(--spacing) * 3.5)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-5\.5{padding-top:calc(var(--spacing) * 5.5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-7{padding-top:calc(var(--spacing) * 7)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-9{padding-top:calc(var(--spacing) * 9)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pt-11{padding-top:calc(var(--spacing) * 11)}.pt-12{padding-top:calc(var(--spacing) * 12)}.pt-14{padding-top:calc(var(--spacing) * 14)}.pt-16{padding-top:calc(var(--spacing) * 16)}.pt-20{padding-top:calc(var(--spacing) * 20)}.pt-\[18px\]{padding-top:18px}.pt-\[30px\]{padding-top:30px}.pt-\[50px\]{padding-top:50px}.pt-\[70px\]{padding-top:70px}.pr-0\.5{padding-right:calc(var(--spacing) * .5)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-9{padding-right:calc(var(--spacing) * 9)}.pb-0{padding-bottom:calc(var(--spacing) * 0)}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.pb-1\.5{padding-bottom:calc(var(--spacing) * 1.5)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pb-9{padding-bottom:calc(var(--spacing) * 9)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.pb-\[4\.8vw\]{padding-bottom:4.8vw}.pb-\[5vh\]{padding-bottom:5vh}.pb-\[6\.25vw\]{padding-bottom:6.25vw}.pb-\[18px\]{padding-bottom:18px}.pb-\[22px\]{padding-bottom:22px}.pb-\[52px\]{padding-bottom:52px}.pl-0{padding-left:calc(var(--spacing) * 0)}.pl-1{padding-left:calc(var(--spacing) * 1)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-5{padding-left:calc(var(--spacing) * 5)}.pl-6{padding-left:calc(var(--spacing) * 6)}.pl-14{padding-left:calc(var(--spacing) * 14)}.pl-\[7px\]{padding-left:7px}.text-center{text-align:center}.text-left{text-align:left}.align-middle{vertical-align:middle}.align-top{vertical-align:top}.\!font-\[\'Noto_Sans\'\]{font-family:Noto Sans!important}.font-\[\'Lora\'\]{font-family:Lora}.font-\[\'Noto_Sans\'\]{font-family:Noto Sans}.font-\[\'lora\'\]{font-family:lora}.font-\[Lora\]{font-family:Lora}.font-\[Noto_Sans\]\!{font-family:Noto Sans!important}.font-sans{font-family:var(--font-sans)}.font-serif{font-family:var(--font-serif)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);
54line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xl\!{font-size:var(--text-xl)!important;line-height:var(--tw-leading,var(--text-xl--line-height))!important}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\!text-\[2\.25rem\]{font-size:2.25rem!important}.text-\[1rem\]{font-size:1rem}.text-\[2\.4vw\]{font-size:2.4vw}.text-\[2\.6rem\]{font-size:2.6rem}.text-\[2\.18vw\]{font-size:2.18vw}.text-\[3\.25vw\]{font-size:3.25vw}.text-\[6\.1vw\]{font-size:6.1vw}.text-\[11px\]{font-size:11px}.text-\[12\.1vw\]\!{font-size:12.1vw!important}.text-\[12\.5px\]{font-size:12.5px}.text-\[12px\]{font-size:12px}.text-\[13\.5px\]{font-size:13.5px}.text-\[13px\]{font-size:13px}.text-\[14\.5px\]{font-size:14.5px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-\[18px\]\!{font-size:18px!important}.text-\[20px\]{font-size:20px}.text-\[22px\]{font-size:22px}.text-\[24px\]{font-size:24px}.text-\[26px\]{font-size:26px}.text-\[28px\]{font-size:28px}.text-\[30px\]{font-size:30px}.text-\[32px\]{font-size:32px}.text-\[34px\]{font-size:34px}.text-\[40px\]{font-size:40px}.text-\[44px\]{font-size:44px}.text-\[52px\]{font-size:52px}.text-\[60px\]\!{font-size:60px!important}.text-\[clamp\(24px\,2\.4vw\,30px\)\]{font-size:clamp(24px,2.4vw,30px)}.\!leading-\[1\.3\]{--tw-leading:1.3!important;line-height:1.3!important}.\!leading-\[140\%\]{--tw-leading:140%!important;line-height:140%!important}.leading-0{--tw-leading:calc(var(--spacing) * 0);line-height:calc(var(--spacing) * 0)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-9{--tw-leading:calc(var(--spacing) * 9);line-height:calc(var(--spacing) * 9)}.leading-\[0\.95\]{--tw-leading:.95;line-height:.95}.leading-\[1\.02\]{--tw-leading:1.02;line-height:1.02}.leading-\[1\.4\]{--tw-leading:1.4;line-height:1.4}.leading-\[1\.5\]{--tw-leading:1.5;line-height:1.5}.leading-\[1\.6\]{--tw-leading:1.6;line-height:1.6}.leading-\[1\.08\]{--tw-leading:1.08;line-height:1.08}.leading-\[1\.12\]{--tw-leading:1.12;line-height:1.12}.leading-\[1\.15\]{--tw-leading:1.15;line-height:1.15}.leading-\[1\.16\]{--tw-leading:1.16;line-height:1.16}.leading-\[1\.25\]{--tw-leading:1.25;line-height:1.25}.leading-\[1\.26\]{--tw-leading:1.26;line-height:1.26}.leading-\[1\.28\]{--tw-leading:1.28;line-height:1.28}.leading-\[1\.35\]{--tw-leading:1.35;line-height:1.35}.leading-\[1\.45\]{--tw-leading:1.45;line-height:1.45}.leading-\[1\.52\]{--tw-leading:1.52;line-height:1.52}.leading-\[1\.55\]{--tw-leading:1.55;line-height:1.55}.leading-\[1\.65\]{--tw-leading:1.65;line-height:1.65}.leading-\[20px\]{--tw-leading:20px;line-height:20px}.leading-\[100\%\]{--tw-leading:100%;line-height:100%}.leading-\[108\%\]{--tw-leading:108%;line-height:108%}.leading-\[108\%\]\!{--tw-leading:108%!important;line-height:108%!important}.leading-\[115\%\]{--tw-leading:115%;line-height:115%}.leading-\[115\%\]\!{--tw-leading:115%!important;line-height:115%!important}.leading-\[120\%\]{--tw-leading:120%;line-height:120%}.leading-\[130\%\]{--tw-leading:130%;line-height:130%}.leading-\[140\%\]{--tw-leading:140%;line-height:140%}.leading-\[140\%\]\!{--tw-leading:140%!important;line-height:140%!important}.leading-\[150\%\]{--tw-leading:150%;line-height:150%}.leading-none{--tw-leading:1;line-height:1}.leading-none\!{--tw-leading:1!important;line-height:1!important}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-medium\!{--tw-font-weight:var(--font-weight-medium)!important;font-weight:var(--font-weight-medium)!important}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-normal\!{--tw-font-weight:var(--font-weight-normal)!important;font-weight:var(--font-weight-normal)!important}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}
54.font-semibold\!{--tw-font-weight:var(--font-weight-semibold)!important;font-weight:var(--font-weight-semibold)!important}.tracking-\[-0\.005em\]{--tw-tracking:-.005em;letter-spacing:-.005em}.tracking-\[-1\%\]{--tw-tracking:-1%;letter-spacing:-1%}.tracking-\[-1\%\]\!{--tw-tracking:-1%!important;letter-spacing:-1%!important}.tracking-\[-1\]{--tw-tracking:-1;letter-spacing:-1px}.tracking-\[0\%\]{--tw-tracking:0%;letter-spacing:0%}.tracking-\[0\.01em\]{--tw-tracking:.01em;letter-spacing:.01em}.tracking-\[0\.1em\]{--tw-tracking:.1em;letter-spacing:.1em}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-\[0\.14em\]{--tw-tracking:.14em;letter-spacing:.14em}.tracking-\[0\.16em\]{--tw-tracking:.16em;letter-spacing:.16em}.tracking-\[0\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.tracking-\[0\.22em\]{--tw-tracking:.22em;letter-spacing:.22em}.tracking-\[0\]{--tw-tracking:0;letter-spacing:0}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-tighter{--tw-tracking:var(--tracking-tighter);letter-spacing:var(--tracking-tighter)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-wrap{text-wrap:wrap}.break-all{word-break:break-all}.text-clip{text-overflow:clip}.text-ellipsis{text-overflow:ellipsis}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.\!text-accent-text{color:var(--color-accent-text)!important}.\!text-ink{color:var(--color-ink)!important}.\!text-warm{color:var(--color-warm)!important}.\!text-white{color:var(--color-white)!important}.\!text-white\/75{color:#ffffffbf!important}@supports (color:color-mix(in lab, red, red)){.\!text-white\/75{color:color-mix(in oklab, var(--color-white) 75%, transparent)!important}}.\!text-white\/90{color:#ffffffe6!important}@supports (color:color-mix(in lab, red, red)){.\!text-white\/90{color:color-mix(in oklab, var(--color-white) 90%, transparent)!important}}.text-\[\#1f2937\]{color:#1f2937}.text-\[\#2F5F95\]{color:#2f5f95}.text-\[\#2F7F92\]{color:#2f7f92}.text-\[\#2f5f95\]{color:#2f5f95}.text-\[\#3b3b3b\]{color:#3b3b3b}.text-\[\#3b3b3b\]\!{color:#3b3b3b!important}.text-\[\#4B5563\]{color:#4b5563}.text-\[\#5CA346\]{color:#5ca346}.text-\[\#5c6675\]{color:#5c6675}.text-\[\#1560A5\]{color:#1560a5}.text-\[\#003865\]{color:#003865}.text-\[\#f3f3f3\]{color:#f3f3f3}.text-accent{color:var(--color-accent)}.text-accent-2{color:var(--color-accent-2)}.text-accent-text{color:var(--color-accent-text)}.text-black{color:var(--color-black)}.text-blue-600{color:var(--color-blue-600)}.text-ccl-muted{color:var(--color-ccl-muted)}.text-ccl-soft{color:var(--color-ccl-soft)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-ink{color:var(--color-ink)}.text-ink\/30{color:#0038654d}@supports (color:color-mix(in lab, red, red)){.text-ink\/30{color:color-mix(in oklab, var(--color-ink) 30%, transparent)}}.text-pop{color:var(--color-pop)}.text-red-500{color:var(--color-red-500)}.text-text-muted{color:var(--color-text-muted)}.text-warm{color:var(--color-warm)}.text-white{color:var(--color-white)}.text-white\!{color:var(--color-white)!important}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.text-white\/70{color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.text-white\/75{color:#ffffffbf}@supports (color:color-mix(in lab, red, red)){.text-white\/75{color:color-mix(in oklab, var(--color-white) 75%, transparent)}}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab, red, red)){.text-white\/80{color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.text-white\/85{color:#ffffffd9}@supports (color:color-mix(in lab, red, red)){.text-white\/85{color:color-mix(in oklab, var(--color-white) 85%, transparent)}}.text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.text-white\/90{color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.italic{font-style:italic}.not-italic{font-style:normal}.diagonal-fractions{--tw-numeric-fraction:diagonal-fractions;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.lining-nums{--tw-numeric-figure:lining-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.oldstyle-nums{--tw-numeric-figure:oldstyle-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.proportional-nums{--tw-numeric-spacing:proportional-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}
54.slashed-zero{--tw-slashed-zero:slashed-zero;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.stacked-fractions{--tw-numeric-fraction:stacked-fractions;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.normal-nums{font-variant-numeric:normal}.\!no-underline{text-decoration-line:none!important}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.no-underline\!{text-decoration-line:none!important}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.subpixel-antialiased{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.opacity-0{opacity:0}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-100{opacity:1}.opacity-\[\.5\]{opacity:.5}.opacity-\[\.25\]{opacity:.25}.opacity-\[\.69\]{opacity:.69}.opacity-\[\.81\]{opacity:.81}.opacity-\[0\.55\]{opacity:.55}.mix-blend-multiply{mix-blend-mode:multiply}
54.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_1px_0_rgba\(0\,56\,101\,0\.06\)\]{--tw-shadow:0 1px 0 var(--tw-shadow-color,#0038650f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_12px_32px_rgba\(0\,0\,0\,0\.12\)\]{--tw-shadow:0 12px 32px var(--tw-shadow-color,#0000001f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[2px_2px_6px_0px_\#CCCCCC\]{--tw-shadow:2px 2px 6px 0px var(--tw-shadow-color,#ccc);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-card{--tw-shadow:0 14px 30px var(--tw-shadow-color,#0038651a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-sha
54dow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-mega{--tw-shadow:0 18px 40px var(--tw-shadow-color,#0028501a), 0 1px 0 var(--tw-shadow-color,#0038650f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-sha
54dow)}.shadow-xl2{--tw-shadow:0 24px 60px var(--tw-shadow-color,#0028502e);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.inset-ring{--tw-inset-ring-shadow:inset 0 0 0 1px var(--tw-inset-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-sha
54dow)}.ring-\[\#3BC4FF\]{--tw-ring-color:#3bc4ff}.ring-\[\#9D9FA2\]{--tw-ring-color:#9d9fa2}.ring-\[\#99C7E6\]{--tw-ring-color:#99c7e6}.ring-\[\#358CA2\]{--tw-ring-color:#358ca2}.ring-offset-1{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.ring-offset-white{--tw-ring-offset-color:var(--color-white)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.sepia{--tw-sepia:sepia(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter\!{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)!important}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-grayscale{--tw-backdrop-grayscale:grayscale(100%);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-invert{--tw-backdrop-invert:invert(100%);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-saturate-150{--tw-backdrop-saturate:saturate(150%);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-sepia{--tw-backdrop-sepia:sepia(100%);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background\,transform\]{transition-property:background,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[padding\]{transition-property:padding;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-1000{--tw-duration:1s;transition-duration:1s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-linear{--tw-ease:linear;transition-timing-function:linear}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.will-change-\[opacity\,transform\]{will-change:opacity,transform}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}:where(.divide-x-reverse>:not(:last-child)){--tw-divide-x-reverse:1}.ring-inset{--tw-ring-inset:inset}.group-focus-within\:stroke-\[\#ffffff\]:is(:where(.group):focus-within *){stroke:#fff}@media (hover:hover){.group-hover\:block:is(:where(.group):hover *){display:block}.group-hover\:translate-x-1:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;
54--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:scale-\[1\.03\]:is(:where(.group):hover *){scale:1.03}.group-hover\:bg-\[\#A1DCEE\]\!:is(:where(.group):hover *){background-color:#a1dcee!important}.group-hover\:bg-white:is(:where(.group):hover *){background-color:var(--color-white)}.group-hover\:stroke-\[\#ffffff\]:is(:where(.group):hover *){stroke:#fff}.group-hover\:stroke-white:is(:where(.group):hover *){stroke:var(--color-white)}.group-hover\:text-\[\#1560a5\]\!:is(:where(.group):hover *){color:#1560a5!important}.group-hover\:text-accent-2:is(:where(.group):hover *){color:var(--color-accent-2)}.group-hover\:text-white:is(:where(.group):hover *){color:var(--color-white)}.group-hover\:underline:is(:where(.group):hover *){text-decoration-line:underline}.group-hover\:underline\!:is(:where(.group):hover *){text-decoration-line:underline!important}.group-hover\:opacity-100:is(:where(.group):hover *),.group-hover\/copy-url\:opacity-100:is(:where(.group\/copy-url):hover *){opacity:1}}.group-focus\:stroke-\[\#ffffff\]:is(:where(.group):focus *),.group-focus-visible\:stroke-\[\#ffffff\]:is(:where(.group):focus-visible *),.group-active\:stroke-\[\#ffffff\]:is(:where(.group):active *){stroke:#fff}.group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state=open] *){rotate:180deg}.peer-checked\:bg-\[\#2f5f95\]:is(:where(.peer):checked~*){background-color:#2f5f95}.peer-focus\:outline-none:is(:where(.peer):focus~*){--tw-outline-style:none;outline-style:none}.placeholder\:text-\[rgba\(0\,56\,101\,0\.35\)\]::placeholder{color:#00386559}.placeholder\:italic::placeholder{font-style:italic}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:start-\[2px\]:after{content:var(--tw-content);inset-inline-start:2px}.after\:top-\[2px\]:after{content:var(--tw-content);top:2px}.after\:top-\[18\%\]:after{content:var(--tw-content);top:18%}.after\:right-0:after{content:var(--tw-content);right:calc(var(--spacing) * 0)}.after\:bottom-\[18\%\]:after{content:var(--tw-content);bottom:18%}.after\:h-4:after{content:var(--tw-content);height:calc(var(--spacing) * 4)}.after\:w-4:after{content:var(--tw-content);width:calc(var(--spacing) * 4)}.after\:w-px:after{content:var(--tw-content);width:1px}.after\:rounded-full:after{content:var(--tw-content);border-radius:3.40282e38px}.after\:bg-ink\/15:after{content:var(--tw-content);background-color:#00386526}@supports (color:color-mix(in lab, red, red)){.after\:bg-ink\/15:after{background-color:color-mix(in oklab, var(--color-ink) 15%, transparent)}}.after\:bg-white:after{content:var(--tw-content);background-color:var(--color-white)}.after\:bg-white\/15:after{content:var(--tw-content);background-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.after\:bg-white\/15:after{background-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.after\:transition-all:after{content:var(--tw-content);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.peer-checked\:after\:translate-x-full:is(:where(.peer):checked~*):after{content:var(--tw-content);--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.peer-checked\:after\:\[transform\:translateX\(100\%\)\]:is(:where(.peer):checked~*):after{content:var(--tw-content);transform:translate(100%)}.first\:border-t-0:first-child{border-top-style:var(--tw-border-style);border-top-width:0}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}@media (hover:hover){.hover\:z-10:hover{z-index:10}.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
54.hover\:-translate-y-px:hover{--tw-translate-y:-1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:gap-3:hover{gap:calc(var(--spacing) * 3)}.hover\:border-\[\#00315b\]:hover{border-color:#00315b}.hover\:border-\[rgba\(0\,56\,101\,0\.18\)\]:hover{border-color:#0038652e}.hover\:border-gray-300:hover{border-color:var(--color-gray-300)}.hover\:border-ink:hover{border-color:var(--color-ink)}.hover\:border-b-\[\#2f5f95\]:hover{border-bottom-color:#2f5f95}.hover\:\!bg-white:hover{background-color:var(--color-white)!important}.hover\:bg-\[\#2D6096\]:hover{background-color:#2d6096}.hover\:bg-\[\#2f5f95\]:hover{background-color:#2f5f95}.hover\:bg-\[\#5CA346\]:hover{background-color:#5ca346}.hover\:bg-\[\#9D9FA2\]:hover{background-color:#9d9fa2}.hover\:bg-\[\#00315b\]:hover{background-color:#00315b}.hover\:bg-\[\#348DA2\]:hover{background-color:#348da2}.hover\:bg-\[\#358CA2\]:hover{background-color:#358ca2}.hover\:bg-\[\#003865\]:hover{background-color:#003865}.hover\:bg-\[\#04284A\]:hover{background-color:#04284a}.hover\:bg-\[\#DAF5FF\]:hover{background-color:#daf5ff}.hover\:bg-\[\#EEF5FB\]:hover{background-color:#eef5fb}.hover\:bg-\[\#ebf8f7\]:hover{background-color:#ebf8f7}.hover\:bg-\[rgba\(0\,56\,101\,0\.06\)\]:hover{background-color:#0038650f}.hover\:bg-accent:hover{background-color:var(--color-accent)}.hover\:bg-blue-800:hover{background-color:var(--color-blue-800)}.hover\:bg-blue-tint:hover{background-color:var(--color-blue-tint)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-ink:hover{background-color:var(--color-ink)}.hover\:bg-ink-2:hover{background-color:var(--color-ink-2)}.hover\:bg-transparent:hover{background-color:#0000}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:pl-\[5px\]:hover{padding-left:5px}.hover\:\!text-\[\#00315b\]:hover{color:#00315b!important}.hover\:\!text-ink:hover{color:var(--color-ink)!important}.hover\:\!text-white:hover{color:var(--color-white)!important}.hover\:text-\[\#2f5f95\]:hover{color:#2f5f95}.hover\:text-\[\#1560a5\]\!:hover{color:#1560a5!important}.hover\:text-\[\#111827\]:hover{color:#111827}.hover\:text-blue-600:hover{color:var(--color-blue-600)}.hover\:text-gray-600:hover{color:var(--color-gray-600)}.hover\:text-gray-900:hover{color:var(--color-gray-900)}.hover\:text-ink:hover{color:var(--color-ink)}.hover\:text-ink-2:hover{color:var(--color-ink-2)}.hover\:text-white:hover{color:var(--color-white)}.hover\:text-white\!:hover{color:var(--color-white)!important}.hover\:\!underline:hover{text-decoration-line:underline!important}.hover\:underline:hover{text-decoration-line:underline}.hover\:underline\!:hover{text-decoration-line:underline!important}.hover\:decoration-\[1\.5px\]:hover{text-decoration-thickness:1.5px}.hover\:underline-offset-\[3px\]:hover{text-underline-offset:3px}
54.hover\:\!shadow:hover{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a)!important;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)!important}.hover\:shadow-card:hover{--tw-shadow:0 14px 30px var(--tw-shadow-color,#0038651a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-card-lg:hover{--tw-shadow:0 18px 40px var(--tw-shadow-color,#00386514);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:ring-\[\#3BC4FF\]:hover{--tw-ring-color:#3bc4ff}}.focus\:border-ink:focus{border-color:var(--color-ink)}.focus\:bg-\[\#ebf8f7\]:focus{background-color:#ebf8f7}.focus\:ring:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-sha
54dow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-4:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-\[\#2f5f95\]:focus{--tw-ring-color:#2f5f95}.focus\:ring-blue-300:focus{--tw-ring-color:var(--color-blue-300)}.focus\:ring-gray-200:focus{--tw-ring-color:var(--color-gray-200)}.focus\:outline-0:focus{outline-style:var(--tw-outline-style);outline-width:0}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-sha
54dow)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-\[\#3BC4FF\]:focus-visible{--tw-ring-color:#3bc4ff}.focus-visible\:ring-\[\#9D9FA2\]:focus-visible{--tw-ring-color:#9d9fa2}.focus-visible\:ring-\[\#358CA2\]:focus-visible{--tw-ring-color:#358ca2}.focus-visible\:ring-accent\/35:focus-visible{--tw-ring-color:#358ca259}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-accent\/35:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-accent) 35%, transparent)}}.focus-visible\:ring-accent\/45:focus-visible{--tw-ring-color:#358ca273}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-accent\/45:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-accent) 45%, transparent)}}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-white:focus-visible{outline-color:var(--color-white)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}@media (hover:hover){.disabled\:hover\:border-ccl-rule:disabled:hover{border-color:var(--color-ccl-rule)}.disabled\:hover\:bg-white:disabled:hover{background-color:var(--color-white)}.disabled\:hover\:text-ink:disabled:hover{color:var(--color-ink)}}@media not all and (min-width:1024px){.max-\[1024px\]\:text-\[32px\]\!{font-size:32px!important}.max-\[1024px\]\:text-\[64px\]\!{font-size:64px!important}}@media not all and (min-width:749px){.max-\[749px\]\:top-12{top:calc(var(--spacing) * 12)}}@media not all and (min-width:399px){.max-\[399px\]\:max-w-\[108px\]{max-width:108px}}@media not all and (min-width:380px){.max-\[380px\]\:px-2{padding-inline:calc(var(--spacing) * 2)}}@media not all and (min-width:64rem){.max-lg\:right-2\.5{right:calc(var(--spacing) * 2.5)}.max-lg\:bottom-2\.5{bottom:calc(var(--spacing) * 2.5)}.max-lg\:\!my-0{margin-block:calc(var(--spacing) * 0)!important}.max-lg\:mt-0{margin-top:calc(var(--spacing) * 0)}.max-lg\:mt-3{margin-top:calc(var(--spacing) * 3)}.max-lg\:mt-8{margin-top:calc(var(--spacing) * 8)}.max-lg\:mt-10{margin-top:calc(var(--spacing) * 10)}.max-lg\:mb-2{margin-bottom:calc(var(--spacing) * 2)}.max-lg\:mb-3{margin-bottom:calc(var(--spacing) * 3)}.max-lg\:mb-8{margin-bottom:calc(var(--spacing) * 8)}.max-lg\:mb-10{margin-bottom:calc(var(--spacing) * 10)}.max-lg\:ml-2{margin-left:calc(var(--spacing) * 2)}.max-lg\:ml-8{margin-left:calc(var(--spacing) * 8)}.max-lg\:\!hidden{display:none!important}.max-lg\:hidden{display:none}.max-lg\:h-0{height:calc(var(--spacing) * 0)}.max-lg\:h-80{height:calc(var(--spacing) * 80)}.max-lg\:h-\[345px\]{height:345px}.max-lg\:max-h-\[56px\]{max-height:56px}.max-lg\:w-3\/4{width:75%}.max-lg\:w-\[300px\]{width:300px}.max-lg\:w-full{width:100%}.max-lg\:flex-1{flex:1}.max-lg\:border-spacing-y-4\!{--tw-border-spacing-y:calc(var(--spacing) * 4)!important;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)!important}.max-lg\:flex-col{flex-direction:column}.max-lg\:justify-around{justify-content:space-around}.max-lg\:justify-center{justify-content:center}.max-lg\:gap-x-3{column-gap:calc(var(--spacing) * 3)}.max-lg\:gap-x-4{column-gap:calc(var(--spacing) * 4)}.max-lg\:gap-y-4{row-gap:calc(var(--spacing) * 4)}.max-lg\:rounded-full{border-radius:3.40282e38px}.max-lg\:border{border-style:var(--tw-border-style);border-width:1px}.max-lg\:border-\[\#003865\]{border-color:#003865}.max-lg\:bg-\[\#003865\]{background-color:#003865}.max-lg\:p-4{padding:calc(var(--spacing) * 4)}.max-lg\:px-4{padding-inline:calc(var(--spacing) * 4)}.max-lg\:px-5{padding-inline:calc(var(--spacing) * 5)}.max-lg\:px-\[7\.12vw\]{padding-inline:7.12vw}.max-lg\:py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.max-lg\:py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.max-lg\:py-5{padding-block:calc(var(--spacing) * 5)}.max-lg\:py-\[9\.1vw\]{padding-block:9.1vw}.max-lg\:py-\[14vw\]{padding-block:14vw}.max-lg\:pt-6{padding-top:calc(var(--spacing) * 6)}.max-lg\:pt-10{padding-top:calc(var(--spacing) * 10)}.max-lg\:pb-2{padding-bottom:calc(var(--spacing) * 2)}.max-lg\:pb-5{padding-bottom:calc(var(--spacing) * 5)}.max-lg\:pb-9{padding-bottom:calc(var(--spacing) * 9)}.max-lg\:text-center{text-align:center}.max-lg\:\!text-\[1rem\]{font-size:1rem!important}
54.max-lg\:text-\[8\.14vw\]\!{font-size:8.14vw!important}.max-lg\:text-\[18px\]{font-size:18px}.max-lg\:text-\[28px\]{font-size:28px}.max-lg\:text-white{color:var(--color-white)}.max-lg\:opacity-0{opacity:0}}@media not all and (min-width:48rem){.max-md\:hidden{display:none}}@media (min-width:620px){.min-\[620px\]\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:750px){.min-\[750px\]\:top-\[98px\]{top:98px}}@media (min-width:768px){.min-\[768px\]\:hidden{display:none}}@media (min-width:981px){.min-\[981px\]\:max-w-\[83\%\]{max-width:83%}.min-\[981px\]\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1024px){.min-\[1024px\]\:top-\[2\.1vw\]{top:2.1vw}.min-\[1024px\]\:right-\[2\.1vw\]{right:2.1vw}.min-\[1024px\]\:mt-\[5vw\]\!{margin-top:5vw!important}.min-\[1024px\]\:mt-\[6vw\]\!{margin-top:6vw!important}.min-\[1024px\]\:mb-\[2\.7vw\]\!{margin-bottom:2.7vw!important}.min-\[1024px\]\:mb-\[4\.16vw\]{margin-bottom:4.16vw}.min-\[1024px\]\:mb-\[4vw\]{margin-bottom:4vw}.min-\[1024px\]\:size-\[3\.33vw\]{width:3.33vw;height:3.33vw}.min-\[1024px\]\:size-\[3\.64vw\]{width:3.64vw;height:3.64vw}.min-\[1024px\]\:size-\[5\.2vw\]{width:5.2vw;height:5.2vw}.min-\[1024px\]\:w-\[23\.33vw\]{width:23.33vw}.min-\[1024px\]\:w-\[42vw\]{width:42vw}.min-\[1024px\]\:w-\[45\.67vw\]{width:45.67vw}.min-\[1024px\]\:w-\[45vw\]{width:45vw}.min-\[1024px\]\:gap-y-\[3\.125vw\]{row-gap:3.125vw}.min-\[1024px\]\:rounded-\[1\.66vw\]{border-radius:1.66vw}.min-\[1024px\]\:p-\[2\.1vw\]{padding:2.1vw}.min-\[1024px\]\:px-\[2\.1vw\]{padding-inline:2.1vw}.min-\[1024px\]\:py-\[6\.25vw\]{padding-block:6.25vw}.min-\[1024px\]\:py-\[8vw\]{padding-block:8vw}.min-\[1024px\]\:py-\[14vw\]{padding-block:14vw}.min-\[1024px\]\:pb-\[7vw\]{padding-bottom:7vw}.min-\[1024px\]\:text-\[1\.25vw\]{font-size:1.25vw}.min-\[1024px\]\:text-\[2\.18vw\]{font-size:2.18vw}.min-\[1024px\]\:text-\[3\.6vw\]\!{font-size:3.6vw!important}.min-\[1024px\]\:text-\[3\.31vw\]\!{font-size:3.31vw!important}.min-\[1024px\]\:leading-\[1\.75vw\]{--tw-leading:1.75vw;line-height:1.75vw}}@media (min-width:1025px){.min-\[1025px\]\:text-\[5\.4vw\]\!{font-size:5.4vw!important}}@media (min-width:1280px){.min-\[1280px\]\:text-\[4vw\]\!{font-size:4vw!important}}@media (min-width:1520px){.min-\[1520px\]\:text-\[38px\]{font-size:38px}.min-\[1520px\]\:text-\[52px\]{font-size:52px}}@media (min-width:1536px){.min-\[1536px\]\:text-\[3\.55vw\]\!{font-size:3.55vw!important}}@media (min-width:1700px){.min-\[1700px\]\:pt-14{padding-top:calc(var(--spacing) * 14)}.min-\[1700px\]\:pt-16{padding-top:calc(var(--spacing) * 16)}.min-\[1700px\]\:pl-16{padding-left:calc(var(--spacing) * 16)}}@media (min-width:1802px){.min-\[1802px\]\:mb-16{margin-bottom:calc(var(--spacing) * 16)}.min-\[1802px\]\:mb-\[60px\]{margin-bottom:60px}.min-\[1802px\]\:w-\[38vw\]{width:38vw}.min-\[1802px\]\:w-\[43\.5vw\]{width:43.5vw}.min-\[1802px\]\:max-w-\[642px\]\!{max-width:642px!important}.min-\[1802px\]\:text-\[4rem\]\!{font-size:4rem!important}.min-\[1802px\]\:text-\[64px\]\!{font-size:64px!important}.min-\[1802px\]\:text-\[98px\]\!{font-size:98px!important}}@media (min-width:1920px){.min-\[1920px\]\:top-10{top:calc(var(--spacing) * 10)}.min-\[1920px\]\:right-10{right:calc(var(--spacing) * 10)}.min-\[1920px\]\:mt-\[64px\]\!{margin-top:64px!important}.min-\[1920px\]\:mt-\[96px\]\!{margin-top:96px!important}.min-\[1920px\]\:mb-\[52px\]\!{margin-bottom:52px!important}.min-\[1920px\]\:mb-\[64px\]{margin-bottom:64px}.min-\[1920px\]\:mb-\[80px\]{margin-bottom:80px}.min-\[1920px\]\:size-16{width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 16)}.min-\[1920px\]\:size-\[70px\]{width:70px;height:70px}.min-\[1920px\]\:size-\[100px\]{width:100px;height:100px}.min-\[1920px\]\:h-\[831px\]{height:831px}.min-\[1920px\]\:min-h-\[840px\]{min-height:840px}.min-\[1920px\]\:w-\[448px\]{width:448px}.min-\[1920px\]\:w-\[864px\]{width:864px}.min-\[1920px\]\:w-\[878px\]{width:878px}.min-\[1920px\]\:w-\[1089px\]{width:1089px}.min-\[1920px\]\:gap-y-\[60px\]{row-gap:60px}.min-\[1920px\]\:rounded-\[32px\]{border-radius:32px}.min-\[1920px\]\:p-10{padding:calc(var(--spacing) * 10)}.min-\[1920px\]\:px-10{padding-inline:calc(var(--spacing) * 10)}.min-\[1920px\]\:py-\[120px\]{padding-block:120px}.min-\[1920px\]\:py-\[154px\]{padding-block:154px}.min-\[1920px\]\:py-\[268px\]{padding-block:268px}.min-\[1920px\]\:pb-\[96px\]{padding-bottom:96px}.min-\[1920px\]\:pb-\[120px\]{padding-bottom:120px}.min-\[1920px\]\:text-\[24px\]{font-size:24px}.min-\[1920px\]\:text-\[42px\]{font-size:42px}.min-\[1920px\]\:text-\[64px\]\!{font-size:64px!important}.min-\[1920px\]\:leading-\[33px\]{--tw-leading:33px;line-height:33px}}@media (min-width:40rem){.sm\:-mt-px{margin-top:-1px}.sm\:mt-0{margin-top:calc(var(--spacing) * 0)}.sm\:mt-10{margin-top:calc(var(--spacing) * 10)}.sm\:mt-12{margin-top:calc(var(--spacing) * 12)}.sm\:mt-16{margin-top:calc(var(--spacing) * 16)}.sm\:mt-\[72px\]{margin-top:72px}.sm\:mb-6{margin-bottom:calc(var(--spacing) * 6)}.sm\:mb-8{margin-bottom:calc(var(--spacing) * 8)}.sm\:mb-10{margin-bottom:calc(var(--spacing) * 10)}.sm\:mb-12{margin-bottom:calc(var(--spacing) * 12)}.sm\:-ml-px{margin-left:-1px}.sm\:ml-0{margin-left:calc(var(--spacing) * 0)}.sm\:ml-1\.5{margin-left:calc(var(--spacing) * 1.5)}.sm\:h-\[72px\]{height:72px}.sm\:h-\[84px\]{height:84px}.sm\:h-\[143px\]{height:143px}
54.sm\:min-h-\[280px\]{min-height:280px}.sm\:w-\[72px\]{width:72px}.sm\:w-auto{width:auto}.sm\:min-w-\[180px\]{min-width:180px}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:justify-end{justify-content:flex-end}.sm\:gap-3{gap:calc(var(--spacing) * 3)}.sm\:gap-4{gap:calc(var(--spacing) * 4)}.sm\:gap-6{gap:calc(var(--spacing) * 6)}.sm\:gap-7{gap:calc(var(--spacing) * 7)}.sm\:gap-8{gap:calc(var(--spacing) * 8)}.sm\:gap-x-9{column-gap:calc(var(--spacing) * 9)}.sm\:rounded-tl-lg{border-top-left-radius:var(--radius-lg)}.sm\:rounded-tl-none{border-top-left-radius:0}.sm\:rounded-tr-lg{border-top-right-radius:var(--radius-lg)}.sm\:rounded-tr-none{border-top-right-radius:0}.sm\:rounded-br-lg{border-bottom-right-radius:var(--radius-lg)}.sm\:rounded-br-none{border-bottom-right-radius:0}.sm\:rounded-bl-lg{border-bottom-left-radius:var(--radius-lg)}.sm\:rounded-bl-none{border-bottom-left-radius:0}.sm\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.sm\:border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.sm\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.sm\:border-l-0{border-left-style:var(--tw-border-style);border-left-width:0}.sm\:border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.sm\:border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:p-10{padding:calc(var(--spacing) * 10)}.sm\:p-12{padding:calc(var(--spacing) * 12)}.sm\:px-3{padding-inline:calc(var(--spacing) * 3)}.sm\:px-5{padding-inline:calc(var(--spacing) * 5)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:px-7{padding-inline:calc(var(--spacing) * 7)}.sm\:px-8{padding-inline:calc(var(--spacing) * 8)}.sm\:py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.sm\:py-7{padding-block:calc(var(--spacing) * 7)}.sm\:py-9{padding-block:calc(var(--spacing) * 9)}.sm\:py-16{padding-block:calc(var(--spacing) * 16)}.sm\:py-20{padding-block:calc(var(--spacing) * 20)}.sm\:pt-7{padding-top:calc(var(--spacing) * 7)}.sm\:pt-12{padding-top:calc(var(--spacing) * 12)}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-\[12px\]{font-size:12px}.sm\:text-\[13px\]{font-size:13px}.sm\:text-\[14px\]{font-size:14px}.sm\:text-\[15px\]{font-size:15px}.sm\:text-\[16px\]{font-size:16px}.sm\:text-\[17px\]{font-size:17px}.sm\:text-\[18px\]{font-size:18px}.sm\:text-\[19px\]{font-size:19px}.sm\:text-\[20px\]{font-size:20px}.sm\:text-\[22px\]{font-size:22px}.sm\:text-\[26px\]{font-size:26px}.sm\:text-\[28px\]{font-size:28px}.sm\:text-\[30px\]{font-size:30px}.sm\:text-\[32px\]{font-size:32px}.sm\:text-\[36px\]{font-size:36px}.sm\:text-\[40px\]{font-size:40px}.sm\:text-\[44px\]{font-size:44px}.sm\:text-\[52px\]{font-size:52px}.sm\:text-\[56px\]{font-size:56px}.sm\:text-\[64px\]{font-size:64px}}@media (min-width:48rem){.md\:inset-0{inset:calc(var(--spacing) * 0)}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:inline{display:inline}.md\:max-w-\[300px\]{max-width:300px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:px-8{padding-inline:calc(var(--spacing) * 8)}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:text-\[44px\]{font-size:44px}.md\:text-\[64px\]{font-size:64px}}@media (min-width:64rem){.lg\:absolute{position:absolute}.lg\:sticky{position:sticky}.lg\:top-0{top:calc(var(--spacing) * 0)}.lg\:top-\[110px\]{top:110px}.lg\:right-0{right:calc(var(--spacing) * 0)}.lg\:bottom-0{bottom:calc(var(--spacing) * 0)}.lg\:z-\[-1\]{z-index:-1}.lg\:order-1{order:1}.lg\:order-2{order:2}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:col-span-10{grid-column:span 10/span 10}.lg\:col-start-1{grid-column-start:1}.lg\:col-start-2{grid-column-start:2}.lg\:row-span-5{grid-row:span 5/span 5}.lg\:row-start-1{grid-row-start:1}.lg\:my-\[5\.55vw\]{margin-block:5.55vw}.lg\:-mt-px{margin-top:-1px}.lg\:mt-0{margin-top:calc(var(--spacing) * 0)}.lg\:mt-5{margin-top:calc(var(--spacing) * 5)}.lg\:mt-6{margin-top:calc(var(--spacing) * 6)}.lg\:mt-8{margin-top:calc(var(--spacing) * 8)}.lg\:mt-12{margin-top:calc(var(--spacing) * 12)}.lg\:mt-14{margin-top:calc(var(--spacing) * 14)}.lg\:mt-\[66px\]{margin-top:66px}.lg\:mb-0{margin-bottom:calc(var(--spacing) * 0)}.lg\:mb-\[30px\]{margin-bottom:30px}.lg\:-ml-px{margin-left:-1px}.lg\:ml-0{margin-left:calc(var(--spacing) * 0)}.lg\:ml-6{margin-left:calc(var(--spacing) * 6)}.lg\:ml-\[5\.55vw\]{margin-left:5.55vw}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:inline\!{display:inline!important}.lg\:inline-block{display:inline-block}.lg\:inline-flex{display:inline-flex}.lg\:h-\[445px\]{height:445px}.lg\:h-full{height:100%}.lg\:max-h-\[74px\]{max-height:74px}.lg\:min-h-0{min-height:calc(var(--spacing) * 0)}.lg\:min-h-\[380px\]{min-height:380px}.lg\:min-h-\[420px\]{min-height:420px}.lg\:w-1\/2{width:50%}.lg\:w-\[31\.25vw\]{width:31.25vw}.lg\:w-\[40vw\]{width:40vw}.lg\:w-\[45vw\]{width:45vw}.lg\:w-\[46\.5vw\]{width:46.5vw}.lg\:w-\[97\.5\%\]{width:97.5%}.lg\:w-\[288px\]{width:288px}.lg\:w-\[446px\]{width:446px}.lg\:w-\[680px\]{width:680px}.lg\:w-auto{width:auto}.lg\:max-w-\[38vw\]{max-width:38vw}.lg\:max-w-\[40\%\]{max-width:40%}.lg\:max-w-\[45\%\]{max-width:45%}.lg\:flex-none{flex:none}.lg\:\!border-spacing-y-2{--tw-border-spacing-y:calc(var(--spacing) * 2)!important;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)!important}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-cols-\[0\.85fr_1\.15fr\]{grid-template-columns:.85fr 1.15fr}.lg\:grid-cols-\[1\.1fr_1fr\]{grid-template-columns:1.1fr 1fr}.lg\:grid-cols-\[1\.05fr_0\.3387fr\]{grid-template-columns:1.05fr .3387fr}.lg\:grid-cols-\[1\.05fr_0\.6058fr\]{grid-template-columns:1.05fr .6058fr}.lg\:grid-cols-\[1\.05fr_1fr\]{grid-template-columns:1.05fr 1fr}.lg\:grid-cols-\[1\.15fr_0\.85fr\]{grid-template-columns:1.15fr .85fr}.lg\:grid-cols-\[1\.15fr_minmax\(280px\,0\.85fr\)\]{grid-template-columns:1.15fr minmax(280px,.85fr)}.lg\:grid-cols-\[1fr_1\.1fr\]{grid-template-columns:1fr 1.1fr}.lg\:grid-cols-\[1fr_1\.05fr\]{grid-template-columns:1fr 1.05fr}.lg\:grid-cols-\[minmax\(280px\,0\.85fr\)_1\.15fr\]{grid-template-columns:minmax(280px,.85fr) 1.15fr}.lg\:flex-wrap{flex-wrap:wrap}.lg\:items-center{align-items:center}.lg\:justify-center{justify-content:center}.lg\:gap-2{gap:calc(var(--spacing) * 2)}.lg\:gap-3{gap:calc(var(--spacing) * 3)}.lg\:gap-6{gap:calc(var(--spacing) * 6)}.lg\:gap-14{gap:calc(var(--spacing) * 14)}.lg\:gap-16{gap:calc(var(--spacing) * 16)}.lg\:gap-20{gap:calc(var(--spacing) * 20)}.lg\:gap-\[72px\]{gap:72px}.lg\:gap-x-4{column-gap:calc(var(--spacing) * 4)}.lg\:gap-x-5{column-gap:calc(var(--spacing) * 5)}.lg\:gap-x-6{column-gap:calc(var(--spacing) * 6)}.lg\:gap-x-\[72px\]{column-gap:72px}.lg\:gap-y-0{row-gap:calc(var(--spacing) * 0)}.lg\:gap-y-12{row-gap:calc(var(--spacing) * 12)}.lg\:gap-y-\[3vw\]{row-gap:3vw}
54.lg\:self-center{align-self:center}.lg\:rounded-tl-lg{border-top-left-radius:var(--radius-lg)}.lg\:rounded-tl-none{border-top-left-radius:0}.lg\:rounded-tr-lg{border-top-right-radius:var(--radius-lg)}.lg\:rounded-tr-none{border-top-right-radius:0}.lg\:rounded-br-lg{border-bottom-right-radius:var(--radius-lg)}.lg\:rounded-br-none{border-bottom-right-radius:0}.lg\:rounded-bl-lg{border-bottom-left-radius:var(--radius-lg)}.lg\:rounded-bl-none{border-bottom-left-radius:0}.lg\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.lg\:border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.lg\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.lg\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.lg\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.lg\:border-l-0{border-left-style:var(--tw-border-style);border-left-width:0}.lg\:border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.lg\:border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.lg\:border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.lg\:border-l-\[\#aaa\]{border-left-color:#aaa}.lg\:border-l-\[\#e5e5e5\]{border-left-color:#e5e5e5}.lg\:p-2{padding:calc(var(--spacing) * 2)}.lg\:p-14{padding:calc(var(--spacing) * 14)}.lg\:p-16{padding:calc(var(--spacing) * 16)}.lg\:px-3{padding-inline:calc(var(--spacing) * 3)}.lg\:px-5{padding-inline:calc(var(--spacing) * 5)}.lg\:px-\[10\.45vw\]{padding-inline:10.45vw}.lg\:px-\[50px\]{padding-inline:50px}.lg\:py-2{padding-block:calc(var(--spacing) * 2)}.lg\:py-4{padding-block:calc(var(--spacing) * 4)}.lg\:py-24{padding-block:calc(var(--spacing) * 24)}.lg\:py-\[120px\]{padding-block:120px}.lg\:pt-0{padding-top:calc(var(--spacing) * 0)}.lg\:pt-5{padding-top:calc(var(--spacing) * 5)}.lg\:pt-6{padding-top:calc(var(--spacing) * 6)}.lg\:pt-8{padding-top:calc(var(--spacing) * 8)}
54.lg\:pt-\[1\.5vw\]{padding-top:1.5vw}.lg\:pt-\[3vw\]{padding-top:3vw}.lg\:pt-\[94px\]{padding-top:94px}.lg\:pr-6{padding-right:calc(var(--spacing) * 6)}.lg\:pl-4{padding-left:calc(var(--spacing) * 4)}.lg\:pl-6{padding-left:calc(var(--spacing) * 6)}.lg\:pl-\[3vw\]{padding-left:3vw}.lg\:text-center{text-align:center}.lg\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.lg\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.lg\:\!text-\[1\.25rem\]{font-size:1.25rem!important}.lg\:text-\[22px\]{font-size:22px}.lg\:text-\[24px\]\!{font-size:24px!important}.lg\:text-\[28px\]{font-size:28px}.lg\:text-\[36px\]{font-size:36px}.lg\:text-\[38px\]{font-size:38px}.lg\:text-\[42px\]{font-size:42px}.lg\:text-\[52px\]{font-size:52px}.lg\:text-\[72px\]{font-size:72px}.lg\:text-\[84px\]{font-size:84px}.lg\:leading-\[140\%\]{--tw-leading:140%;line-height:140%}.lg\:font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.lg\:tracking-\[-1\%\]{--tw-tracking:-1%;letter-spacing:-1%}@media (hover:hover){.lg\:hover\:underline:hover{text-decoration-line:underline}}}@media (min-width:80rem){.xl\:h-32{height:calc(var(--spacing) * 32)}.xl\:w-32{width:calc(var(--spacing) * 32)}.xl\:w-\[42vw\]{width:42vw}.xl\:w-\[49vw\]{width:49vw}.xl\:gap-x-8{column-gap:calc(var(--spacing) * 8)}.xl\:text-\[2\.8rem\]{font-size:2.8rem}.xl\:text-\[76px\]{font-size:76px}}@media (min-width:96rem){.\32 xl\:mb-\[3\.4vw\]{margin-bottom:3.4vw}.\32 xl\:h-36{height:calc(var(--spacing) * 36)}.\32 xl\:w-36{width:calc(var(--spacing) * 36)}.\32 xl\:max-w-\[36vw\]{max-width:36vw}.\32 xl\:max-w-\[682px\]{max-width:682px}.\32 xl\:max-w-\[786px\]{max-width:786px}.\32 xl\:px-\[60px\]{padding-inline:60px}.\32 xl\:text-\[3\.2rem\]{font-size:3.2rem}}.rtl\:rotate-180:where(:dir(rtl),[dir=rtl],[dir=rtl] *){rotate:180deg}:where(.rtl\:space-x-reverse:where(:dir(rtl),[dir=rtl],[dir=rtl] *)>:not(:last-child)){--tw-space-x-reverse:1}.rtl\:peer-checked\:after\:-translate-x-full:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.peer):checked~*):after{content:var(--tw-content);--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.rtl\:peer-checked\:after\:\[transform\:translateX\(-100\%\)\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.peer):checked~*):after{content:var(--tw-content);transform:translate(-100%)}@media (prefers-color-scheme:dark){.dark\:border-blue-500{border-color:var(--color-blue-500)}.dark\:border-gray-600{border-color:var(--color-gray-600)}.dark\:border-gray-700{border-color:var(--color-gray-700)}.dark\:border-transparent{border-color:#0000}.dark\:bg-blue-600{background-color:var(--color-blue-600)}.dark\:bg-gray-600{background-color:var(--color-gray-600)}.dark\:bg-gray-700{background-color:var(--color-gray-700)}.dark\:bg-gray-800{background-color:var(--color-gray-800)}.dark\:bg-gray-800\/50{background-color:#1e293980}@supports (color:color-mix(in lab, red, red)){.dark\:bg-gray-800\/50{background-color:color-mix(in oklab, var(--color-gray-800) 50%, transparent)}}.dark\:bg-gray-900\/80{background-color:#101828cc}@supports (color:color-mix(in lab, red, red)){.dark\:bg-gray-900\/80{background-color:color-mix(in oklab, var(--color-gray-900) 80%, transparent)}}.dark\:text-blue-500{color:var(--color-blue-500)}.dark\:text-gray-400{color:var(--color-gray-400)}.dark\:text-gray-500{color:var(--color-gray-500)}.dark\:text-white{color:var(--color-white)}@media (hover:hover){.dark\:hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.dark\:hover\:bg-gray-600:hover{background-color:var(--color-gray-600)}.dark\:hover\:bg-gray-800:hover{background-color:var(--color-gray-800)}.dark\:hover\:text-blue-500:hover{color:var(--color-blue-500)}.dark\:hover\:text-gray-300:hover{color:var(--color-gray-300)}.dark\:hover\:text-white:hover{color:var(--color-white)}}}.\[\&_p\]\:inline p{display:inline}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0}.\[\&\[aria-expanded\=\'true\'\]\>svg\]\:rotate-180[aria-expanded=true]>svg{rotate:180deg}}html,body{overflow-x:clip}:root{--nv-height:80px;--nv-height-condensed:60px}
54.nv{transition:box-shadow .22s}.nv-bar{transition:background .22s}.nv-inner{height:var(--nv-height);transition:height .22s}.nv-logo-img{transition:height .22s}.nv-main{height:var(--nv-height);transition:height .22s}.nv-link{height:var(--nv-height);transition:color .15s,height .22s}.nv.is-condensed{box-shadow:0 2px 14px #00285012}.nv.is-condensed .nv-bar{background:#ffffffd1}.nv.is-condensed .nv-inner{height:var(--nv-height-condensed)}.nv.is-condensed .nv-logo-img{height:26px}.nv.is-condensed .nv-main,.nv.is-condensed .nv-link{height:var(--nv-height-condensed)}@media (max-width:767px){.nv .nv-logo-img,.nv.is-condensed .nv-logo-img{width:calc(100vw - 154px);max-width:240px;height:auto}}.nv-chev{transition:transform .2s,opacity .15s}.nv-link:after{content:"";opacity:0;background:#34bcaa;border-radius:2px;height:2px;transition:opacity .15s;position:absolute;bottom:0;left:11px;right:11px}.nv-link:hover:after{opacity:1}.nv-item.is-open .nv-link:after{opacity:1;height:3px}.nv-item.is-open .nv-chev{opacity:1;transform:rotate(180deg)}.nv-mega{opacity:0;visibility:hidden;transition:opacity .18s,transform .22s cubic-bezier(.2,.7,.2,1),visibility 0s linear .22s;transform:translateY(-8px)}.nv-mega.is-open{opacity:1;visibility:visible;transition:opacity .2s,transform .25s cubic-bezier(.2,.7,.2,1),visibility linear;transform:translateY(0)}.mega-panel{display:none}.mega-panel.is-active{grid-template-columns:1fr 1fr 1.32fr;gap:56px;display:grid}.nv-scrim{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility 0s linear .2s}.nv-scrim.is-on{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .2s,visibility linear}.nv-shop-menu{opacity:0;visibility:hidden;transition:opacity .16s,transform .18s cubic-bezier(.2,.7,.2,1),visibility 0s linear .18s;transform:translateY(-6px)}.nv-shop.is-open .nv-shop-menu{opacity:1;visibility:visible;transition:opacity .18s,transform .2s cubic-bezier(.2,.7,.2,1),visibility linear;transform:translateY(0)}.nv-shop .nv-chev{transition:transform .2s,opacity .15s}.nv-shop.is-open .nv-chev{opacity:1;transform:rotate(180deg)}.srch-overlay{pointer-events:none}.srch-overlay.is-open{pointer-events:auto}.srch-backdrop{opacity:0;transition:opacity .25s}.srch-overlay.is-open .srch-backdrop{opacity:1}.srch-panel{transition:transform .3s cubic-bezier(.2,.7,.2,1);transform:translateY(-100%)}.srch-overlay.is-open .srch-panel{transform:translateY(0);box-shadow:0 18px 40px #00285026}.md{pointer-events:none}.md.is-open{pointer-events:auto}.md-backdrop{opacity:0;transition:opacity .25s}.md.is-open .md-backdrop{opacity:1}.md-panel{transition:transform .3s cubic-bezier(.2,.7,.2,1);transform:translate(100%)}.md.is-open .md-panel{transform:translate(0);box-shadow:-10px 0 40px #0028502e}.md-chev{transition:transform .2s}.md-item-body{display:none}.md-item.is-open .md-item-body{display:block}.md-item.is-open .md-chev{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){.nv-mega,.srch-panel,.md-panel{transition-duration:.001ms!important}}.dlm{z-index:200;pointer-events:none;position:fixed;inset:0}.dlm.is-open{pointer-events:auto}.dlm-backdrop{opacity:0;background:#001e3a8c;transition:opacity .25s;position:absolute;inset:0}.dlm.is-open .dlm-backdrop{opacity:1}.dlm-wrap{opacity:0;pointer-events:none;justify-content:center;align-items:center;padding:20px;transition:transform .28s cubic-bezier(.2,.7,.2,1),opacity .25s;display:flex;position:absolute;inset:0;transform:translateY(12px)}.dlm.is-open .dlm-wrap{opacity:1;transform:translateY(0)}.dlm.is-open .dlm-panel{pointer-events:auto}.dlm-panel{z-index:1;background:#fff;border-radius:16px;width:100%;max-width:620px;max-height:calc(100vh - 40px);position:relative;overflow-y:auto;box-shadow:0 32px 80px #001e3a47}.dlm-head{border-bottom:1px solid #0038651a;padding:32px 32px 24px;position:relative}.dlm-x{cursor:pointer;color:#003865;background:0 0;border:1px solid #0038651f;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s,border-color .15s;display:flex;position:absolute;top:20px;right:20px}.dlm-x:hover{color:#fff;background:#003865;border-color:#003865}.dlm-title{color:#003865;text-wrap:balance;margin:0 40px 10px 0;font-family:Lora,Georgia,serif;font-size:clamp(20px,3vw,26px);font-weight:500;line-height:1.2}.dlm-sub{color:#5a5c5f;margin:0;font-size:15px;line-height:1.55}.dlm-body{padding:28px 32px 32px}.dlm-submit{justify-content:center;width:100%;padding-block:14px;font-size:15px}.dlm-msg{color:#5a5c5f;min-height:1.2em;margin:4px 0 0;font-size:13px}.dlm-msg[data-state=error]{color:#b0392e}.dlm-success{text-align:center;padding:12px 0 8px}.dlm-check{color:#34bcaa;background:#34bcaa1f;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 18px;display:flex}.dlm-success h3{color:#003865;margin:0 0 8px;font-family:Lora,Georgia,serif;font-size:22px;font-weight:500}.dlm-success p{color:#5a5c5f;margin:0 0 22px;font-size:15px}.dlm-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.dlm-dismiss{color:#5a5c5f;cursor:pointer;background:0 0;border:none;padding:10px 16px;font-size:14px;font-weight:600;transition:color .15s}.dlm-dismiss:hover{color:#003865}@media (max-width:480px){.dlm-head{padding:24px 20px 20px}.dlm-body{padding:20px 20px 24px}.dlm-title{font-size:19px}}.ccl-footer{--pad-news:clamp(28px, 3.4vw, 44px);--pad-main:clamp(40px, 4.4vw, 64px);--row-gap:12px;--col-gap:clamp(24px, 3vw, 48px);
54background:var(--grad-deep-navy);color:#fff;font-size:var(--fs-body);position:relative;overflow:hidden;line-height:normal!important}.ccl-footer[data-density=compact]{--pad-news:24px;--pad-main:36px;--row-gap:9px}.ccl-footer[data-density=spacious]{--pad-news:52px;--pad-main:80px;--row-gap:15px}.ccl-footer__rule{background:linear-gradient(90deg, var(--ccl-turquoise) 0%, var(--ccl-teal) 32%, var(--ccl-center-blue) 66%, var(--ccl-dark-blue) 100%);height:3px}.ccl-footer__rings{pointer-events:none;z-index:0;opacity:0;width:540px;height:540px;transition:opacity var(--t-slow);position:absolute;top:-120px;right:-160px}.ccl-footer[data-accent=bold] .ccl-footer__rings{opacity:1}.ccl-footer__rings circle{fill:none;stroke:var(--ccl-center-blue);stroke-opacity:.3}.ccl-footer__rings circle:nth-child(2){stroke:var(--ccl-teal);stroke-opacity:.18}.ccl-footer__rings circle:nth-child(3){stroke:var(--ccl-turquoise);stroke-opacity:.12}.ccl-footer__inner{z-index:1;max-width:var(--wrap-max);margin-inline:auto;padding-inline:clamp(20px,5vw,56px);position:relative}.ccl-news{padding-block:var(--pad-news);border-bottom:1px solid #ffffff26;grid-template-columns:1fr auto;align-items:center;gap:clamp(24px,4vw,64px);display:grid}.ccl-news[data-mode=form]{align-items:start}.ccl-news[data-mode=form] .ccl-news__action{margin-top:50px}.ccl-news__eyebrow{font-size:var(--fs-eyebrow-sm);font-weight:var(--w-semi);text-transform:uppercase;letter-spacing:var(--ls-eyebrow);color:#fff;align-items:center;gap:12px;margin-bottom:14px;display:inline-flex}.ccl-news__eyebrow:before{content:"";background:currentColor;width:28px;height:2px}.ccl-news__title{font-family:var(--serif);font-weight:var(--w-medium);font-size:clamp(26px,3vw,38px);line-height:var(--lh-snug);color:#fff;text-wrap:balance;margin:0 0 10px}.ccl-news__title em{color:var(--pop);font-style:italic;font-weight:var(--w-medium)}.ccl-news__copy{font-size:var(--fs-body);line-height:var(--lh-body);color:#ffffffbf;max-width:61ch;margin:0}.ccl-form{flex-direction:column;gap:10px;width:min(320px,100%);display:flex}.ccl-form__input{font-family:var(--sans);font-size:var(--fs-sm);color:#fff;transition:border-color var(--t-base), box-shadow var(--t-base);background:#ffffff0f;border:1px solid #ffffff47;border-radius:8px;outline:none;flex:1;min-width:0;padding:13px 16px}.ccl-form__input::placeholder{color:#ffffffa6}.ccl-form__input:focus{border-color:var(--pop);box-shadow:0 0 0 3px #34bcaa4d}.ccl-form[data-invalid=true] .ccl-form__input{border-color:#e98b7d;box-shadow:0 0 0 3px #e98b7d40}.ccl-form__btn{font-family:var(--sans);font-size:var(--fs-btn);font-weight:var(--w-semi);border:1px solid var(--pop);background:var(--pop);color:var(--ink);cursor:pointer;white-space:nowrap;transition:background-color var(--t-base), color var(--t-base), border-color var(--t-base), transform var(--t-base);border-radius:999px;padding:13px 22px}.ccl-form__btn:hover{color:var(--ink);background:#fff;border-color:#fff;transform:translateY(-1px)}.ccl-form__btn:focus-visible{outline:none;box-shadow:0 0 0 3px #34bcaa73}.ccl-news__msg{font-size:var(--fs-xs);color:#ffffffa6;min-height:1em;margin:10px 0 0}.ccl-news__msg[data-state=error]{color:#f0a89c}.ccl-news__msg[data-state=ok]{color:var(--pop)}.ccl-main{gap:var(--col-gap);padding-block:var(--pad-main);grid-template-columns:1.5fr repeat(4,1fr);display:grid}.ccl-brand__logo{margin-bottom:18px;display:block}.ccl-brand__logo img{filter:brightness(0)invert();width:auto;height:30px;display:block}.ccl-brand__tag{font-size:var(--fs-sm);color:#ffffffa6;max-width:30ch;margin:0 0 22px;line-height:1.55}.ccl-social{gap:10px;display:flex}.ccl-social a{color:#fff;width:40px;height:40px;transition:background-color var(--t-base), border-color var(--t-base), transform var(--t-base);border:1px solid #ffffff38;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.ccl-social a:hover{border-color:var(--pop);background:#34bcaa29;transform:translateY(-2px)}.ccl-social a:focus-visible{outline:none;box-shadow:0 0 0 3px #34bcaa73}.ccl-social svg{fill:currentColor;width:18px;height:18px}.ccl-col{min-width:0}.ccl-col__head{font-size:14px;font-weight:var(--w-semi);text-transform:uppercase;letter-spacing:.08em;color:var(--pop);white-space:nowrap;justify-content:space-between;align-items:center;margin:0 0 18px;display:flex}.ccl-col__chev{display:none}.ccl-col ul{gap:var(--row-gap);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ccl-link{font-size:var(--fs-sm);color:#ffffffd9;transition:color var(--t-fast);align-items:center;gap:7px;width:fit-content;text-decoration:none;display:inline-flex}.ccl-link:hover{color:var(--pop)}.ccl-link:focus-visible{color:var(--pop);border-radius:3px;outline:none;box-shadow:0 0 0 3px #34bcaa66}.ccl-bottom{background:var(--ccl-navy-3);z-index:1;position:relative}.ccl-bottom__inner{max-width:var(--wrap-max);color:#ffffffa6;border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:10px;margin-inline:auto;padding:18px clamp(20px,5vw,56px);font-size:12px;display:flex}.ccl-bottom__copy{font-size:var(--fs-xs);color:#ffffffa6;margin:0}.ccl-legal{flex-wrap:wrap;gap:10px;display:flex}.ccl-legal a{text-decoration:none;font-size:var(--fs-xs)!important;color:#ffffffa6!important;transition:color var(--t-fast)!important;line-height:var(--lh-base)!important;background-color:#0000!important;padding:0!important}.ccl-legal a:hover{color:#fff!important}.ccl-legal a:focus-visible{border-radius:3px;outline:none;box-shadow:0 0 0 3px #34bcaa66}@media (prefers-reduced-motion:no-preference){.ccl-footer.is-revealed .ccl-anim{animation:.5s ease-out backwards ccl-rise}.ccl-footer.is-revealed .ccl-news.ccl-anim{animation-delay:40ms}.ccl-footer.is-revealed .ccl-main>.ccl-anim:first-child{animation-delay:.1s}.ccl-footer.is-revealed .ccl-main>.ccl-anim:nth-child(2){animation-delay:.15s}.ccl-footer.is-revealed .ccl-main>.ccl-anim:nth-child(3){animation-delay:.2s}.ccl-footer.is-revealed .ccl-main>.ccl-anim:nth-child(4){animation-delay:.25s}.ccl-footer.is-revealed .ccl-main>.ccl-anim:nth-child(5){animation-delay:.3s}@keyframes ccl-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}}@media (max-width:1024px){.ccl-main{grid-template-columns:repeat(2,1fr);row-gap:clamp(28px,4vw,40px)}.ccl-brand{grid-column:1/-1}.ccl-brand__tag,.ccl-news__copy{max-width:none}}@media (max-width:640px){.ccl-news{grid-template-columns:1fr;align-items:flex-start}.ccl-form{width:100%}.ccl-main{padding-block:16px var(--pad-main);grid-template-columns:1fr;gap:0}.ccl-brand{padding-bottom:12px}.ccl-col{border-top:1px solid #ffffff1f}.ccl-col__head{cursor:pointer;margin:0;padding-block:17px}.ccl-col__chev{width:16px;height:16px;transition:transform var(--t-base);flex:none;display:block}.ccl-col[data-open=true] .ccl-col__chev{transform:rotate(180deg)}.ccl-col__panel{max-height:0;transition:max-height var(--t-slow);overflow:hidden}.ccl-col[data-open=true] .ccl-col__panel{max-height:320px}.ccl-col ul{gap:13px;padding-bottom:16px}.ccl-bottom__inner{flex-direction:row;align-items:flex-start;gap:12px}}@media (min-width:641px){.ccl-col__panel{max-height:none!important}}@font-face{font-family:Lora;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://www.ccl.org/wp-content/plugins/ccl-features/assets/dist/fonts/lora-latin-wght-normal.woff2)format("woff2");
54unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lora;font-style:italic;font-weight:100 900;font-display:swap;src:url(https://www.ccl.org/wp-content/plugins/ccl-features/assets/dist/fonts/lora-latin-wght-italic.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://www.ccl.org/wp-content/plugins/ccl-features/assets/dist/fonts/noto-sans-latin-wght-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ccl-dark-blue:#003865;--ccl-center-blue:#2f5f95;--ccl-teal:#358ca2;--ccl-turquoise:#34bcaa;--ccl-warm:#c6663c;--ccl-soft-black:#3b3b3b;--ccl-text-muted:#5a5c5f;--ccl-grey:#9d9fa2;--ccl-white:#fff;--ccl-paper:#fbf8f2;--ccl-blue-tint:#e8eff4;--ccl-rule:#d0d8e0;--ccl-navy-2:#06294c;--ccl-navy-3:#001e3a;--ccl-deep-navy:#14213d;--ccl-accent-text:#1f6b7f;--ccl-error:#b0392e;--ink:var(--ccl-dark-blue);--ink-2:var(--ccl-center-blue);--accent:var(--ccl-teal);--accent-text:var(--ccl-accent-text);--pop:var(--ccl-turquoise);--warm:var(--ccl-warm);--text:var(--ccl-soft-black);--text-muted:var(--ccl-text-muted);--text-on-dark-65:#ffffffa6;--text-on-dark-85:#ffffffd9;--bg:var(--ccl-white);--bg-soft:var(--ccl-paper);--bg-blue:var(--ccl-blue-tint);--bg-grey:#cfcfda;--bg-ink:var(--ccl-dark-blue);--rule:var(--ccl-rule);--rule-soft:#0038651f;--grad-deep-navy:linear-gradient(180deg, #001e3a 0%, #003865 100%);--grad-roi:linear-gradient(135deg, #003865 0%, #2f5f95 100%);--grad-art-panel:radial-gradient(ellipse 700px 360px at 90% -10%, #34bcaa4d, transparent 60%), linear-gradient(135deg, #003865 0%, #2f5f95 100%);--grad-cs-card:linear-gradient(180deg, #06294c 0%, #003865 60%, #14213d 100%);--serif:"Lora", Georgia, serif;--sans:"Noto Sans", system-ui, -apple-system, sans-serif;--fs-h1:clamp(40px, 6vw, 76px);--fs-h2:clamp(32px, 4vw, 52px);--fs-h3:clamp(26px, 3vw, 38px);--fs-h4:21px;--fs-lede:19px;--fs-body:17px;--fs-sm:15px;--fs-xs:13px;--fs-btn:14px;--fs-eyebrow:13px;--fs-eyebrow-sm:12px;--lh-tight:1.05;--lh-snug:1.18;--lh-base:1.5;--lh-body:1.6;--lh-lede:1.55;--ls-eyebrow:.14em;--ls-btn:.01em;--ls-foot:.14em;--w-regular:400;--w-medium:500;--w-semi:600;--w-bold:700;--wrap-max:1360px;--section-pad-y:clamp(64px, 7vw, 96px);--section-pad-y-roi:clamp(72px, 9vw, 120px);--radius-md:12px;--radius-card:16px;--radius-pill:999px;--shadow-card:0 14px 30px #0038651a;--shadow-card-hover:0 2px 4px #0038650f, 0 16px 40px #0038651a;--shadow-overlay:0 24px 60px #001e3a2e;--focus-ring:0 0 0 3px #358ca259;--t-fast:.12s ease-out;--t-base:.18s ease-out;--t-slow:.32s cubic-bezier(.2, .6, .2, 1)}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.section{padding-block:var(--section-pad-y);scroll-margin-top:calc(var(--nv-height) + 20px)}.section--soft{background:var(--bg-soft)}.section--blue{background:var(--bg-blue)}.section--grey{background:var(--bg-grey)}.section--ink{background:var(--ink);color:#fff}.section--roi{background:var(--grad-roi);color:#fff;padding-block:var(--section-pad-y-roi)}.section--roi p,.section--ink p{color:var(--text-on-dark-85)}.sec-head-c{text-align:center;max-width:760px;margin:0 auto clamp(36px,5vw,56px)}.sec-head-c .eyebrow{margin-bottom:16px}.sec-head-c h2{margin:0}.wrap p a:not([class]){color:inherit;text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}@supports (color:color-mix(in lab, red, red)){.wrap p a:not([class]){-webkit-text-decoration-color:color-mix(in srgb, currentColor 45%, transparent);-webkit-text-decoration-color:color-mix(in srgb, currentColor 45%, transparent);text-decoration-color:color-mix(in srgb, currentColor 45%, transparent)}}.wrap p a:not([class]):hover{text-decoration-color:currentColor}.section--ink .wrap p a:not([class]),.section--roi .wrap p a:not([class]){color:#bfe0ee}.link-arrow{font-family:var(--sans);font-size:14px;font-weight:var(--w-semi);color:var(--accent-text);transition:color var(--t-fast), gap var(--t-fast);align-items:center;gap:6px;display:inline-flex}
54.link-arrow:hover{color:var(--ink);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1.5px}.link-arrow svg{flex:none}.hero-fb{text-align:center;background:#fff;justify-content:center;align-items:center;min-height:calc(100svh - 80px);padding:clamp(56px,8vw,80px) 0 clamp(96px,14vw,160px);display:flex;position:relative;overflow:hidden}.hero-fb__sail{aspect-ratio:1633/321;pointer-events:none;background-image:url(https://www.ccl.org/wp-content/plugins/ccl-features/assets/src/home/img/ccl-sail-gradient.png);background-position:bottom;background-repeat:no-repeat;background-size:100%;position:absolute;bottom:0;left:0;right:0}.hero-fb__inner{z-index:2;max-width:1040px;margin-inline:auto;position:relative}.hero-fb__eyebrow{justify-content:center;margin-bottom:24px}.hero-fb h1{color:var(--ink);margin:0}.hero-fb h1 em{font-style:italic;font-weight:var(--w-regular);color:var(--accent)}.hero-fb__lede{max-width:72ch;font-size:var(--fs-lede);line-height:var(--lh-lede);margin:28px auto 0}.hero-fb__ctas{flex-flow:column wrap;justify-content:center;align-items:center;gap:14px;margin-top:40px;display:flex}.hero-fb .btn-text{color:var(--accent-text)}.hero-fb .btn-text:hover{color:var(--ink)}.marquee-grid{grid-template-columns:40fr 60fr;align-items:center;gap:56px;display:grid}.marquee__insight{font-family:var(--serif);font-weight:var(--w-medium);font-size:var(--fs-h2);line-height:var(--lh-snug);text-wrap:balance;max-width:16ch;margin:14px 0 0;color:#fff!important}.marquee__body{font-size:18px;line-height:var(--lh-body);max-width:42ch;margin:20px 0 0}.marquee__visual{border-radius:var(--radius-card);aspect-ratio:4/3;mix-blend-mode:screen;display:block;position:relative;overflow:hidden}.marquee__visual img{object-fit:cover;width:100%;height:100%;transition:transform var(--t-slow);display:block}.marquee__visual:hover img{transform:scale(1.02)}.marquee__visual:after{content:"";pointer-events:none;background:radial-gradient(#0000 55%,#0038658c 100%);position:absolute;inset:0}.mq-play{border-radius:var(--radius-pill);pointer-events:none;z-index:2;background:#fff;justify-content:center;align-items:center;width:76px;height:76px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 24px #0038652e}.mq-play:after{content:"";background:var(--ink);clip-path:polygon(18% 8%,18% 92%,88% 50%);width:22px;height:22px;margin-left:4px}.solband{border-radius:var(--radius-card);color:#fff;background:linear-gradient(115deg,#002a4c 0%,#003865 52%,#0a4e86 100%);padding:clamp(32px,4vw,56px) clamp(24px,4vw,60px) clamp(36px,4vw,60px);position:relative;overflow:hidden}.solband__glow{pointer-events:none;background:radial-gradient(circle,#9fd3ea47 0%,#9fd3ea00 70%);border-radius:50%;width:520px;height:520px;position:absolute;top:-120px;right:-160px}.solband__badge{font-family:var(--sans);font-size:var(--fs-eyebrow-sm);font-weight:var(--w-semi);letter-spacing:.1em;text-transform:uppercase;color:#9fd3ea;margin-bottom:18px;display:inline-flex}.solband__rule{background:#9fd3ea;width:64px;height:4px;margin-bottom:28px}.solband h3{color:#fff;max-width:22ch;margin:0 0 14px;font-size:clamp(28px,3.6vw,48px);line-height:1.1;position:relative}.solband h3 em{color:#9fd3ea;font-style:italic}.solband__body{font-size:18px;line-height:var(--lh-body);max-width:62ch;margin:0 0 28px;position:relative;color:var(--text-on-dark-85)!important}.solband__div{grid-template-columns:auto 1fr;align-items:center;gap:24px;margin:44px 0 26px;display:grid}.solband__div h3{max-width:none;margin:0;font-size:26px}.solband__div hr{background:#ffffff38;border:0;height:1px;margin:0}.solband .btn{position:relative}.pathways{scroll-margin-top:max(calc(var(--nv-height) + 20px), calc(100vh - 280px));grid-template-columns:repeat(3,1fr);gap:20px;display:grid;position:relative}.pathway{border-radius:var(--radius-card);transition:box-shadow var(--t-base), transform var(--t-base);background:#fff;border:1px solid #00386514;flex-direction:column;gap:10px;padding:28px;display:flex;position:relative}.pathway:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.pathway:hover .btn-ghost{background:var(--ink);color:#fff}.pathway:hover .btn .arr{transform:translate(4px)}.pathway__num{font-family:var(--sans);font-size:var(--fs-eyebrow-sm);font-weight:var(--w-semi);letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.pathway h4{margin:0}.pathway p{font-size:var(--fs-sm);margin:0;padding-bottom:10px;line-height:1.55}.pathway .btn{align-self:flex-start;margin-top:auto;position:static}.pathway .btn:after{content:"";position:absolute;inset:0}@media (min-width:386px){.pathway .btn .tm-mark{margin-left:calc(8px - .3em)}}@media (max-width:385px){.pathway .btn .tm-mark{font-size:1.2em;top:.2em;left:.3em}}.logo-wall{grid-template-columns:repeat(4,1fr);gap:4px;max-width:83%;margin:0 auto 56px;display:grid}.logo-cell{justify-content:center;align-items:center;height:143px;display:flex}.logo-cell img{object-fit:contain;width:auto;max-width:60.5%;height:auto;max-height:60.5%}.hr-labeled{align-items:center;gap:16px;margin:0 0 40px;display:flex}.hr-labeled:before,.hr-labeled:after{content:"";background:#0038651f;flex:1;height:1px}.hr-labeled span{font-family:var(--sans);font-size:var(--fs-eyebrow-sm);font-weight:var(--w-bold);letter-spacing:var(--ls-foot);text-transform:uppercase;color:var(--accent);white-space:nowrap}.testimonial-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.testimonial-card{border-radius:var(--radius-card);box-shadow:var(--shadow-card);background:#fff;border:1px solid #00386514;flex-direction:column;gap:8px;padding:32px;display:flex}.testimonial-card__quote{font-family:var(--serif);font-weight:var(--w-regular);color:var(--ink);border-left:2px solid var(--accent);margin:0 0 20px;padding-left:18px;font-size:17px;line-height:1.45}.testimonial-card__quote strong{font-weight:var(--w-medium);color:var(--accent-text);font-style:italic}.testimonial-card__attrib{border-top:1px solid #0038651a;align-items:center;gap:14px;margin-top:auto;padding-top:20px;
54display:flex}.testimonial-card__name{font-family:var(--sans);font-weight:var(--w-semi);color:var(--ink);margin-bottom:2px;font-size:16px}.testimonial-card__role{font-family:var(--sans);color:var(--text-muted);font-size:14px;line-height:1.4}.th-avatar{isolation:isolate;background:#cfcfda;border-radius:50%;flex-shrink:0;width:56px;height:56px;display:block;overflow:hidden}.th-avatar img{object-fit:cover;width:100%;height:100%;display:block}.webinar{background:var(--bg-soft);box-shadow:var(--shadow-card);border-radius:20px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.webinar__art{background-color:var(--bg-blue);background-position:50%;background-size:cover;justify-content:flex-start;align-items:flex-start;min-height:380px;padding:24px;display:flex;position:relative}.webinar__art-glow{pointer-events:none;background:radial-gradient(360px 200px at 30% 60%,#34bcaa40,#0000 60%);position:absolute;inset:0}.live-tag{z-index:2;color:#fff;font-family:var(--sans);font-size:var(--fs-eyebrow-sm);font-weight:var(--w-semi);text-transform:uppercase;letter-spacing:.12em;border-radius:var(--radius-pill);background:#000;align-items:center;gap:8px;padding:7px 14px;display:inline-flex;position:relative}.live-tag__dot{background:#fff;border-radius:50%;width:8px;height:8px;animation:1.6s infinite live-pulse}@keyframes live-pulse{0%{box-shadow:0 0 #fff9}70%{box-shadow:0 0 0 8px #fff0}to{box-shadow:0 0 #fff0}}.webinar__body{padding:clamp(28px,3vw,40px)}.webinar__meta{font-family:var(--sans);font-size:var(--fs-eyebrow-sm);font-weight:var(--w-semi);text-transform:uppercase;letter-spacing:.12em;color:var(--accent-text);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.webinar__title{margin:0 0 16px;font-size:clamp(24px,2.4vw,30px);line-height:1.15}.webinar__lede{margin:0 0 28px;font-size:16px;line-height:1.55}.webinar__hosts{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 32px;margin-top:28px;display:grid}.webinar__host{align-items:center;gap:10px;min-width:0;display:flex}.webinar__host>div{min-width:0}.webinar__host img{object-fit:cover;background:var(--bg-blue);border-radius:50%;flex-shrink:0;width:44px;height:44px}.webinar__host-name{font-size:14px;font-weight:var(--w-semi);color:var(--ink)}.webinar__host-role{color:var(--text-muted);font-size:12.5px;line-height:1.25}@media (max-width:620px){.webinar__hosts{grid-template-columns:1fr}}.webinar__ctas{flex-wrap:wrap;align-items:center;gap:24px;margin-top:28px;display:flex}@media (max-width:560px){.webinar__ctas{flex-direction:column;align-items:flex-start}.webinar__ctas .link-arrow{padding:2px 20px}}.mission .eyebrow{justify-content:center;margin-bottom:16px}.mission h2{color:#fff;max-width:20ch;margin:16px auto 0}.mission p{max-width:56ch;margin:22px auto 0}.mission__cta{margin-top:40px}.lib-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.article{flex-direction:column;gap:12px;display:flex}.article__thumb{border-radius:var(--radius-md);aspect-ratio:16/10;box-shadow:var(--shadow-card);overflow:hidden}.article__thumb img{object-fit:cover;width:100%;height:100%;transition:transform .4s ease-out;display:block}.article:hover .article__thumb img{transform:scale(1.03)}.article__cat{font-family:var(--sans);font-size:var(--fs-eyebrow-sm);font-weight:var(--w-semi);letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.article__title{font-family:var(--serif);font-weight:var(--w-medium);color:var(--ink);margin:0;font-size:20px;line-height:1.25}.article:hover .article__title{color:var(--ink-2);text-decoration:underline}.article__blurb{font-family:var(--sans);margin:0;font-size:14.5px;line-height:1.5}.article__blurb .tm-mark{margin-left:0;font-size:1em;top:-.05em}.article__meta{font-family:var(--sans);font-size:var(--fs-xs);color:var(--text-muted)}.lib-more{border-top:1px solid var(--rule);grid-template-columns:minmax(200px,260px) 1fr;align-items:start;gap:0 64px;margin-top:104px;padding-top:64px;display:grid}.lib-head--2{text-align:left;max-width:none;margin:0}.lib-head--2 .eyebrow{color:var(--text-muted)}.lib-head--2 .eyebrow:before{background:var(--text-muted)}.lib-head--2 h2{margin:0;font-size:clamp(28px,3vw,40px);line-height:1.1}.lib-grid--minor{grid-template-columns:1fr 1fr;gap:0 48px}.lib-grid--minor .article{border-top:1px solid var(--rule);gap:8px;padding:20px 0}.lib-grid--minor .article:first-child,.lib-grid--minor .article:nth-child(2){border-top:none;padding-top:0}.lib-grid--minor .article__thumb{display:none}.lib-grid--minor .article__cat{color:var(--text-muted);font-size:11px}.lib-grid--minor .article__title{font-size:17px;line-height:1.3}.lib-insights-more{text-align:right;margin:28px 0 0}.reveal{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--rev-i,0) * 70ms);will-change:opacity, transform;transform:translateY(14px)}.reveal.is-in{opacity:1;will-change:auto;transform:none}.logo-reveal{opacity:0;transition:opacity 1s;transition-delay:calc(var(--rev-i,0) * .1s);will-change:opacity}.logo-reveal.is-in{opacity:1}@media (max-width:1100px){.testimonial-grid{grid-template-columns:1fr}.lib-grid{grid-template-columns:1fr 1fr}}@media (max-width:980px){.marquee-grid{grid-template-columns:1fr;gap:32px}.marquee__insight,.marquee__body,.solband h3,.solband__body{max-width:none}.solband__div{grid-template-columns:1fr;gap:14px}.pathways{grid-template-columns:1fr}.logo-wall{grid-template-columns:repeat(2,1fr);max-width:100%}.webinar{grid-template-columns:1fr}.lib-grid{grid-template-columns:1fr;gap:40px}.lib-more{grid-template-columns:1fr;gap:28px 0;margin-top:64px;padding-top:40px}.lib-grid--minor{grid-template-columns:1fr;gap:0}.lib-grid--minor .article:nth-child(2){border-top:1px solid var(--rule);padding-top:20px}.lib-insights-more{text-align:left}}@media (prefers-reduced-motion:reduce){.reveal,.logo-reveal{opacity:1;transition:none;transform:none}.live-tag__dot{animation:none}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-pan-x{syntax:"*";inherits:false}@property --tw-pan-y{syntax:"*";inherits:false}@property --tw-pinch-zoom{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}
54@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-border-spacing-x{syntax:"<length>";inherits:false;initial-value:0}@property --tw-border-spacing-y{syntax:"<length>";inherits:false;initial-value:0}@keyframes pulse{50%{opacity:.5}}</style>
55<!--n2css--><!--n2js--><noscript><style id="rocket-lazyload-nojs-css">.rll-youtube-player, [data-lazy-src]{display:none !important;}</style></noscript>
56  <!-- Spide AF -->
57  
57<script>
58    var sptrk=function(){var o="https://sp-trk.com/",t="__spd",e=(new Date).getTime();window[t]||(window[t]={init:!1});var c=window[t];c.d||(c.d=[]);var s=c.d;function v(t){var i=document.createElement("script");i.async=!0,i.src=t,document.head.appendChild(i)}c.init||v(o+"u");var u=/^([a-z0-9]{8})-([a-z0-9]{2})$/;return function(){var t=arguments;if(s.push(t),"config"==t[0]&&!c.init&&!c.a){c.init=!0;var i=t[1],n=i.match(u),a=n[1],r=n[2];if(!a||!r)throw"invalid id: "+i;var d=Math.random().toString(36).substring(2,15);v(o+"t/"+a+"?"+("a="+e+"&o="+d))}}}();
59
60    sptrk('config', 'cbyszbiu-01', {
61      // optional parameters:
62      // segment: '##segment##'
63    });
64  </script>
64
65  <!-- End Spider AF -->
66
67  
67<script>
68    (function (a, t, i) { var e = "MSCI"; var s = "Analytics"; var o = e + "queue"; a[o] = a[o] || []; var r = a[e] || function (n) { var t = {}; t[s] = {}; function e(e) { while (e.length) { var r = e.pop(); t[s][r] = function (e) { return function () { a[o].push([e, n, arguments]) } }(r) } } var r = "track"; var i = "set"; e([r + "Event", r + "View", r + "Action", i + "Config", i + "Property", i + "User", "initialize", "teardown"]); return t }(i.name); var n = i.name; if (!a[e]) { a[n] = r[s]; a[o].push(["new", n]); setTimeout(function () { var e = "script"; var r = t.createElement(e); r.async = 1; r.src = i.src; var n = t.getElementsByTagName(e)[0]; n.parentNode.insertBefore(r, n) }, 1) } else { a[n] = new r[s] } if (i.user) { a[n].setUser(i.user) } if (i.props) { for (var c in i.props) { a[n].setProperty(c, i.props[c]) } } a[n].initialize(i.cfg) })(window, document, {
69        src: "https://cxppusa1rdrect01sa02cdn-endpoint.azureedge.net/webtracking/WebTracking/WebTracking.bundle.js",
70        name: "MSCI",
71        cfg: {
72            ingestionKey: "d0be1d99d6dc4efd8b6dc825acd67de5-1aedb487-9c9b-46ca-9686-510062632751-7459",
73            endpointUrl: "https://mobile.events.data.microsoft.com/OneCollector/1.0/",
74            autoCapture: {
75                view: true,
76                click: true
77            },
78            orgInfo: {
79                orgId: "8c68dd41-91d8-44aa-be3f-2d3028599b2e",
80                orgTenantId: "6f6d1c6a-9e90-48b4-a00f-f4830e02a93e",
81                orgGeo: "USA"
82            }
83        }
84    });
85  </script>
85
86
87  <meta name="facebook-domain-verification" content="6u2pglfzbwz5sbbelpxe699lad803v" />
88  <meta name="google-site-verification" content="AnCJkD7p7M1xLimXN6-LFh0IiEkx1LFc0wKc19uwmds" />
89
90  <!-- AddSearch Instant Search — preloaded async; only needed for hidden search overlay -->
91  <link rel="preload" as="style" href="https://www.ccl.org/wp-content/themes/ccl-child/add_search/addsearch-search-ui.min.css?ver=1.1.4560" onload="this.onload=null;this.rel='stylesheet'">
92  <link rel="preload" as="style" href="https://www.ccl.org/wp-content/themes/ccl-child/add_search/addsearch-dist.ui.min.css?ver=1.13.450" onload="this.onload=null;this.rel='stylesheet'">
93  <link rel="preload" as="style" href="https://www.ccl.org/wp-content/themes/ccl-child/dist/css/addsearch-v2.css?ver=1.0" onload="this.onload=null;this.rel='stylesheet'">
94  <noscript>
95    <link rel="stylesheet" href="https://www.ccl.org/wp-content/themes/ccl-child/add_search/addsearch-search-ui.min.css?ver=1.1.4560">
96    <link rel="stylesheet" href="https://www.ccl.org/wp-content/themes/ccl-child/add_search/addsearch-dist.ui.min.css?ver=1.13.450">
97    <link rel="stylesheet" href="https://www.ccl.org/wp-content/themes/ccl-child/dist/css/addsearch-v2.css?ver=1.0">
98  </noscript>
99  
99<script>window.searchResultsPageUrl = '/?search_filters=%7B%22main%22%3A1%2C%22Main%22%3A1%7D';</script>
99
100  <style>
101    .skip-link {
102    position: absolute;
103    top: -60px;
104    left: 0;
105    background: gainsboro;
106    border: 1px solid #f0f1f3;
107    color: #3b3b3b;
108    padding: 13px 21px;
109    z-index: 2147483650;
110    text-decoration: none;
111    border-radius: 7px;
112    opacity: 0;
113    font-weight: 700;
114    transition: top 0.3s ease;
115    box-shadow: 6px 8px 13px #ccc;
116  }
117  .skip-link:focus {
118	top: 0;
119	opacity: 1;
120	outline: 0;
121	border: 1px solid #f0f1f3;
122  }
123
124  </style>
125</head>
126<body class="font-sans text-base" id="top">
127<a href="#" class="skip-link">Skip to main content</a>
128<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 128-129
128
129<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
129GTM-NG5XMF
vendor: 83 bytes, lines 129-130
129"
130height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
131<!-- End Google Tag Manager (noscript) -->
132
133<!-- ============================ SITE NAV (mega-menu) ============================ -->
134<header class="nv sticky top-0 z-50 border-b border-rule-soft" data-nav data-screen-label="Site nav">
135  <div class="nv-bar relative z-[2] bg-white/70 backdrop-blur-md backdrop-saturate-150">
136    <div class="nv-inner mx-auto flex h-20 max-w-[1360px] items-center gap-[22px] px-5 md:px-8">
137
138      <!-- Logo -->
139      <a href="https://www.ccl.org/" class="nv-logo inline-flex shrink-0 items-center" aria-label="Center for Creative Leadership home">
140        <img src="https://www.ccl.org/wp-content/uploads/2023/06/ccl-logo-1-line-blue-gradient.svg" alt="Center for Creative Leadership" class="nv-logo-img h-[34px] w-auto md:max-w-[300px]">
141      </a>
142
143      <!-- Primary navigation -->
144      <nav class="nv-main hidden h-20 flex-1 items-stretch gap-1 lg:flex" aria-label="Primary">
145          <div class="nv-item relative flex items-center" data-item data-key="m66607">
146              <a href="/leadership-challenges/" class="nv-link relative inline-flex h-20 items-center gap-1.5 whitespace-nowrap px-[11px] text-sm font-medium tracking-[-0.005em] text-ink hover:text-ink-2" aria-haspopup="true" aria-expanded="false">
147              Your Challenges                  <svg class="nv-chev opacity-[0.55]" width="11" height="11" viewB
147ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>
148              </a>    </div>
149          <div class="nv-item relative flex items-center" data-item data-key="m66625">
150              <a href="/leadership-solutions/" class="nv-link relative inline-flex h-20 items-center gap-1.5 whitespace-nowrap px-[11px] text-sm font-medium tracking-[-0.005em] text-ink hover:text-ink-2" aria-haspopup="true" aria-expanded="false">
151              Our Solutions                  <svg class="nv-chev opacity-[0.55]" width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>
152              </a>    </div>
153          <div class="nv-item relative flex items-center" data-item data-key="m66641">
154              <a href="/insights-research/" class="nv-link relative inline-flex h-20 items-center gap-1.5 whitespace-nowrap px-[11px] text-sm font-medium tracking-[-0.005em] text-ink hover:text-ink-2" aria-haspopup="true" aria-expanded="false">
155              Insights &amp; Research                  <svg class="nv-chev opacity-[0.55]" width="11" height="11" viewB
155ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>
156              </a>    </div>
157          <div class="nv-item relative flex items-center" data-item data-key="m66659">
158              <a href="/about-us/" class="nv-link relative inline-flex h-20 items-center gap-1.5 whitespace-nowrap px-[11px] text-sm font-medium tracking-[-0.005em] text-ink hover:text-ink-2" aria-haspopup="true" aria-expanded="false">
159              About Us                  <svg class="nv-chev opacity-[0.55]" width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>
160              </a>    </div>
161  </nav>
162      <!-- Find / buy / convert zone -->
163      <div class="ml-auto flex shrink-0 items-center gap-3">
164        <button class="inline-flex h-10 w-10 items-center justify-center rounded-full border border-rule text-ink transition-colors hover:border-[rgba(0,56,101,0.18)] hover:bg-[rgba(0,56,101,0.06)] focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-accent/35" aria-label="Open search" data-search-open>
165          <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="7"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
166        </button>
167
168        <span class="hidden h-[26px] w-px bg-rule lg:inline-block" aria-hidden="true"></span>
169
170        <!-- Shop link -->
171        <a href="https://shop.ccl.org/usa" target="_blank" rel="noopener" aria-label="Shop — opens in our online store" class="nv-shop-link group hidden items-center gap-1.5 rounded-lg px-1.5 py-2 text-sm font-medium text-ink transition-colors hover:text-ink-2 focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-accent/35 lg:inline-flex">
172          Shop
173          <svg class="shrink-0 text-accent-2 opacity-70 transition-opacity group-hover:opacity-100" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="7" y1="17" x2="17" y2="7"></line><polyline points="8 7 17 7 17 16"></polyline></svg>
174        </a>
175
176        <a href="/contact-us"  aria-label="" data-material-type="value1" data-element-type="value1" data-element-cta="value1" data-element-position="1" class="hidden items-center gap-2 whitespace-nowrap rounded-full bg-ink px-[22px] py-3 text-sm font-semibold tracking-[0.01em] text-white bg-ink hover:bg-ink-2 transition-[background,transform] duration-200 hover:-translate-y-px hover:bg-ink-2 focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-accent/45 lg:inline-flex" data-dl-shared-open>
177          Talk to us          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="13 6 19 12 13 18"></polyline></svg>
178</a>
179
180  <!-- GATED DOWNLOAD MODAL -->
181           <button class="inline-flex h-10 w-10 items-center justify-center rounded-full border border-rule text-ink lg:hidden" aria-label="Open menu" data-drawer-open>
182          <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><line x1="4" y1="7" x2="20" y2="7"></line><line x1="4" y1="12" x2="20" y2="12"></line><line x1="4" y1="17" x2="20" y2="17"></line></svg>
183        </button>
184      </div>
185    </div>
186  </div>
187
188  <!-- ============================ MEGA MENU (desktop) ======================= -->
189  <div class="nv-mega absolute inset-x-0 top-full z-[1] hidden border-t border-rule-soft bg-white shadow-mega lg:block" data-mega aria-label="Main menu">
190    <div class="mx-auto max-w-[1360px] px-8 pb-[52px] pt-11">
191
192              <div class="mega-panel" data-panel="m66607" data-cols="3">
193          
194        <div class="min-w-0">
195          <div class="mb-[18px] flex items-center gap-2.5 text-[12.5px] font-bold uppercase tracking-[0.1em] text-ink"><span class="h-0.5 w-[22px] shrink-0 bg-accent"></span>Focus Areas</div>
196                      <ul class="grid list-none gap-px p-0">
197                              <li><a href="/leadership-challenges/leadership-and-ai/" class="group -mx-2.5 flex items-center justify-between gap-2.5 rounded-lg px-2.5 py-2 text-[14.5px] leading-tight text-ink transition-colors hover:bg-blue-tint hover:text-ink-2"><span>AI &amp; Leadership</span></a></li>
198                              <li><a href="/leadership-challenges/leadership-burnout/" class="group -mx-2.5 flex items-center justify-between gap-2.5 rounded-lg px-2.5 py-2 text-[14.5px] leading-tight text-ink transition-colors hover:bg-blue-tint hover:text-ink-2"><span>Burnout in Leadership</span></a></li>
199                              <li><a href="/leadership-challenges/change-leadership/" class="group -mx-2.5 flex items-center justify-between gap-2.5 rounded-lg px-2.5 py-2 text-[14.5px] leading-tight text-ink transition-colors hover:bg-blue-tint hover:text-ink-2"><span>Change Leadership</span></a></li>
200                              <li><a href="/leadership-challenges/individual-leadership-development/" class="group -mx-2.5 flex items-center justify-between gap-2.5 rounded-lg px-2.5 py-2 text-[14.5px] leading-tight text-ink transition-colors hover:bg-blue-tint hover:text-ink-2"><span>Leadership Development</span></a></li>
201                              <li><a href="/leadership-challenges/leadership-through-uncertainty/" class="group -mx-2.5 flex items-center justify-between gap-2.5 rounded-lg px-2.5 py-2 text-[14.5px] leading-tight text-ink transition-colors hover:bg-blue-tint hover:text-ink-2"><span>Leading Through Uncertainty</span></a></li>
202                              <li><a href="/leadership-challenges/organizational-culture/" class="group -mx-2.5 flex items-center justify-between gap-2.5 rounded-lg px-2.5 py-2 text-[14.5px] leading-tight text-ink transition-colors hover:bg-blue-tint hover:text-ink-2"><span>Organizational Culture</span></a></li>
203                          </ul>
204                                <a href="/leadership-challenges/" class="group mt-6 inline-flex items-center gap-2 self
204-start rounded-full border border-ink/25 px-[18px] py-2 text-[13px] font-semibold text-ink transition-all duration-150 hover:bg-ink hover:text-white hover:border-ink">View All Challenges<svg class="arr shrink-0 transition-transform duration-150 group-hover:translate-x-1" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="13 6 19 12 13 18"/></svg></a>
205                  </div>
206
207                
208        <div class="-ml-7 min-w-0 border-l border-rule-soft pl-14">
209          <div class="mb-[18px] flex items-center gap-2.5 text-[12.5px] font-bold uppercase tracking-[0.1em] text-ink"><span class="h-0.5 w-[22px] shrink-0 bg-accent"></span>Industries</div>
210                      <ul class="grid list-none gap-px p-0">
211                              <li><a href="/industries-sectors/financial-services-leadership/" class="group -mx-2.5 flex items-center justify-between gap-2.5 rounded-lg px-2.5 py-2 text-[14.5px] leading-tight text-ink transition-colors hover:bg-blue-tint hover:text-ink-2"><span>Financial Services</span></a></li>
212                              <li><a href="/industries-sectors/foundations-philanthropic-leadership/" class="group -mx-2.5 flex items-center justify-between gap-2.5 rounded-lg px-2.5 py-2 text-[14.5px] leading-tight text-ink transition-colors hover:bg-blue-tint hover:text-ink-2"><span>Foundations</span></a></li>
213                              <li><a href="/industries-sectors/government-leadership/" class="group -mx-2.5 flex items-center justify-between gap-2.5 rounded-lg px-2.5 py-2 text-[14.5px] leading-tight text-ink transition-colors hover:bg-blue-tint hover:text-ink-2"><span>Government</span></a></li>
214                              <li><a href="/industries-sectors/healthcare-leadership/" class="group -mx-2.5 flex items-center justify-between gap-2.5 rounded-lg px-2.5 py-2 text-[14.5px] leading-tight text-ink transition-colors hover:bg-blue-tint hover:text-ink-2"><span>Healthcare</span></a></li>
215                              <li><a href="/industries-sectors/nonprofit-leadership/" class="group -mx-2.5 flex items-center justify-between gap-2.5 rounded-lg px-2.5 py-2 text-[14.5px] leading-tight text-ink transition-colors hover:bg-blue-tint hover:text-ink-2"><span>Nonprofits</span></a></li>
216                              <li><a href="/industries-sectors/pharmaceutical-leadership-development/" class="group -mx-2.5 flex items-center justify-between gap-2.5 rounded-lg px-2.5 py-2 text-[14.5px] leading-tight text-ink transition-colors hover:bg-blue-tint hover:text-ink-2"><span>Pharmaceutical</span></a></li>
217                          </ul>
218                                <a href="/industries-sectors/" class="group mt-6 inline-flex items-center gap-2 self-start rounded-full border border-ink/25 px-[18px] py-2 text-[13px] font-semibold text-ink transition-all duration-150 hover:bg-ink hover:text-white hover:border-ink">View All Industries<svg class="arr shrink-0 transition-transform duration-150 group-hover:translate-x-1" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="13 6 19 12 13 18"/></svg></a>
219                  </div>
220
221                
222        <div class="-ml-7 flex min-w-0 flex-col border-l border-rule-soft pl-14">
223          <div class="mb-1 flex items-center gap-2.5 text-[12.5px] font-bold uppercase tracking-[0.14em] text-text-muted"><span class="h-0.5 w-[22px] shrink-0 bg-accent"></span>Recommended</div>
224                      <a href="/articles/guides/perpetual-crisis-leadership-in-disruption/" class="group block border-t border-rule-soft py-[18px] transition-[padding] first:border-t-0 hover:pl-[5px]">
225                              <div class="mb-[7px] text-[11px] font-bold uppercase tracking-[0.12em] text-accent-2">Guide</div>
226                            <div class="mb-[7px] font-serif text-[18px] font-medium leading-[1.26] text-ink transition-colors group-hover:text-accent-2">Reinvention Through Disruption: Moving From Perpetual Crisis to Collective Adaptability</div>
227                              <div class="text-[13.5px] leading-[1.52] text-text-muted">Leadership in disruption requires organizations to shift from perpetual crisis mode to collective, sustainable adaptability. See how development enables leaders to grow and thrive in disruption.</div>
228                          </a>
229                      <a href="/guides/ld-budgets/" class="group block border-t border-rule-soft py-[18px] transition-[padding] first:border-t-0 hover:pl-[5px]">
230                              <div class="mb-[7px] text-[11px] font-bold uppercase tracking-[0.12em] text-accent-2">Guide</div>
231                            <div class="mb-[7px] font-serif text-[18px] font-medium leading-[1.26] text-ink transition-colors group-hover:text-accent-2">Why Leadership, Why Now</div>
232                              <div class="text-[13.5px] leading-[1.52] text-text-muted">Today&#8217;s disruption demands stronger leaders. Discover why protecting development helps organizations navigate volatility while building agility.</div>
233                          </a>
234                  </div>
235
236            </div>
237        <div class="mega-panel" data-panel="m66625" data-cols="3">
238          
239        <div class="min-w-0">
240          <div class="mb-[18px] flex items-center gap-2.5 text-[12.5px] font-bold uppercase tracking-[0.1em] text-ink"><span class="h-0.5 w-[22px] shrink-0 bg-accent"></span>Programs</div>
241                      <ul class="grid list-none gap-px p-0">
242                              <li><a href="/leadership-challenges/executive-leadership-programs/" class="group -mx-2.5 flex items-center justify-between gap-2.5 rounded-lg px-2.5 py-2 text-[14.5px] leading-tight text-ink transition-colors hover:bg-blue-tint hover:text-ink-2"><span>Executive Leadership Programs</span></a></li>
243                              <li><a href="/leadership-challenges/middle-manager-training/" class="group -mx-2.5 flex items-center justify-between gap-2.5 rounded-lg px-2.5 py-2 text-[14.5px] leading-tight text-ink transition-colors hover:bg-blue-tint hover:text-ink-2"><span>Mid-Level Manager Training</span></a></li>
244                              <li><a href="/leadership-challenges/new-manager-courses/" class="group -mx-2.5 flex items-center justify-between gap-2.5 rounded-lg px-2.5 py-2 text-[14.5px] leading-tight text-ink transition-colors hover:bg-blue-tint hover:text-ink-2"><span>Frontline &amp; New Manager Courses</span></a></li>
245                              <li><a href="/leadership-solutions/online-leadership-training/" class="group -mx-2.5 flex items-center justify-between gap-2.5 rounded-lg px-2.5 py-2 text-[14.5px] leading-tight text-ink transition-colors hover:bg-blue-tint hover:text-ink-2"><span>Online Leadership Training</span></a></li>
246                              <li><a href="/leadership-programs/better-conversations-every-day-coaching-culture/" class="group -mx-2.5 flex items-center justify-between gap-2.5 rounded-lg px-2.5 py-2 text-[14.5px] leading-tight text-ink transition-colors hover:bg-blue-tint hover:text-ink-2"><span>Conversation Training</span></a></li>
247                          </ul>
248                                <a href="/leadership-programs/" class="group mt-6 inline-flex items-center gap-2 self
248-start rounded-full border border-ink/25 px-[18px] py-2 text-[13px] font-semibold text-ink transition-all duration-150 hover:bg-ink hover:text-white hover:border-ink">View All Programs<svg class="arr shrink-0 transition-transform duration-150 group-hover:translate-x-1" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="13 6 19 12 13 18"/></svg></a>
249                  </div>
250
251                
252        <div class="-ml-7 min-w-0 border-l border-rule-soft pl-14">
253          <div class="mb-[18px] flex items-center gap-2.5 text-[12.5px] font-bold uppercase tracking-[0.1em] text-ink"><span class="h-0.5 w-[22px] shrink-0 bg-accent"></span>Services &amp; Tools</div>
254                      <ul class="grid list-none gap-px p-0">
255                              <li><a href="/leadership-solutions/leadership-development-tools/leadership-assessments/" class="group -mx-2.5 flex items-center justify-between gap-2.5 rounded-lg px-2.5 py-2 text-[14.5px] leading-tight text-ink transition-colors hover:bg-blue-tint hover:text-ink-2"><span>360 Assessments</span></a></li>
256                              <li><a href="/leadership-solutions/leadership-coaching/" class="group -mx-2.5 flex items-center justify-between gap-2.5 rounded-lg px-2.5 py-2 text-[14.5px] leading-tight text-ink transition-colors hover:bg-blue-tint hover:text-ink-2"><span>Coaching Services</span></a></li>
257                              <li><a href="/leadership-solutions/leadership-development-tools/customized-leadership-development/" class="group -mx-2.5 flex items-center justify-between gap-2.5 rounded-lg px-2.5 py-2 text-[14.5px] leading-tight text-ink transition-colors hover:bg-blue-tint hover:text-ink-2"><span>Custom Leadership Development</span></a></li>
258                              <li><a href="/leadership-solutions/leadership-development-tools/" class="group -mx-2.5 flex items-center justify-between gap-2.5 rounded-lg px-2.5 py-2 text-[14.5px] leading-tight text-ink transition-colors hover:bg-blue-tint hover:text-ink-2"><span>Leadership Development Tools</span></a></li>
259                              <li><a href="/leadership-solutions/leadership-topics/" class="group -mx-2.5 flex items-center justify-between gap-2.5 rounded-lg px-2.5 py-2 text-[14.5px] leading-tight text-ink transition-colors hover:bg-blue-tint hover:text-ink-2"><span>Leadership Training Topics</span></a></li>
260                          </ul>
261                                <a href="/leadership-solutions/" class="group mt-6 inline-flex items-center gap-2 self-start rounded-full border border-ink/25 px-[18px] py-2 text-[13px] font-semibold text-ink transition-all duration-150 hover:bg-ink hover:text-white hover:border-ink">View All Solutions<svg class="arr shrink-0 transition-transform duration-150 group-hover:translate-x-1" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="13 6 19 12 13 18"/></svg></a>
262                  </div>
263
264                
265        <div class="-ml-7 flex min-w-0 flex-col border-l border-rule-soft pl-14">
266          <div class="mb-1 flex items-center gap-2.5 text-[12.5px] font-bold uppercase tracking-[0.14em] text-text-muted"><span class="h-0.5 w-[22px] shrink-0 bg-accent"></span>Featured Solutions</div>
267                      <a href="/leadership-solutions/leadership-development-tools/passport-leadership-content-subscription/" class="group block border-t border-rule-soft py-[18px] transition-[padding] first:border-t-0 hover:pl-[5px]">
268                              <div class="mb-[7px] text-[11px] font-bold uppercase tracking-[0.12em] text-accent-2">Subscription</div>
269                            <div class="mb-[7px] font-serif text-[18px] font-medium leading-[1.26] text-ink transition-colors group-hover:text-accent-2">
269CCL Passport<sup class="tm-mark nav">&trade;</sup></div>
270                              <div class="text-[13.5px] leading-[1.52] text-text-muted">Unlimited access to our world-class, research-based leadership development content and solutions.</div>
271                          </a>
272                      <a href="/leadership-programs/leadership-development-program/" class="group block border-t border-rule-soft py-[18px] transition-[padding] first:border-t-0 hover:pl-[5px]">
273                              <div class="mb-[7px] text-[11px] font-bold uppercase tracking-[0.12em] text-accent-2">Flagship</div>
274                            <div class="mb-[7px] font-serif text-[18px] font-medium leading-[1.26] text-ink transition-colors group-hover:text-accent-2">Leadership Development Program (LDP)<sup class="tm-mark nav">&reg;</sup></div>
275                              <div class="text-[13.5px] leading-[1.52] text-text-muted">The longest-running leadership program of its kind in the world, available in person or live online.</div>
276                          </a>
277                  </div>
278
279            </div>
280        <div class="mega-panel" data-panel="m66641" data-cols="3">
281          
282        <div class="min-w-0">
283          <div class="mb-[18px] flex items-center gap-2.5 text-[12.5px] font-bold uppercase tracking-[0.1em] text-ink"><span class="h-0.5 w-[22px] shrink-0 bg-accent"></span>By Type</div>
284                      <ul class="grid list-none gap-px p-0">
285                              <li><a href="/guides/" class="group -mx-2.5 flex items-center justify-between gap-2.5 rounded-lg px-2.5 py-2 text-[14.5px] leading-tight text-ink transition-colors hover:bg-blue-tint hover:text-ink-2"><span>Guides</span></a></li>
286                              <li><a href="/articles/leading-effectively-articles/" class="group -mx-2.5 flex items-center justify-between gap-2.5 rounded-lg px-2.5 py-2 text-[14.5px] leading-tight text-ink transition-colors hover:bg-blue-tint hover:text-ink-2"><span>Articles</span></a></li>
287                              <li><a href="/articles/white-papers/" class="group -mx-2.5 flex items-center justify-between gap-2.5 rounded-lg px-2.5 py-2 text-[14.5px] leading-tight text-ink transition-colors hover:bg-blue-tint hover:text-ink-2"><span>White Papers</span></a></li>
288                              <li><a href="/insights-research/research/" class="group -mx-2.5 flex items-center justify-between gap-2.5 rounded-lg px-2.5 py-2 text-[14.5px] leading-tight text-ink transition-colors hover:bg-blue-tint hover:text-ink-2"><span>Research</span></a></li>
289                              <li><a href="/events-webinars/" class="group -mx-2.5 flex items-center justify-between gap-2.5 rounded-lg px-2.5 py-2 text-[14.5px] leading-tight text-ink transition-colors hover:bg-blue-tint hover:text-ink-2"><span>Webinars &amp; Events</span></a></li>
290                              <li><a href="/insights-research/leadership-podcasts/" class="group -mx-2.5 flex items-center justify-between gap-2.5 rounded-lg px-2.5 py-2 text-[14.5px] leading-tight text-ink transition-colors hover:bg-blue-tint hover:text-ink-2"><span>Podcast</span></a></li>
291                          </ul>
292                                <a href="/insights-research/" class="group mt-6 inline-flex items-center gap-2 self-start rounded-full border border-ink/25 px-[18px] py-2 text-[13px] font-semibold text-ink transition-all duration-150 hover:bg-ink hover:text-white hover:border-ink">View All Insights &#038; Research<svg class="arr shrink-0 transition-transform duration-150 group-hover:translate-x-1" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="13 6 19 12 13 18"/></svg></a>
293                  </div>
294
295                
296        <div class="-ml-7 min-w-0 border-l border-rule-soft pl-14">
297          <div class="mb-[18px] flex items-center gap-2.5 text-[12.5px] font-bold uppercase tracking-[0.1em] text-ink"><span class="h-0.5 w-[22px] shrink-0 bg-accent"></span>By Category</div>
298                      <ul class="grid list-none gap-px p-0">
299                              <li><a href="/categories/digital-transformation/" class="group -mx-2.5 flex items-center justify-between gap-2.5 rounded-lg px-2.5 py-2 text-[14.5px] leading-tight text-ink transition-colors hover:bg-blue-tint hover:text-ink-2"><span>AI &amp; Digital Leadership</span></a></li>
300                              <li><a href="/categories/boundary-spanning/" class="group -mx-2.5 flex items-center justify-between gap-2.5 rounded-lg px-2.5 py-2 text-[14.5px] leading-tight text-ink transition-colors hover:bg-blue-tint hover:text-ink-2"><span>Boundary Spanning</span></a></li>
301                              <li><a href="/categories/disruption-uncertainty/" class="group -mx-2.5 flex items-center justify-between gap-2.5 rounded-lg px-2.5 py-2 text-[14.5px] leading-tight text-ink transition-colors hover:bg-blue-tint hover:text-ink-2"><span>Disruption, Uncertainty &amp; Polycrisis</span></a></li>
302                              <li><a href="/categories/health-wellbeing/" class="group -mx-2.5 flex items-center justify-between gap-2.5 rounded-lg px-2.5 py-2 text-[14.5px] leading-tight text-ink transition-colors hover:bg-blue-tint hover:text-ink-2"><span>Holistic Health &amp; Wellbeing</span></a></li>
303                              <li><a href="/categories/supporting-scaling/" class="group -mx-2.5 flex items-center justify-between gap-2.5 rounded-lg px-2.5 py-2 text-[14.5px] leading-tight text-ink transition-colors hover:bg-blue-tint hover:text-ink-2"><span>Supporting &amp; Scaling Development</span></a></li>
304                              <li><a href="/categories/talent-development/" class="group -mx-2.5 flex items-center justify-between gap-2.5 rounded-lg px-2.5 py-2 text-[14.5px] leading-tight text-ink transition-colors hover:bg-blue-tint hover:text-ink-2"><span>Talent Development</span></a></li>
305                          </ul>
306                                <a href="/categories/" class="group mt-6 inline-flex items-center gap-2 self
306-start rounded-full border border-ink/25 px-[18px] py-2 text-[13px] font-semibold text-ink transition-all duration-150 hover:bg-ink hover:text-white hover:border-ink">View All Categories<svg class="arr shrink-0 transition-transform duration-150 group-hover:translate-x-1" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="13 6 19 12 13 18"/></svg></a>
307                  </div>
308
309                
310        <div class="-ml-7 flex min-w-0 flex-col border-l border-rule-soft pl-14">
311          <div class="mb-1 flex items-center gap-2.5 text-[12.5px] font-bold uppercase tracking-[0.14em] text-text-muted"><span class="h-0.5 w-[22px] shrink-0 bg-accent"></span>Latest Insights</div>
312                      <a href="/guides/human-ai-leadership/" class="group block border-t border-rule-soft py-[18px] transition-[padding] first:border-t-0 hover:pl-[5px]">
313                              <div class="mb-[7px] text-[11px] font-bold uppercase tracking-[0.12em] text-accent-2">Guide</div>
314                            <div class="mb-[7px] font-serif text-[18px] font-medium leading-[1.26] text-ink transition-colors group-hover:text-accent-2">What AI Reveals About Being Human</div>
315                              <div class="text-[13.5px] leading-[1.52] text-text-muted">When are human capabilities irreplaceable and when can AI amplify human potential?</div>
316                          </a>
317                      <a href="/guides/the-space-between-people/" class="group block border-t border-rule-soft py-[18px] transition-[padding] first:border-t-0 hover:pl-[5px]">
318                              <div class="mb-[7px] text-[11px] font-bold uppercase tracking-[0.12em] text-accent-2">Guide</div>
319                            <div class="mb-[7px] font-serif text-[18px] font-medium leading-[1.26] text-ink transition-colors group-hover:text-accent-2">The Space Between People: How To Build Human Connection at Work, at Scale</div>
320                              <div class="text-[13.5px] leading-[1.52] text-text-muted">Connection at work drives leadership, yet it&#8217;s harder to build now than ever.</div>
321                          </a>
322                  </div>
323
324            </div>
325        <div class="mega-panel" data-panel="m66659" data-cols="3">
326          
327        <div class="min-w-0">
328          <div class="mb-[18px] flex items-center gap-2.5 text-[12.5px] font-bold uppercase tracking-[0.1em] text-ink"><span class="h-0.5 w-[22px] shrink-0 bg-accent"></span>Our Story</div>
329                      <ul class="grid list-none gap-px p-0">
330                              <li><a href="/about-us/mission/" class="group -mx-2.5 flex items-center justify-between gap-2.5 rounded-lg px-2.5 py-2 text-[14.5px] leading-tight text-ink transition-colors hover:bg-blue-tint hover:text-ink-2"><span>Mission &amp; Values</span></a></li>
331                              <li><a href="/about-us/research/" class="group -mx-2.5 flex items-center justify-between gap-2.5 rounded-lg px-2.5 py-2 text-[14.5px] leading-tight text-ink transition-colors hover:bg-blue-tint hover:text-ink-2"><span>Research</span></a></li>
332                              <li><a href="/newsroom/" class="group -mx-2.5 flex items-center justify-between gap-2.5 rounded-lg px-2.5 py-2 text-[14.5px] leading-tight text-ink transition-colors hover:bg-blue-tint hover:text-ink-2"><span>Newsroom</span></a></li>
333                              <li><a href="/newsroom/in-the-news/" class="group -mx-2.5 flex items-center justify-between gap-2.5 rounded-lg px-2.5 py-2 text-[14.5px] leading-tight text-ink transition-colors hover:bg-blue-tint hover:text-ink-2"><span>In the News</span></a></li>
334                              <li><a href="/newsroom/awards/" class="group -mx-2.5 flex items-center justify-between gap-2.5 rounded-lg px-2.5 py-2 text-[14.5px] leading-tight text-ink transition-colors hover:bg-blue-tint hover:text-ink-2"><span>Awards &amp; Accolades</span></a></li>
335                              <li><a href="/client-successes/" class="group -mx-2.5 flex items-center justify-between gap-2.5 rounded-lg px-2.5 py-2 text-[14.5px] leading-tight text-ink transition-colors hover:bg-blue-tint hover:text-ink-2"><span>Client Successes</span></a></li>
336                          </ul>
337                                <a href="/about-us/" class="group mt-6 inline-flex items-center gap-2 self
337-start rounded-full border border-ink/25 px-[18px] py-2 text-[13px] font-semibold text-ink transition-all duration-150 hover:bg-ink hover:text-white hover:border-ink">More About Us<svg class="arr shrink-0 transition-transform duration-150 group-hover:translate-x-1" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="13 6 19 12 13 18"/></svg></a>
338                  </div>
339
340                
341        <div class="-ml-7 min-w-0 border-l border-rule-soft pl-14">
342          <div class="mb-[18px] flex items-center gap-2.5 text-[12.5px] font-bold uppercase tracking-[0.1em] text-ink"><span class="h-0.5 w-[22px] shrink-0 bg-accent"></span>Connect</div>
343                      <ul class="grid list-none gap-px p-0">
344                              <li><a href="/our-locations/" class="group -mx-2.5 flex items-center justify-between gap-2.5 rounded-lg px-2.5 py-2 text-[14.5px] leading-tight text-ink transition-colors hover:bg-blue-tint hover:text-ink-2"><span>Our Locations</span></a></li>
345                              <li><a href="/leadership-experts/" class="group -mx-2.5 flex items-center justify-between gap-2.5 rounded-lg px-2.5 py-2 text-[14.5px] leading-tight text-ink transition-colors hover:bg-blue-tint hover:text-ink-2"><span>Our People</span></a></li>
346                              <li><a href="/alumni/" class="group -mx-2.5 flex items-center justify-between gap-2.5 rounded-lg px-2.5 py-2 text-[14.5px] leading-tight text-ink transition-colors hover:bg-blue-tint hover:text-ink-2"><span>Alumni</span></a></li>
347                              <li><a href="/about-us/careers/" class="group -mx-2.5 flex items-center justify-between gap-2.5 rounded-lg px-2.5 py-2 text-[14.5px] leading-tight text-ink transition-colors hover:bg-blue-tint hover:text-ink-2"><span>Careers</span></a></li>
348                              <li><a href="/about-us/support-ccl/" class="group -mx-2.5 flex items-center justify-between gap-2.5 rounded-lg px-2.5 py-2 text-[14.5px] leading-tight text-ink transition-colors hover:bg-blue-tint hover:text-ink-2"><span>Donate</span></a></li>
349                              <li><a href="/subscribe/" class="group -mx-2.5 flex items-center justify-between gap-2.5 rounded-lg px-2.5 py-2 text-[14.5px] leading-tight text-ink transition-colors hover:bg-blue-tint hover:text-ink-2"><span>Subscribe</span></a></li>
350                          </ul>
351                                <a href="/contact-us/" class="group mt-6 inline-flex items-center gap-2 self-start rounded-full border border-ink/25 px-[18px] py-2 text-[13px] font-semibold text-ink transition-all duration-150 hover:bg-ink hover:text-white hover:border-ink">Contact Us<svg class="arr shrink-0 transition-transform duration-150 group-hover:translate-x-1" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="13 6 19 12 13 18"/></svg></a>
352                  </div>
353
354                
355        <div class="-ml-7 flex min-w-0 flex-col border-l border-rule-soft pl-14">
356          <div class="mb-1 flex items-center gap-2.5 text-[12.5px] font-bold uppercase tracking-[0.14em] text-text-muted"><span class="h-0.5 w-[22px] shrink-0 bg-accent"></span>From the Newsroom</div>
357                      <a href="/newsroom/news/ccl-launches-succession-reimagined-program/" class="group block border-t border-rule-soft py-[18px] transition-[padding] first:border-t-0 hover:pl-[5px]">
358                              <div class="mb-[7px] text-[11px] font-bold uppercase tracking-[0.12em] text-accent-2">News</div>
359                            <div class="mb-[7px] font-serif text-[18px] font-medium leading-[1.26] text-ink transition-colors group-hover:text-accent-2">CCL Launches Succession Reimagined</div>
360                              <div class="text-[13.5px] leading-[1.52] text-text-muted">We&#8217;ve launched a new research-based program to help organizations build the next generation of leaders.</div>
361                          </a>
362                      <a href="/newsroom/awards/ccl-ranked-among-worlds-top-providers-of-leadership-training/" class="group block border-t border-rule-soft py-[18px] transition-[padding] first:border-t-0 hover:pl-[5px]">
363                              <div class="mb-[7px] text-[11px] font-bold uppercase tracking-[0.12em] text-accent-2">Awards</div>
364                            <div class="mb-[7px] font-serif text-[18px] font-medium leading-[1.26] text-ink transition-colors group-hover:text-accent-2">CCL Ranked Among the World&rsquo;
364s Top Providers of Leadership Training</div>
365                              <div class="text-[13.5px] leading-[1.52] text-text-muted">The Center for Creative Leadership was again named among the top providers of leadership training by TrainingIndustry.com.</div>
366                          </a>
367                  </div>
368
369            </div>
370    </div>
371  </div>
372</header>
373
374<!-- ============================ SEARCH OVERLAY ============================ -->
375<div class="srch-overlay fixed inset-0 z-[100]" data-search aria-hidden="true">
376  <div class="srch-backdrop absolute inset-0 bg-[rgba(0,30,58,0.45)]" data-search-backdrop></div>
377  <div class="srch-panel absolute inset-x-0 top-0 bg-white" role="dialog" aria-label="Search CCL" aria-modal="true">
378    <div class="mx-auto max-w-[1360px] px-5 pb-9 pt-7 sm:px-8">
379      <div class="flex items-center gap-3.5 border-b border-rule pb-4">
380        <svg class="shrink-0 text-accent" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="7"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
381        <input type="search" placeholder="Search programs, research, topics&hellip;" class="min-w-0 flex-1 border-0 bg-transparent py-1 font-serif text-[20px] text-ink outline-none placeholder:italic placeholder:text-[rgba(0,56,101,0.35)] sm:text-[28px]" data-search-input>
382        <button class="inline-flex h-11 w-11 items-center justify-center rounded-full border border-rule text-ink transition-colors hover:border-ink hover:bg-ink hover:text-white" aria-label="Close search" data-search-close>
383          <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"><line x1="6" y1="6" x2="18" y2="18"></line><line x1="6" y1="18" x2="18" y2="6"></line></svg>
384        </button>
385      </div>
386      <div id="autocomplete-container"></div>
387      <div id="global-searchfield-container" class="sr-only" aria-hidden="true"></div>
388      <div class="pt-5.5">
389        <div class="mb-3.5 text-[12.5px] font-bold uppercase tracking-[0.14em] text-text-muted">Popular searches</div>
390        <div class="flex flex-wrap gap-2">
391          <button class="rounded-full border border-rule-soft bg-paper px-3.5 py-2 text-[13.5px] font-medium text-ink transition-colors hover:border-ink hover:bg-ink hover:text-white" data-search-chip>Leadership training programs</button>
392          <button class="rounded-full border border-rule-soft bg-paper px-3.5 py-2 text-[13.5px] font-medium text-ink transition-colors hover:border-ink hover:bg-ink hover:text-white" data-search-chip>Leadership Development Program (LDP)®</button>
393          <button class="rounded-full border border-rule-soft bg-paper px-3.5 py-2 text-[13.5px] font-medium text-ink transition-colors hover:border-ink hover:bg-ink hover:text-white" data-search-chip>Executive coaching</button>
394          <button class="rounded-full border border-rule-soft bg-paper px-3.5 py-2 text-[13.5px] font-medium text-ink transition-colors hover:border-ink hover:bg-ink hover:text-white" data-search-chip>CCL Passport</button>
395          <button class="rounded-full border border-rule-soft bg-paper px-3.5 py-2 text-[13.5px] font-medium text-ink transition-colors hover:border-ink hover:bg-ink hover:text-white" data-search-chip>360 assessments</button>
396          <button class="rounded-full border border-rule-soft bg-paper px-3.5 py-2 text-[13.5px] font-medium text-ink transition-colors hover:border-ink hover:bg-ink hover:text-white" data-search-chip>Executive leadership development</button>
397        </div>
398      </div>
399    </div>
400  </div>
401</div>
402
403<!-- ============================ MOBILE DRAWER ============================ -->
404<div class="md fixed inset-0 z-110 mobile-nav-menu" data-drawer aria-hidden="true">
405  <div class="md-backdrop absolute inset-0 bg-[rgba(0,30,58,0.45)]" data-drawer-backdrop></div>
406  <aside class="md-panel absolute inset-y-0 right-0 flex w-[min(380px,90vw)] flex-col bg-white" aria-label="Menu">
407    <div class="flex items-center justify-between border-b border-rule-soft px-[22px] py-[18px]">
408      <img src="https://www.ccl.org/wp-content/uploads/2023/06/ccl-logo-1-line-blue-gradient.svg" alt="Center for Creative Leadership" class="h-6 w-auto">
409      <button class="inline-flex h-10 w-10 items-center justify-center rounded-full border border-rule text-ink" aria-label="Close menu" data-drawer-close>
410        <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"><line x1="6" y1="6" x2="18" y2="18"></line><line x1="6" y1="18" x2="18" y2="6"></line></svg>
411      </button>
412    </div>
413
414    <a href="/contact-us" data-drawer-close data-element-type="action button" data-element-cta="Contact Us" data-element-position="1" data-dl-shared-open class="mx-[22px] mb-1.5 mt-[18px] inline-flex items-center justify-center gap-2 rounded-full px-[22px] py-3.5 text-sm font-semibold tracking-[0.01em] transition-colors bg-ink text-white hover:bg-ink-2">
415      Talk to us      <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="13 6 19 12 13 18"></polyline></svg>
416    </a>
417
418    <nav class="flex-1 overflow-y-auto py-3">
419        
420  
421    <div class="md-item border-b border-rule-soft">
422      <button class="md-item-head flex w-full items-center justify-between px-[22px] py-[18px] text-base font-medium text-ink" data-acc-trigger aria-expanded="false">
423        <span>Your Challenges</span>
424        <svg class="md-chev text-text-muted" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>
425      </button>
426      <div class="md-item-body bg-blue-tint px-[22px] pb-[18px] pt-1">
427                  <div class="border-b border-[rgba(0,56,101,0.06)] py-3.5 last:border-b-0">
428            <div class="mb-3 flex items-center gap-2.5 text-[12.5px] font-bold uppercase tracking-[0.1em] text-ink"><span class="h-0.5 w-[22px] shrink-0 bg-accent"></span>Focus Areas</div>
429                          <ul class="grid list-none gap-2.5 p-0">
430                                  <li><a href="/leadership-challenges/leadership-and-ai/" class="text-[14.5px] text-ink">AI &amp; Leadership</a></li>
431                                  <li><a href="/leadership-challenges/leadership-burnout/" class="text-[14.5px] text-ink">Burnout in Leadership</a></li>
432                                  <li><a href="/leadership-challenges/change-leadership/" class="text-[14.5px] text-ink">Change Leadership</a></li>
433                                  <li><a href="/leadership-challenges/individual-leadership-development/" class="text-[14.5px] text-ink">Leadership Development</a></li>
434                                  <li><a href="/leadership-challenges/leadership-through-uncertainty/" class="text-[14.5px] text-ink">Leading Through Uncertainty</a></li>
435                                  <li><a href="/leadership-challenges/organizational-culture/" class="text-[14.5px] text-ink">Organizational Culture</a></li>
436                              </ul>
437                                      <a href="/leadership-challenges/" class="group mt-2.5 inline-flex items-center gap-1.5 text-[13px] font-semibold text-accent-2">View All Challenges<svg class="arr shrink-0 transition-transform duration-150 group-hover:translate-x-1" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="13 6 19 12 13 18"/></svg></a>
438                      </div>
439                  <div class="border-b border-[rgba(0,56,101,0.06)] py-3.5 last:border-b-0">
440            <div class="mb-3 flex items-center gap-2.5 text-[12.5px] font-bold uppercase tracking-[0.1em] text-ink"><span class="h-0.5 w-[22px] shrink-0 bg-accent"></span>Industries</div>
441                          <ul class="grid list-none gap-2.5 p-0">
442                                  <li><a href="/industries-sectors/financial-services-leadership/" class="text-[14.5px] text-ink">Financial Services</a></li>
443                                  <li><a href="/industries-sectors/foundations-philanthropic-leadership/" class="text-[14.5px] text-ink">Foundations</a></li>
444                                  <li><a href="/industries-sectors/government-leadership/" class="text-[14.5px] text-ink">Government</a></li>
445                                  <li><a href="/industries-sectors/healthcare-leadership/" class="text-[14.5px] text-ink">Healthcare</a></li>
446                                  <li><a href="/industries-sectors/nonprofit-leadership/" class="text-[14.5px] text-ink">Nonprofits</a></li>
447                                  <li><a href="/industries-sectors/pharmaceutical-leadership-development/" class="text-[14.5px] text-ink">Pharmaceutical</a></li>
448                              </ul>
449                                      <a href="/industries-sectors/" class="group mt-2.5 inline-flex items-center gap-1.5 text-[13px] font-semibold text-accent-2">View All Industries<svg class="arr shrink-0 transition-transform duration-150 group-hover:translate-x-1" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="13 6 19 12 13 18"/></svg></a>
450                      </div>
451              </div>
452    </div>
453
454    
455  
456    <div class="md-item border-b border-rule-soft">
457      <button class="md-item-head flex w-full items-center justify-between px-[22px] py-[18px] text-base font-medium text-ink" data-acc-trigger aria-expanded="false">
458        <span>Our Solutions</span>
459        <svg class="md-chev text-text-muted" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>
460      </button>
461      <div class="md-item-body bg-blue-tint px-[22px] pb-[18px] pt-1">
462                  <div class="border-b border-[rgba(0,56,101,0.06)] py-3.5 last:border-b-0">
463            <div class="mb-3 flex items-center gap-2.5 text-[12.5px] font-bold uppercase tracking-[0.1em] text-ink"><span class="h-0.5 w-[22px] shrink-0 bg-accent"></span>Programs</div>
464                          <ul class="grid list-none gap-2.5 p-0">
465                                  <li><a href="/leadership-challenges/executive-leadership-programs/" class="text-[14.5px] text-ink">Executive Leadership Programs</a></li>
466                                  <li><a href="/leadership-challenges/middle-manager-training/" class="text-[14.5px] text-ink">Mid-Level Manager Training</a></li>
467                                  <li><a href="/leadership-challenges/new-manager-courses/" class="text-[14.5px] text-ink">Frontline &amp; New Manager Courses</a></li>
468                                  <li><a href="/leadership-solutions/online-leadership-training/" class="text-[14.5px] text-ink">Online Leadership Training</a></li>
469                                  <li><a href="/leadership-programs/better-conversations-every-day-coaching-culture/" class="text-[14.5px] text-ink">Conversation Training</a></li>
470                              </ul>
471                                      <a href="/leadership-programs/" class="group mt-2.5 inline-flex items-center gap-1.5 text-[13px] font-semibold text-accent-2">View All Programs<svg class="arr shrink-0 transition-transform duration-150 group-hover:translate-x-1" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="13 6 19 12 13 18"/></svg></a>
472                      </div>
473                  <div class="border-b border-[rgba(0,56,101,0.06)] py-3.5 last:border-b-0">
474            <div class="mb-3 flex items-center gap-2.5 text-[12.5px] font-bold uppercase tracking-[0.1em] text-ink"><span class="h-0.5 w-[22px] shrink-0 bg-accent"></span>Services &amp; Tools</div>
475                          <ul class="grid list-none gap-2.5 p-0">
476                                  <li><a href="/leadership-solutions/leadership-development-tools/leadership-assessments/" class="text-[14.5px] text-ink">360 Assessments</a></li>
477                                  <li><a href="/leadership-solutions/leadership-coaching/" class="text-[14.5px] text-ink">Coaching Services</a></li>
478                                  <li><a href="/leadership-solutions/leadership-development-tools/customized-leadership-development/" class="text-[14.5px] text-ink">Custom Leadership Development</a></li>
479                                  <li><a href="/leadership-solutions/leadership-development-tools/" class="text-[14.5px] text-ink">Leadership Development Tools</a></li>
480                                  <li><a href="/leadership-solutions/leadership-topics/" class="text-[14.5px] text-ink">Leadership Training Topics</a></li>
481                              </ul>
482                                      <a href="/leadership-solutions/" class="group mt-2.5 inline-flex items-center gap-1.5 text-[13px] font-semibold text-accent-2">View All Solutions<svg class="arr shrink-0 transition-transform duration-150 group-hover:translate-x-1" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="13 6 19 12 13 18"/></svg></a>
483                      </div>
484              </div>
485    </div>
486
487    
488  
489    <div class="md-item border-b border-rule-soft">
490      <button class="md-item-head flex w-full items-center justify-between px-[22px] py-[18px] text-base font-medium text-ink" data-acc-trigger aria-expanded="false">
491        <span>Insights &amp; Research</span>
492        <svg class="md-chev text-text-muted" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>
493      </button>
494      <div class="md-item-body bg-blue-tint px-[22px] pb-[18px] pt-1">
495                  <div class="border-b border-[rgba(0,56,101,0.06)] py-3.5 last:border-b-0">
496            <div class="mb-3 flex items-center gap-2.5 text-[12.5px] font-bold uppercase tracking-[0.1em] text-ink"><span class="h-0.5 w-[22px] shrink-0 bg-accent"></span>By Type</div>
497                          <ul class="grid list-none gap-2.5 p-0">
498                                  <li><a href="/guides/" class="text-[14.5px] text-ink">Guides</a></li>
499                                  <li><a href="/articles/leading-effectively-articles/" class="text-[14.5px] text-ink">Articles</a></li>
500                                  <li><a href="/articles/white-papers/" class="text-[14.5px] text-ink">White Papers</a></li>
501                                  <li><a href="/insights-research/research/" class="text-[14.5px] text-ink">Research</a></li>
502                                  <li><a href="/events-webinars/" class="text-[14.5px] text-ink">Webinars &amp; Events</a></li>
503                                  <li><a href="/insights-research/leadership-podcasts/" class="text-[14.5px] text-ink">Podcast</a></li>
504                              </ul>
505                                      <a href="/insights-research/" class="group mt-2.5 inline-flex items-center gap-1.5 text-[13px] font-semibold text-accent-2">View All Insights &#038; Research<svg class="arr shrink-0 transition-transform duration-150 group-hover:translate-x-1" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="13 6 19 12 13 18"/></svg></a>
506                      </div>
507                  <div class="border-b border-[rgba(0,56,101,0.06)] py-3.5 last:border-b-0">
508            <div class="mb-3 flex items-center gap-2.5 text-[12.5px] font-bold uppercase tracking-[0.1em] text-ink"><span class="h-0.5 w-[22px] shrink-0 bg-accent"></span>By Category</div>
509                          <ul class="grid list-none gap-2.5 p-0">
510                                  <li><a href="/categories/digital-transformation/" class="text-[14.5px] text-ink">AI &amp; Digital Leadership</a></li>
511                                  <li><a href="/categories/boundary-spanning/" class="text-[14.5px] text-ink">Boundary Spanning</a></li>
512                                  <li><a href="/categories/disruption-uncertainty/" class="text-[14.5px] text-ink">Disruption, Uncertainty &amp; Polycrisis</a></li>
513                                  <li><a href="/categories/health-wellbeing/" class="text-[14.5px] text-ink">Holistic Health &amp; Wellbeing</a></li>
514                                  <li><a href="/categories/supporting-scaling/" class="text-[14.5px] text-ink">Supporting &amp; Scaling Development</a></li>
515                                  <li><a href="/categories/talent-development/" class="text-[14.5px] text-ink">Talent Development</a></li>
516                              </ul>
517                                      <a href="/categories/" class="group mt-2.5 inline-flex items-center gap-1.5 text-[13px] font-semibold text-accent-2">View All Categories<svg class="arr shrink-0 transition-transform duration-150 group-hover:translate-x-1" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="13 6 19 12 13 18"/></svg></a>
518                      </div>
519              </div>
520    </div>
521
522    
523  
524    <div class="md-item border-b border-rule-soft">
525      <button class="md-item-head flex w-full items-center justify-between px-[22px] py-[18px] text-base font-medium text-ink" data-acc-trigger aria-expanded="false">
526        <span>About Us</span>
527        <svg class="md-chev text-text-muted" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>
528      </button>
529      <div class="md-item-body bg-blue-tint px-[22px] pb-[18px] pt-1">
530                  <div class="border-b border-[rgba(0,56,101,0.06)] py-3.5 last:border-b-0">
531            <div class="mb-3 flex items-center gap-2.5 text-[12.5px] font-bold uppercase tracking-[0.1em] text-ink"><span class="h-0.5 w-[22px] shrink-0 bg-accent"></span>Our Story</div>
532                          <ul class="grid list-none gap-2.5 p-0">
533                                  <li><a href="/about-us/mission/" class="text-[14.5px] text-ink">Mission &amp; Values</a></li>
534                                  <li><a href="/about-us/research/" class="text-[14.5px] text-ink">Research</a></li>
535                                  <li><a href="/newsroom/" class="text-[14.5px] text-ink">Newsroom</a></li>
536                                  <li><a href="/newsroom/in-the-news/" class="text-[14.5px] text-ink">In the News</a></li>
537                                  <li><a href="/newsroom/awards/" class="text-[14.5px] text-ink">Awards &amp; Accolades</a></li>
538                                  <li><a href="/client-successes/" class="text-[14.5px] text-ink">Client Successes</a></li>
539                              </ul>
540                                      <a href="/about-us/" class="group mt-2.5 inline-flex items-center gap-1.5 text-[13px] font-semibold text-accent-2">More About Us<svg class="arr shrink-0 transition-transform duration-150 group-hover:translate-x-1" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="13 6 19 12 13 18"/></svg></a>
541                      </div>
542                  <div class="border-b border-[rgba(0,56,101,0.06)] py-3.5 last:border-b-0">
543            <div class="mb-3 flex items-center gap-2.5 text-[12.5px] font-bold uppercase tracking-[0.1em] text-ink"><span class="h-0.5 w-[22px] shrink-0 bg-accent"></span>Connect</div>
544                          <ul class="grid list-none gap-2.5 p-0">
545                                  <li><a href="/our-locations/" class="text-[14.5px] text-ink">Our Locations</a></li>
546                                  <li><a href="/leadership-experts/" class="text-[14.5px] text-ink">Our People</a></li>
547                                  <li><a href="/alumni/" class="text-[14.5px] text-ink">Alumni</a></li>
548                                  <li><a href="/about-us/careers/" class="text-[14.5px] text-ink">Careers</a></li>
549                                  <li><a href="/about-us/support-ccl/" class="text-[14.5px] text-ink">Donate</a></li>
550                                  <li><a href="/subscribe/" class="text-[14.5px] text-ink">Subscribe</a></li>
551                              </ul>
552                                      <a href="/contact-us/" class="group mt-2.5 inline-flex items-center gap-1.5 text-[13px] font-semibold text-accent-2">Contact Us<svg class="arr shrink-0 transition-transform duration-150 group-hover:translate-x-1" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="13 6 19 12 13 18"/></svg></a>
553                      </div>
554              </div>
555    </div>
556
557  
558      <a href="https://shop.ccl.org/usa" target="_blank" rel="noopener" aria-label="Shop — opens in our online store" class="group flex w-full items-center gap-1.5 border-b border-rule-soft px-[22px] py-[18px] text-base font-medium text-ink">
559        Shop        <svg class="shrink-0 text-accent-2 opacity-70 transition-opacity group-hover:opacity-100" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="7" y1="17" x2="17" y2="7"></line><polyline points="8 7 17 7 17 16"></polyline></svg>
560      </a>
561    </nav>
562
563    <div class="flex flex-col gap-2.5 border-t border-rule-soft px-[22px] pb-[22px] pt-[18px]">
564      <a href="/contact-us/" class="text-[15px] font-semibold text-ink">Contact</a>
565      <div class="flex flex-wrap gap-x-[18px] gap-y-2">
566        <a href="/our-locations/" class="text-[13.5px] text-text-muted hover:text-ink">Locations</a>
567        <a href="/about-us/careers/" class="text-[13.5px] text-text-muted hover:text-ink">Careers</a>
568        <a href="/newsroom/" class="text-[13.5px] text-text-muted hover:text-ink">Newsroom</a>
569        <a href="/subscribe/" class="text-[13.5px] text-text-muted hover:text-ink">Subscribe</a>
570      </div>
571      <div class="mt-1 text-xs text-text-muted">&copy; Center for Creative Leadership</div>
572    </div>
573  </aside>
574</div>
575
576<!-- ============================ PAGE BODY ============================ -->
577<main>
578<!-- ============================ HERO ============================ -->
579<section class="hero-fb" data-screen-label="Hero">
580  <div class="hero-fb__sail" aria-hidden="true"></div>
581  <div class="wrap">
582    <div class="hero-fb__inner">
583      <h1>When the World Asks More of Your Leaders, <em>They Need More From You.</em></h1>
584      <p class="hero-fb__lede">More than training, leaders need the conditions to create impact.<br>Our leadership development does both.</p>
585      <div class="hero-fb__ctas">
586        <a href="#solutions" class="btn btn-primary" data-element-type="action button" data-element-cta="Explore Leadership Development Solutions" data-element-position="1">
587          Explore leadership development solutions <svg class="arr" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="13 6 19 12 13 18"/></svg>
588        </a>
589        <a href="https://www.ccl.org/contact-us/#contact-us" class="btn btn-text" data-element-cta="Contact Us" data-element-position="1">
590          Talk to an advisor <svg class="arr" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="13 6 19 12 13 18"/></svg>
591        </a>
592      </div>
593    </div>
594  </div>
595</section>
596<!-- ============================ MARQUEE RESEARCH ============================ -->
597<section class="section section--roi" id="marquee" data-screen-label="Marquee research">
598  <div class="wrap">
599    <div class="marquee-grid">
600      <div class="reveal">
601        <p class="eyebrow eyebrow-light">Our Latest Insights</p>
602        <p class="marquee__insight">AI Demands Stronger Human Leadership</p>
603        <p class="marquee__body">AI can optimize decisions, but it can&rsquo;t build trust, transfer wisdom, or create connection. Tomorrow&rsquo;s most effective leaders will know when to rely on technology &mdash; and when people provide irreplaceable value. See why we believe human leadership capabilities matter now more than ever.</p>
604      </div>
605      <div class="marquee__visual reveal" style="--rev-i:1">
606                <img src="https://www.ccl.org/wp-content/plugins/ccl-features/assets/src/home/img/ai-and-human-leadership-center-for-creative-leadership.webp" alt="What AI reveals about being human" width="1600" height="1221" loading="lazy">
607      </div>
608    </div>
609    <div style="text-align:center;margin-top:48px">
610      <a href="https://www.ccl.org/guides/human-ai-leadership/" class="pill-cta-dark" data-element-type="action button" data-element-cta="Learn More" data-element-position="1">
611        What can&rsquo;t AI do for leaders? <em>Explore our perspectives.</em> <svg class="arr" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="13 6 19 12 13 18"/></svg>
612      </a>
613    </div>
614  </div>
615</section>
616<!-- ============================ SOLUTIONS ============================ -->
617<section class="section section--blue" data-screen-label="Solutions">
618  <div class="wrap">
619    <div class="sec-head-c reveal">
620      <p class="eyebrow">Leadership Development Solutions for Organizations</p>
621      <h2>Built for Your Enterprise, Tailored to Your Strategy</h2>
622    </div>
623
624    <div class="solband reveal">
625      <span class="solband__glow" aria-hidden="true"></span>
626      <span class="solband__badge">Co-designed &amp; Tailor-made</span>
627      <div class="solband__rule" aria-hidden="true"></div>
628      <h3>You know your organization. <em>We know leadership.</em></h3>
629      <p class="solband__body">A custom leadership solution based on deep discovery, precisely designed for your organization&rsquo;s unique context, that drives lasting impact.</p>
630      <a href="https://www.ccl.org/leadership-solutions/leadership-development-tools/customized-leadership-development/" class="btn btn-inverse" data-element-type="action button" data-element-cta="Learn More" data-element-position="1">
631        Partner with us for custom leadership development <svg class="arr" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="13 6 19 12 13 18"/></svg>
632      </a>
633
634      <div class="solband__div">
635        <h3>Or start with a proven solution</h3>
636        <hr>
637      </div>
638
639      <div class="pathways" id="solutions">
640        <div class="pathway">
641          <span class="pathway__num">Individual development</span>
642          <h4>Open Leadership Programs</h4>
643          <p>Programs built for every leader level to strengthen your organization&rsquo;s pipeline.</p>
644          <a href="https://www.ccl.org/leadership-programs/" class="btn btn-ghost" data-element-type="action button" data-element-cta="Learn More" data-element-position="1">
645            Browse leadership programs <svg class="arr" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="13 6 19 12 13 18"/></svg>
646          </a>
647        </div>
648        <div class="pathway">
649          <span class="pathway__num">Executive · Team · Integrated</span>
650          <h4>Leadership Coaching</h4>
651          <p>Outcomes-driven coaching from our global network of credentialed coaches.</p>
652          <a href="https://www.ccl.org/leadership-solutions/leadership-coaching/" class="btn btn-ghost" data-element-type="action button" data-element-cta="Learn More" data-element-position="1">
653            Explore leadership coaching <svg class="arr" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="13 6 19 12 13 18"/></svg>
654          </a>
655        </div>
656        <div class="pathway">
657          <span class="pathway__num">ENTERPRISE WIDE</span>
658          <h4>Leadership at Scale</h4>
659          <p>Customizable content and tools to develop leaders across your entire organization.</p>
660          <a href="https://www.ccl.org/leadership-solutions/leadership-development-tools/passport-leadership-content-subscription/" class="btn btn-ghost" data-element-type="action button" data-element-cta="Learn More" data-element-position="1">
661            <!-- The label and its ™ are wrapped together so the flex row treats them as one
662                 item; loose, they become separate items and the mark strands itself beside a
663                 wrapped line on narrow screens. -->
664            <span>Discover CCL Passport<sup class="tm-mark">&trade;</sup></span><svg class="arr" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="13 6 19 12 13 18"/></svg>
665          </a>
666        </div>
667      </div>
668    </div>
669  </div>
670</section>
671<!-- ============================ PROOF ============================ -->
672<section class="section" id="proof" data-screen-label="Proof">
673  <div class="wrap">
674    <div class="sec-head-c reveal">
675      <p class="eyebrow">Trusted by 2/3 of the Fortune 1000</p>
676      <h2>Leadership Development Providers for the World&rsquo;s Top Organizations</h2>
677    </div>
678
679    <div class="logo-wall">
680              <div class="logo-cell logo-reveal" style="--rev-i:0">
681          <img src="/wp-content/uploads/2026/08/securitas-thumbnail-logo.webp" alt="Securitas Logo" loading="lazy" style="transform:scale(1.2)">
682        </div>
683              <div class="logo-cell logo-reveal" style="--rev-i:1">
684          <img src="/wp-content/uploads/2026/08/mars-thumbnail-logo.webp" alt="Mars Logo" loading="lazy">
685        </div>
686              <div class="logo-cell logo-reveal" style="--rev-i:2">
687          <img src="/wp-content/uploads/2026/08/coca-cola-scholars-foundation-thumbnail-logo.webp" alt="Coca-Cola Scholars Foundation Logo" loading="lazy" style="transform:scale(1.15)">
688        </div>
689              <div class="logo-cell logo-reveal" style="--rev-i:3">
690          <img src="/wp-content/uploads/2026/08/novo-nordisk-thumbnail-logo.webp" alt="Novo Nordisk Logo" loading="lazy" style="transform:scale(1.2)">
691        </div>
692              <div class="logo-cell logo-reveal" style="--rev-i:4">
693          <img src="/wp-content/uploads/2026/08/whirlpool-thumbnail-logo.webp" alt="Whirlpool Logo" loading="lazy" style="transform:scale(1.2)">
694        </div>
695              <div class="logo-cell logo-reveal" style="--rev-i:5">
696          <img src="/wp-content/uploads/2026/08/barclaycard-thumbnail-logo.webp" alt="Barclaycard Logo" loading="lazy" style="transform:scale(1.3)">
697        </div>
698              <div class="logo-cell logo-reveal" style="--rev-i:6">
699          <img src="/wp-content/uploads/2026/08/carrefour-thumbnail-logo.webp" alt="Carrefour Logo" loading="lazy" style="transform:scale(1.2)">
700        </div>
701              <div class="logo-cell logo-reveal" style="--rev-i:7">
702          <img src="/wp-content/uploads/2026/08/johnson-and-johnson-thumbnail-logo.webp" alt="Johnson &amp; Johnson Logo" loading="lazy" style="transform:scale(1.3)">
703        </div>
704          </div>
705
706    <div class="hr-labeled"><span>Our Client Voices</span></div>
707
708    <div class="testimonial-grid">
709      <figure class="testimonial-card reveal">
710        <blockquote class="testimonial-card__quote">For our core leader training program, we combined key organizational knowledge and skill needed with the <strong>powerhouse of the CCL name</strong> and <strong>years of extensive research in the leadership field</strong> to offer a distinguished, holistic program to our leaders &mdash; one we believe is definitely &ldquo;Best in Class.&rdquo;</blockquote>
711        <figcaption class="testimonial-card__attrib">
712          <span class="th-avatar"><img src="/wp-content/uploads/2021/02/buffy-morris.jpg" alt="Buffy Morris" width="224" height="224" loading="lazy"></span>
713          <div>
714            <div class="testimonial-card__name">Buffy Morris</div>
715            <div class="testimonial-card__role">Director of Learning &amp; Development<br>Arch Mortgage Insurance Company</div>
716          </div>
717        </figcaption>
718      </figure>
719
720      <figure class="testimonial-card reveal" style="--rev-i:1">
721        <blockquote class="testimonial-card__quote"><strong>They do not have a &ldquo;canned&rdquo; approach.</strong> They know us and our challenges, tailor their programming, and shift as we need them to with speed and consistently high quality of delivery. <strong>The gold standard for executive education</strong> and professional development.</blockquote>
722        <figcaption class="testimonial-card__attrib">
723          <span class="th-avatar"><img src="/wp-content/uploads/2018/07/Paul-LeBlanc.jpg" alt="Paul LeBlanc" width="224" height="224" loading="lazy"></span>
724          <div>
725            <div class="testimonial-card__name">Paul LeBlanc</div>
726            <div class="testimonial-card__role">President<br>Southern New Hampshire University</div>
727          </div>
728        </figcaption>
729      </figure>
730
731      <figure class="testimonial-card reveal" style="--rev-i:2">
732        <blockquote class="testimonial-card__quote">Spending time with our partners at CCL was a powerful reminder of <strong>what true partnership looks like</strong>. They don&rsquo;t just deliver programs. They genuinely care about making our colleagues and leaders better. <strong>That level of commitment is rare.</strong> I see firsthand what support, expertise, and collaboration can look like.</blockquote>
733        <figcaption class="testimonial-card__attrib">
734          <span class="th-avatar"><img src="/wp-content/uploads/2026/08/kisha-scott.jpg" alt="Kisha Scott" width="224" height="224" loading="lazy"></span>
735          <div>
736            <div class="testimonial-card__name">Kisha Scott</div>
737            <div class="testimonial-card__role">Executive Director<br>Convergint Technologies</div>
738          </div>
739        </figcaption>
740      </figure>
741    </div>
742  </div>
743</section>
744<!-- ============================ EVENTS ============================ -->
745<section class="section section--grey" id="events" data-screen-label="Events">
746  <div class="wrap">
747    <div class="sec-head-c reveal">
748      <p class="eyebrow">Webinars &amp; Events</p>
749      <h2>Join Us Live</h2>
750    </div>
751
752    <div class="webinar reveal">
753      <div class="webinar__art" style="background-image:url('https://www.ccl.org/wp-content/uploads/2026/09/effective-virtual-leadership-webinar-center-for-creative-leadership.jpg')">
754        <span class="webinar__art-glow" aria-hidden="true"></span>
755        <span class="live-tag"><span class="live-tag__dot" aria-hidden="true"></span> Webinar</span>
756      </div>
757      <div class="webinar__body">
758        <p class="webinar__meta">Webinar <span aria-hidden="true">&middot;</span> Thu., October 8, 2026 <span aria-hidden="true">&middot;</span>11:00 am EDT</p>
759        <h3 class="webinar__title">Effective Virtual Leadership Amid the Complexity of Hybrid Work</h3>
760        <p class="webinar__lede">Learn practical frameworks and virtual leadership practices to help you balance flexibility with accountability, build trust across borders, and ease the coordination load that can drive burnout.</p>
761
762        <div class="webinar__hosts">
763          <div class="webinar__host">
764            <img src="/wp-content/uploads/2023/02/jeneva-patterson-center-for-creative-leadership.jpg" alt="Jeneva Patterson" width="44" height="44" loading="lazy">
765            <div>
766              <div class="webinar__host-name">Jeneva Patterson, MS</div>
767              <div class="webinar__host-role">Senior Faculty</div>
768            </div>
769          </div>
770          <div class="webinar__host">
771            <img src="/wp-content/uploads/2024/02/david-dinwoodie-center-for-creative-leadership.jpg" alt="David Dinwoodie" width="44" height="44" loading="lazy">
772            <div>
773              <div class="webinar__host-name">David Dinwoodie, DBA</div>
774              <div class="webinar__host-role">Senior Faculty</div>
775            </div>
776          </div>
777        </div>
778
779        <div class="webinar__ctas">
780          <a href="/webinars/effective-virtual-leadership-amid-the-complexity-of-hybrid-work/" class="btn btn-primary" data-element-type="action button" data-element-cta="Register Now" data-element-position="1">
781            Register for this webinar <svg class="arr" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="13 6 19 12 13 18"/></svg>
782          </a>
783          <a href="https://www.ccl.org/events-webinars/" class="link-arrow" data-element-cta="Learn More">
784            View all webinars &amp; events
785            <svg aria-hidden="true" focusable="false" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="13 6 19 12 13 18"></polyline></svg>
786          </a>
787        </div>
788      </div>
789    </div>
790
791    
792  </div>
793</section>
794<!-- ============================ MISSION ============================ -->
795<section class="section section--roi mission" id="mission" data-screen-label="Mission">
796  <div class="wrap" style="text-align:center">
797    <div class="reveal">
798      <p class="eyebrow eyebrow-light">Our Vantage Point</p>
799      <h2>Building Better Leadership</h2>
800      <p>As a nonprofit, <a href="/about-us/mission/">our mission</a> for nearly 60 years has been to advance leadership for the benefit of society worldwide — studying it, building it, and embedding it inside the organizations that shape the world. That commitment defines how we work, how we partner, and how we measure success through lasting behavior change and organizational capability.</p>
801      <div class="mission__cta">
802        <a href="https://www.ccl.org/contact-us/#contact-us" class="pill-cta-dark" data-element-type="action button" data-element-cta="Contact Us" data-element-position="2">
803          Ready to build better leadership? <em>Let&rsquo;s talk.</em> <svg class="arr" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="13 6 19 12 13 18"/></svg>
804        </a>
805      </div>
806    </div>
807  </div>
808</section>
809<!-- ============================ RESEARCH LIBRARY ============================ -->
810<section class="section" id="library" data-screen-label="Research library">
811  <div class="wrap">
812    <div class="sec-head-c reveal">
813      <p class="eyebrow">The Latest on Leadership &amp; Leadership Development</p>
814      <h2>Insights &amp; Research</h2>
815    </div>
816
817    <div class="lib-grid">
818      <a class="article reveal" href="/guides/the-space-between-people/">
819        <span class="article__thumb"><img src="https://www.ccl.org/wp-content/uploads/2026/07/the-human-edge-center-for-creative-leadership.webp" alt="Colleagues standing in a circle in a bright office, linked by an illustrated network of connections" loading="lazy"></span>
820        <span class="article__cat">Interactive Guide</span>
821        <span class="article__title">The Space Between People: How To Build Human Connection at Work</span>
822        <span class="article__blurb">New research on why proximity isn&rsquo;t belonging &mdash; and the practices that rebuild real connection across hybrid teams.</span>
823        <span class="article__meta">7 min read</span>
824      </a>
825      <a class="article reveal" style="--rev-i:1" href="/guides/ld-budgets/">
826        <span class="article__thumb"><img src="https://www.ccl.org/wp-content/uploads/2026/01/protecting-ld-budgets-guide-center-for-creative-leadership.webp" alt="Overlapping translucent squares in green and blue" loading="lazy"></span>
827        <span class="article__cat">Research &amp; Guide</span>
828        <span class="article__title">Why Leadership, Why Now: L&amp;D Budgets</span>
829        <span class="article__blurb">A practical guide to making the business case for leadership development &mdash; and protecting your budget when spending is under review.</span>
830        <span class="article__meta">3 min read</span>
831      </a>
832      <a class="article reveal" style="--rev-i:2" href="/articles/white-papers/global-leadership-trends-c-suite-insights/">
833        <span class="article__thumb"><img src="https://www.ccl.org/wp-content/uploads/2026/05/global-leadership-trends-c-suite-insights-center-for-creative-leadership.webp" alt="Abstract tunnel of blue and teal light" loading="lazy"></span>
834        <span class="article__cat">White Paper</span>
835        <span class="article__title">C-Suite Insights: Global Leadership Trends</span>
836        <span class="article__blurb">What senior executives worldwide say is changing about leadership &mdash; the pressures they face and where they&rsquo;re investing next.</span>
837        <span class="article__meta">5 min read</span>
838      </a>
839    </div>
840
841    <div class="lib-more">
842      <div class="sec-head-c lib-head--2 reveal">
843        <p class="eyebrow">Most Popular</p>
844        <h2>Favorites &amp; Trending</h2>
845      </div>
846
847      <div class="lib-grid lib-grid--minor">
848        <a class="article reveal" href="/articles/research-reports/succession-planning-and-leadership/">
849          <span class="article__cat">Research Report Series</span>
850          <span class="article__title">Succession Planning Reimagined: Research for Navigating Leadership Transitions</span>
851          <span class="article__blurb">This series shows how future-focused succession strategies drive stronger cultures and smarter innovation.</span>
852          <span class="article__meta">50 min read</span>
853        </a>
854        <a class="article reveal" style="--rev-i:1" href="/articles/leading-effectively-articles/what-is-leadership-a-definition/">
855          <span class="article__thumb"><img src="https://www.ccl.org/wp-content/plugins/ccl-features/assets/src/home/img/what-is-leadership-article.jpg" alt="A group of colleagues talking together in blue armchairs in a bright office" loading="lazy"></span>
856          <span class="article__cat">Article</span>
857          <span class="article__title">What Is Leadership? A Definition, Based on Research</span>
858          <span class="article__blurb">We view leadership as a social process that enables individuals to achieve collective results.</span>
859          <span class="article__meta">21 min read</span>
860        </a>
861        <a class="article reveal" style="--rev-i:2" href="/insights-research/direction-alignment-and-commitment-assessment/">
862          <span class="article__cat">Assessment</span>
863          <span class="article__title">Evaluate Your Leadership Effectiveness With Direction, Alignment &amp; Commitment</span>
864          <span class="article__blurb">Our interactive tool helps you measure and determine where to focus to increase effectiveness.</span>
865          <span class="article__meta">10 min activity</span>
866        </a>
867        <a class="article reveal" style="--rev-i:3" href="/articles/leading-effectively-articles/what-is-psychological-safety-at-work/">
868          <span class="article__cat">Conversation Guide</span>
869          <span class="article__title">How Leaders Can Build Psychological Safety at Work</span>
870          <span class="article__blurb">Learn why it matters, and get helpful guidance on how leaders and organizations can enhance it.</span>
871          <span class="article__meta">11 min read</span>
872        </a>
873      </div>
874    </div>
875
876    <p class="lib-insights-more">
877      <a href="/insights-research/" class="btn btn-text"  data-element-cta="Learn More">
878        Explore more insights &amp; research <svg class="arr" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="13 6 19 12 13 18"/></svg>
879      </a>
880    </p>
881  </div>
882</section>
883
884</main>
885
886<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Organization","name":"Center for Creative Leadership","alternateName":"CCL","url":"https://www.ccl.org/","logo":"https://www.ccl.org/wp-content/uploads/2019/12/ccl-logo-primary-3-line-blue-gradient.svg","contactPoint":{"@type":"ContactPoint","telephone":"+13365452810","contactType":"customer service","areaServed":["US","CA"],"availableLanguage":"en"},"sameAs":["https://www.facebook.com/CenterforCreativeLeadership","https://www.linkedin.com/company/center-for-creative-leadership/","https://www.instagram.com/ccldotorg/","https://www.youtube.com/@CenterCreativeLeadership"]},{"@type":"WebSite","url":"https://www.ccl.org/","name":"Center for Creative Leadership","alternateName":"CCL","inLanguage":"en-US"},{"@type":"Article","mainEntityOfPage":{"@type":"WebPage","@id":"https://www.ccl.org/articles/white-papers/global-leadership-trends-c-suite-insights/"},"headline":"Trends for Global Leadership: C-Suite Insights on What Comes Next","description":"63 C-suite leaders across Europe, the Middle East, and Asia reveal 5 trends for global leadership — and what organizations must do differently to develop leaders ready for what comes next.","image":{"@type":"ImageObject","url":"https://www.ccl.org/wp-content/uploads/2026/05/global-leadership-trends-c-suite-insights-center-for-creative-leadership.webp","width":"864","height":"483"},"author":[{"@type":"Person","name":"Lynn Collins","jobTitle":"Former Director, Strategic Partnerships"},{"@type":"Person","name":"Sol Bukin","jobTitle":"Applied Research Associate","url":"https://www.ccl.org/leadership-experts/sol-bukin/"},{"@type":"Person","name":"Anand Chandrasekar","jobTitle":"Senior Research Faculty, APAC","url":"https://www.ccl.org/leadership-experts/anand-chandrasekar/"},{"@type":"Person","name":"Mike Hardy","jobTitle":"Former Board Director & Chair, International Leadership Association"},{"@type":"Person","name":"Gihan Abuelela","jobTitle":"Sr. Leadership Solutions Partner & Applied Research Scientist"},{"@type":"Person","name":"Elisa Mallis","jobTitle":"Global VP, Research, Innovation & New Content Creation","url":"https://www.ccl.org/leadership-experts/elisa-mallis/"}],"publisher":{"@type":"Organization","name":"Center for Creative Leadership","logo":{"@type":"ImageObject","url":"https://www.ccl.org/wp-content/uploads/2023/06/ccl-logo-1-line-blue-gradient.svg","width":"425","height":"40"},"sameAs":["https://www.linkedin.com/company/center-for-creative-leadership/","https://www.instagram.com/ccldotorg/","https://www.facebook.com/CenterforCreativeLeadership"]},"isPartOf":{"@id":"https://www.ccl.org/articles/white-papers/global-leadership-trends-c-suite-insights/"},"isAccessibleForFree":true,"datePublished":"2026-05-12T13:01:50+00:00","dateModified":"2026-08-05T16:35:41+00:00"},{"@type":"Article","mainEntityOfPage":{"@type":"WebPage","@id":"https://www.ccl.org/articles/research-reports/succession-planning-and-leadership/"},"headline":"Succession Planning Reimagined: Research for Navigating Leadership Transitions","description":"This series of 4 research reports shows how future-focused succession planning drives stronger organizational cultures, smarter innovation, and leadership that thrives for generations.","image":{"@type":"ImageObject","url":"https://www.ccl.org/wp-content/uploads/2025/06/succession-planning-reimagined-research-report-ccl.jpg","width":"864","height":"483"},"author":[{"@type":"Person","name":"Marcia Dawkins","jobTitle":"Senior Research Scientist ","url":"https://www.ccl.org/leadership-experts/marcia-dawkins/"},{"@type":"Person","name":"Daniel J. Smith","jobTitle":"Research Associate","url":"https://www.ccl.org/leadership-experts/daniel-j-smith/"}],"publisher":{"@type":"Organization","name":"Center for Creative Leadership","logo":{"@type":"ImageObject","url":"https://www.ccl.org/wp-content/uploads/2023/06/ccl-logo-1-line-blue-gradient.svg","width":"425","height":"40"},"sameAs":["https://www.linkedin.com/company/center-for-creative-leadership/","https://www.instagram.com/ccldotorg/","https://www.facebook.com/CenterforCreativeLeadership"]},"isPartOf":{"@id":"https://www.ccl.org/articles/research-reports/succession-planning-and-leadership/"}
886,"isAccessibleForFree":true,"datePublished":"2025-05-15T15:08:17+00:00","dateModified":"2026-08-25T17:36:05+00:00"},{"@type":"Article","mainEntityOfPage":{"@type":"WebPage","@id":"https://www.ccl.org/articles/leading-effectively-articles/what-is-leadership-a-definition/"},"headline":"What Is Leadership?","description":"Ever wonder the meaning of leadership? Based on our decades of research, we view leadership as a social process that enables individuals to achieve collective results. Learn more about our definition and approach.","image":{"@type":"ImageObject","url":"https://www.ccl.org/wp-content/uploads/2024/05/what-is-leadership-a-definition-center-for-creative-leadership-ccl.png","width":"864","height":"483"},"author":[{"@type":"Person","name":"Cindy McCauley","jobTitle":"Honorary Senior Fellow","url":"https://www.ccl.org/leadership-experts/cindy-mccauley/"},{"@type":"Person","name":"Lynn Fick-Cooper","jobTitle":"On-call Facilitator"}],"publisher":{"@type":"Organization","name":"Center for Creative Leadership","logo":{"@type":"ImageObject","url":"https://www.ccl.org/wp-content/uploads/2023/06/ccl-logo-1-line-blue-gradient.svg","width":"425","height":"40"},"sameAs":["https://www.linkedin.com/company/center-for-creative-leadership/","https://www.instagram.com/ccldotorg/","https://www.facebook.com/CenterforCreativeLeadership"]},"isPartOf":{"@id":"https://www.ccl.org/articles/leading-effectively-articles/what-is-leadership-a-definition/"},"isAccessibleForFree":true,"datePublished":"2026-03-15T14:41:32+00:00","dateModified":"2026-05-08T22:16:07+00:00"},{"@type":"Article","mainEntityOfPage":{"@type":"WebPage","@id":"https://www.ccl.org/articles/leading-effectively-articles/what-is-psychological-safety-at-work/"},"headline":"How Leaders Can Build Psychological Safety at Work","description":"Psychological safety at work can be assessed and enhanced — ultimately leading to a change in your culture that drives collaboration and innovation. Learn key steps for boosting psychological safety in your organization.","image":{"@type":"ImageObject","url":"https://www.ccl.org/wp-content/uploads/2020/08/what-is-psychological-safety-at-work-center-for-creative-leadership.jpg","width":"864","height":"483"},"author":[{"@type":"Person","name":"Andy Loignon","jobTitle":"Senior Research Scientist","url":"https://www.ccl.org/leadership-experts/andy-loignon/"},{"@type":"Person","name":"Stephanie Wormington","jobTitle":"Former Director, Global Strategic Research","url":"https://www.ccl.org/leadership-experts/stephanie-wormington/"},{"@type":"Person","name":"Daniel J. Smith","jobTitle":"Research Associate","url":"https://www.ccl.org/leadership-experts/daniel-j-smith/"}
886,{"@type":"Person","name":"Diane Bergeron","jobTitle":"Senior Research Scientist","url":"https://www.ccl.org/leadership-experts/diane-bergeron/"}],"publisher":{"@type":"Organization","name":"Center for Creative Leadership","logo":{"@type":"ImageObject","url":"https://www.ccl.org/wp-content/uploads/2023/06/ccl-logo-1-line-blue-gradient.svg","width":"425","height":"40"},"sameAs":["https://www.linkedin.com/company/center-for-creative-leadership/","https://www.instagram.com/ccldotorg/","https://www.facebook.com/CenterforCreativeLeadership"]},"isPartOf":{"@id":"https://www.ccl.org/articles/leading-effectively-articles/what-is-psychological-safety-at-work/"},"isAccessibleForFree":true,"datePublished":"2026-04-10T16:37:46+00:00","dateModified":"2026-06-01T19:48:55+00:00"}]}</script>
886
887<!-- ============================ SITE FOOTER ============================ -->
888<footer class="ccl-footer" data-density="regular" data-accent="subtle" data-footer data-screen-label="Footer">
889  <div class="ccl-footer__rule" aria-hidden="true"></div>
890  <svg class="ccl-footer__rings" viewBox="0 0 540 540" aria-hidden="true">
891    <circle cx="270" cy="270" r="120" stroke-width="44"></circle>
892    <circle cx="270" cy="270" r="195" stroke-width="2"></circle>
893    <circle cx="270" cy="270" r="258" stroke-width="2"></circle>
894  </svg>
895
896  <div class="ccl-footer__inner">
897    <section class="ccl-news ccl-anim" data-mode="form" aria-labelledby="ccl-news-title">
898      <div class="ccl-news__text">
899        <span class="ccl-news__eyebrow">Stay Connected</span>
900        <h2 class="ccl-news__title" id="ccl-news-title">The latest in leadership, <em>straight to your inbox.</em></h2>
901        <p class="ccl-news__copy">Stay informed on what’s shaping leadership. Subscribe for research-based insights that help you make smarter decisions about developing leaders.</p>
902      </div>
903      <div class="ccl-news__action">
904        <a class="ccl-form__btn" aria-label="Subscribe" data-element-type="Action Button" data-element-cta="Subscribe" data-element-position="1" href="/subscribe">Subscribe</a>
905        <!-- <form class="ccl-form" data-news-form novalidate>
906          <input class="ccl-form__input" type="email" aria-label="Email address" placeholder="Your work email" data-news-input>
907          <button class="ccl-form__btn" type="submit">Subscribe</button>
908        </form> -->
909        <p class="ccl-news__msg" data-news-msg role="status"></p>
910      </div>
911    </section>
912
913    <div class="ccl-main">
914      <div class="ccl-brand ccl-anim">
915        <a class="ccl-brand__logo" href="/" aria-label="Center for Creative Leadership — home">
916          <img src="https://www.ccl.org/wp-content/plugins/ccl-features/assets/src/shared/img/ccl-logo-color.png" alt="Center for Creative Leadership">
917        </a>
918        <p class="ccl-brand__tag">For 50+ years, the Center for Creative Leadership has pioneered the field of leadership development. Our global research and top-ranked solutions have transformed individuals and organizations — including 2/3 of the Fortune 1000.</p>
919        <div class="ccl-social">
920          <a href="https://www.linkedin.com/company/center-for-creative-leadership/" target="_blank" rel="noopener" aria-label="CCL on LinkedIn">
921            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free 7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path fill="rgb(255, 255, 255)" d="M196.3 512L103.4 512L103.4 212.9L196.3 212.9L196.3 512zM149.8 172.1C120.1 172.1 96 147.5 96 117.8C96 103.5 101.7 89.9 111.8 79.8C121.9 69.7 135.6 64 149.8 64C164 64 177.7 69.7 187.8 79.8C197.9 89.9 203.6 103.6 203.6 117.8C203.6 147.5 179.5 172.1 149.8 172.1zM543.9 512L451.2 512L451.2 366.4C451.2 331.7 450.5 287.2 402.9 287.2C354.6 287.2 347.2 324.9 347.2 363.9L347.2 512L254.4 512L254.4 212.9L343.5 212.9L343.5 253.7L344.8 253.7C357.2 230.2 387.5 205.4 432.7 205.4C526.7 205.4 544 267.3 544 347.7L544 512L543.9 512z"/></svg>
922          </a>
923          <a href="https://www.instagram.com/ccldotorg/" target="_blank" rel="noopener" aria-label="CCL on Instagram">
924            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free 7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path fill="rgb(255, 255, 255)" d="M290.4 275.7C274 286 264.5 304.5 265.5 323.8C266.6 343.2 278.2 360.4 295.6 368.9C313.1 377.3 333.8 375.5 349.6 364.3C366 354 375.5 335.5 374.5 316.2C373.4 296.8 361.8 279.6 344.4 271.1C326.9 262.7 306.2 264.5 290.4 275.7zM432.7 207.3C427.5 202.1 421.2 198 414.3 195.3C396.2 188.2 356.7 188.5 331.2 188.8C327.1 188.8 323.3 188.9 320 188.9C316.7 188.9 312.8 188.9 308.6 188.8C283.1 188.5 243.8 188.1 225.7 195.3C218.8 198 212.6 202.1 207.3 207.3C202 212.5 198 218.8 195.3 225.7C188.2 243.8 188.6 283.4 188.8 308.9C188.8 313 188.9 316.8 188.9 320C188.9 323.2 188.9 327 188.8 331.1C188.6 356.6 188.2 396.2 195.3 414.3C198 421.2 202.1 427.4 207.3 432.7C212.5 438 218.8 442 225.7 444.7C243.8 451.8 283.3 451.5 308.8 451.2C312.9 451.2 316.7 451.1 320 451.1C323.3 451.1 327.2 451.1 331.4 451.2C356.9 451.5 396.2 451.9 414.3 444.7C421.2 442 427.4 437.9 432.7 432.7C438 427.5 442 421.2 444.7 414.3C451.9 396.3 451.5 356.9 451.2 331.3C451.2 327.1 451.1 323.2 451.1 3
92419.9C451.1 316.6 451.1 312.8 451.2 308.5C451.5 283 451.9 243.6 444.7 225.5C442 218.6 437.9 212.4 432.7 207.1L432.7 207.3zM365.6 251.8C383.7 263.9 396.2 282.7 400.5 304C404.8 325.3 400.3 347.5 388.2 365.6C382.2 374.6 374.5 382.2 365.6 388.2C356.7 394.2 346.6 398.3 336 400.4C314.7 404.6 292.5 400.2 274.4 388.1C256.3 376 243.8 357.2 239.5 335.9C235.2 314.6 239.7 292.4 251.7 274.3C263.7 256.2 282.6 243.7 303.9 239.4C325.2 235.1 347.4 239.6 365.5 251.6L365.6 251.6zM394.8 250.5C391.7 248.4 389.2 245.4 387.7 241.9C386.2 238.4 385.9 234.6 386.6 230.8C387.3 227 389.2 223.7 391.8 221C394.4 218.3 397.9 216.5 401.6 215.8C405.3 215.1 409.2 215.4 412.7 216.9C416.2 218.4 419.2 220.8 421.3 223.9C423.4 227 424.5 230.7 424.5 234.5C424.5 237 424 239.5 423.1 241.8C422.2 244.1 420.7 246.2 419 248C417.3 249.8 415.1 251.2 412.8 252.2C410.5 253.2 408 253.7 405.5 253.7C401.7 253.7 398 252.6 394.9 250.5L394.8 250.5zM544 160C544 124.7 515.3 96 480 96L160 96C124.7 96 96 124.7 96 160L96 480C96 515.3 124.7 544 160 544L480 544C515.3 544 544 515.3 544 480L544 160zM453 453C434.3 471.7 411.6 477.6 386 478.9C359.6 480.4 280.4 480.4 254 478.9C228.4 477.6 205.7 471.7 187 453C168.3 434.3 162.4 411.6 161.2 386C159.7 359.6 159.7 280.4 161.2 254C162.5 228.4 168.3 205.7 187 187C205.7 168.3 228.5 162.4 254 161.2C280.4 159.7 359.6 159.7 386 161.2C411.6 162.5 434.3 168.3 453 187C471.7 205.7 477.6 228.4 478.8 254C480.3 280.3 480.3 359.4 478.8 385.9C477.5 411.5 471.7 434.2 453 452.9L453 453z"/></svg>
925          </a>
926          <a href="https://www.facebook.com/CenterforCreativeLeadership" target="_blank" rel="noopener" aria-label="CCL on Facebook">
927            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free 7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path fill="rgb(255, 255, 255)" d="M576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 440 146.7 540.8 258.2 568.5L258.2 398.2L205.4 398.2L205.4 320L258.2 320L258.2 286.3C258.2 199.2 297.6 158.8 383.2 158.8C399.4 158.8 427.4 162 438.9 165.2L438.9 236C432.9 235.4 422.4 235 409.3 235C367.3 235 351.1 250.9 351.1 292.2L351.1 320L434.7 320L420.3 398.2L351 398.2L351 574.1C477.8 558.8 576 450.9 576 320z"/></svg>
928          </a>
929        </div>
930      </div>
931
932      <div class="ccl-col ccl-anim" data-open="false">
933        <h3 class="ccl-col__head" data-col-toggle id="ccl-col-0">About
934          <svg class="ccl-col__chev" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M6 9l6 6 6-6"></path></svg>
935        </h3>
936        <div class="ccl-col__panel">
937          <nav aria-labelledby="ccl-col-0"><ul>
938            <li><a class="ccl-link" href="/about-us/">About Us</a></li>
939            <li><a class="ccl-link" href="/client-successes/">Client Successes</a></li>
940            <li><a class="ccl-link" href="/about-us/mission/">Mission &amp; Values</a></li>
941            <li><a class="ccl-link" href="/about-us/leadership-team/">Leadership Team</a></li>
942            <li><a class="ccl-link" href="/newsroom/">Newsroom</a></li>
943          </ul></nav>
944        </div>
945      </div>
946
947      <div class="ccl-col ccl-anim" data-open="false">
948        <h3 class="ccl-col__head" data-col-toggle id="ccl-col-1">Solutions
949          <svg class="ccl-col__chev" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M6 9l6 6 6-6"></path></svg>
950        </h3>
951        <div class="ccl-col__panel">
952          <nav aria-labelledby="ccl-col-1"><ul>
953            <li><a class="ccl-link" href="/leadership-solutions/leadership-development-tools/leadership-assessments/">360 Assessments</a></li>
954            <li><a class="ccl-link" href="/leadership-solutions/leadership-coaching/">
954Coaching Services</a></li>
955            <li><a class="ccl-link" href="/leadership-solutions/leadership-development-tools/customized-leadership-development/">Custom Solutions</a></li>
956            <li><a class="ccl-link" href="/leadership-programs/">Programs</a></li>
957            <li><a class="ccl-link" href="/leadership-solutions/leadership-development-tools/">Training Materials</a></li>
958          </ul></nav>
959        </div>
960      </div>
961
962      <div class="ccl-col ccl-anim" data-open="false">
963        <h3 class="ccl-col__head" data-col-toggle id="ccl-col-2">Insights
964          <svg class="ccl-col__chev" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M6 9l6 6 6-6"></path></svg>
965        </h3>
966        <div class="ccl-col__panel">
967          <nav aria-labelledby="ccl-col-2"><ul>
968            <li><a class="ccl-link" href="/articles/guides/">Guides</a></li>
969            <li><a class="ccl-link" href="/articles/leading-effectively-articles/">Articles</a></li>
970            <li><a class="ccl-link" href="/articles/white-papers/">White Papers</a></li>
971            <li><a class="ccl-link" href="/insights-research/research/">Research</a></li>
972            <li><a class="ccl-link" href="/events-webinars/">Webinars &amp; Events</a></li>
973          </ul></nav>
974        </div>
975      </div>
976
977      <div class="ccl-col ccl-anim" data-open="false">
978        <h3 class="ccl-col__head" data-col-toggle id="ccl-col-3">Connect
979          <svg class="ccl-col__chev" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M6 9l6 6 6-6"></path></svg>
980        </h3>
981        <div class="ccl-col__panel">
982          <nav aria-labelledby="ccl-col-3"><ul>
983            <li><a class="ccl-link" href="/contact-us/">Contact Us</a></li>
984            <li><a class="ccl-link" href="/our-locations/">Our Locations</a></li>
985            <li><a class="ccl-link" href="/about-us/support-ccl/">Donate</a></li>
986            <li><a class="ccl-link" href="/alumni/">Alumni</a></li>
987            <li><a class="ccl-link" href="/about-us/careers/">Careers</a></li>
988          </ul></nav>
989        </div>
990      </div>
991    </div>
992  </div>
993
994  <div class="ccl-bottom">
995    <div class="ccl-bottom__inner">
996      <p class="ccl-bottom__copy">© Center for Creative Leadership. All rights reserved</p>|
997      <nav class="ccl-legal" aria-label="Legal">
998        <a href="/policies/privacy-policy/">Privacy Policy</a>|
999        <!-- <a href="#">Terms of Use</a> -->
1000        <a href="/policies/508-accessibility/">Accessibility</a>|
1001        <!-- OneTrust cookies settings button start -->
1002        <a id="ot-sdk-btn" class="ot-sdk-show-settings">Cookie settings</a>
1003        <!-- OneTrust cookies settings button end -->
1004      </nav>
1005    </div>
1006  </div>
1007</footer>
1008
1009<!-- AddSearch Instant Search -->
1010<script type="text/javascript" src="https://www.ccl.org/wp-content/themes/ccl-child/add_search/addsearch-search-ui.min.js?ver=1.12.40"></script>
vendor: 1 bytes, line 1010
1010
1011<script type="text/javascript" src="https://www.ccl.org/wp-content/themes/ccl-child/add_search/ui.min.js?ver=1.12.10"></script>
1011
1012<!-- End AddSearch Instant Search -->
1013
1014<!-- Chat Widget -->
1015<script v2 id="Microsoft_Omnichannel_LCWidget" src="https://oc-cdn-ocprod.azureedge.net/livechatwidget/scripts/LiveChatBootstrapper.js" onerror="(function(el){el.parentNode.removeChild(el);vars=document.createElement('script');s.src='https://ocprodocprodnamgs.blob.core.windows.net/livechatwidget/scripts/LiveChatBootstrapper.js';s.setAttribute('id', 'Microsoft_Omnichannel_LCWidget');s.setAttribute('data-app-id', '92099f91-c0f4-4d77-8de6-1757ff078521');s.setAttribute('data-lcw-version', 'prod');s.setAttribute('data-org-id', '8c68dd41-91d8-44aa-be3f-2d3028599b2e');s.setAttribute('data-org-url', 'https://m-8c68dd41-91d8-44aa-be3f-2d3028599b2e.us.omnichannelengagementhub.com');s.setAttribute('data-customization-callback', 'lcw');document.body.appendChild(s);})(this);" data-app-id="92099f91-c0f4-4d77-8de6-1757ff078521" data-lcw-version="prod" data-org-id="8c68dd41-91d8-44aa-be3f-2d3028599b2e" data-customization-callback="lcw" data-org-url="https://m-8c68dd41-91d8-44aa-be3f-2d3028599b2e.us.omnichannelengagementhub.com" async></script>
vendor: 1 bytes, line 1015
1015
1016<script>
1017    function lcw() {
1018      return {
1019        chatButtonProps: {
1020          controlProps: {
1021            titleText: "Welcome to CCL!",
1022            subtitleText: "How can I help you today?"
1023          },
1024          styleProps: {
1025            generalStyleProps: {
1026              width: "250px"
1027            },
1028            textContainerStyleProps: {
1029              display: "flex",
1030              flexDirection: "column",
1031              justifyContent: "center"
1032            },
1033            titleStyleProps: {
1034              display: "block",
1035              overflow: "visible",
1036              width: "100%"
1037            },
1038            subtitleStyleProps: {
1039              display: "block",
1040              overflow: "visible",
1041              width: "max-content"
1042            },
1043            iconStyleProps: {
1044             align: "center",
1045             backgroundColor: "#A556A2",
1046            backgroundPosition: "center",
1047            backgroundRepeat: "no-repeat",
1048            backgroundSize: "65% 65%",
1049            borderColor: "transparent",
1050            borderRadius: "50%",
1051            borderStyle: "solid",
1052            borderWidth: "1px",
1053            display: "flex",
1054            height: "62px",
1055            justifyContent: "center",
1056            margin: "-2px -2px -2px -3px",
1057            width: "62px",
1058            }
1059          }
1060        },
1061        headerProps: {
1062          controlProps: {
1063              id: "oc-lcw-header",
1064              hideIcon: false,
1065              hideTitle: false,
1066              hideCloseButton: false,
1067              hideMinimizeButton: false,
1068              minimizeButtonProps: {
1069                id: "oc-lcw-header-minimize-button",
1070                type: "icon",
1071                iconName: "ChromeMinimize"
1072              },
1073              closeButtonProps: {
1074                id: "oc-lcw-header-close-button",
1075                type: "icon",
1076                iconName: "ChromeClose"
1077              },
1078              headerIconProps: {
1079                id: "oc-lcw-header-icon",
1080                alt: "Chat Icon"
1081              },
1082              headerTitleProps: {
1083                id: "oc-lcw-header-title",
1084                text: "Let's Chat"
1085              }
1086            },
1087          styleProps: {
1088          generalStyleProps: {
1089            borderRadius: "4px 4px 0 0",
1090            padding: 0,
1091            minHeight: "50px",
1092            width: "100%",
1093            minWidth: "250px"
1094          },
1095          iconStyleProps: {
1096            height: "30px",
1097            width: "30px",
1098            margin: "5px 10px",
1099          },
1100          titleStyleProps: {
1101            fontSize: 16,
1102            fontFamily: "Segoe UI, Arial, sans-serif",
1103            fontWeight: "450",
1104            color: "white",
1105            padding: "3px 0"
1106          },
1107          minimizeButtonStyleProps: {
1108            color: "white",
1109            margin: "15px 5px",
1110            fontSize: "12px"
1111          },
1112          closeButtonStyleProps: {
1113            color: "white",
1114            margin: "5px 5px",
1115            fontSize: "12px"
1116          },
1117          closeButtonHoverStyleProps: {
1118            color: "#ffffff",
1119            backgroundColor: "#96AEC9"
1120          },
1121          minimizeButtonHoverStyleProps: {
1122            color: "#ffffff",
1123            backgroundColor: "#96AEC9"
1124          },
1125          headerItemFocusStyleProps: {
1126            border: "2px dotted #000"
1127          }
1128        }
1129        },
1130        loadingPaneProps: {
1131            styleProps: {
1132                generalStyleProps: {
1133                background: "#ffffff",
1134                borderRadius: "4px 4px 0 0",
1135                padding: 0,
1136                minHeight: "50px",
1137                width: "100%",
1138                minWidth: "250px"
1139              },
1140              iconStyleProps: {
1141                height: "30px",
1142                width: "30px",
1143                margin: "5px 10px"
1144              },
1145              titleStyleProps: {
1146                fontSize: 16,
1147                fontFamily: "Segoe UI, Arial, sans-serif",
1148                fontWeight: "450",
1149                color: "white",
1150                padding: "3px 0"
1151              },
1152              minimizeButtonStyleProps: {
1153                color: "white",
1154                margin: "15px 5px",
1155                fontSize: "12px"
1156              },
1157              closeButtonStyleProps: {
1158                color: "white",
1159                margin: "5px 5px",
1160                fontSize: "12px"
1161              },
1162              closeButtonHoverStyleProps: {
1163                color: "#ffffff",
1164                backgroundColor: "#A556A2"
1165              },
1166              minimizeButtonHoverStyleProps: {
1167                color: "#ffffff",
1168                backgroundColor: "#A556A2"
1169              },
1170              headerItemFocusStyleProps: {
1171                border: "2px dotted #000"
1172              }
1173            },
1174        },
1175
1176        webChatContainerProps: {
1177          renderingMiddlewareProps: {
1178            disableAvatarMiddleware: true
1179          },
1180          webChatStyles: {
1181            bubbleBorderRadius: 10,
1182            bubbleBorderStyle: "solid",
1183            bubbleBorderWidth: 1,
1184            avatarSize:0,
1185            suggestedActionLayout: "stacked",
1186            suggestedActionHeight: "35px",
1187            suggestedActionsStackedLayoutButtonTextWrap: true,
1188            suggestedActionsStackedHeight: "auto",
1189            suggestedActionBorderRadius: 50,
1190            suggestedActionBorderWidth: 1,
1191            suggestedActionBorderStyle: 'solid',
1192            suggestedActionBackgroundColor: 'rgba(237, 240, 247, 1)',
1193            suggestedActionBorderColor: 'rgba(47, 95, 149, 1)',
1194            suggestedActionTextColor: 'rgba(59, 59, 59, 1)',
1195            suggestedActionHoverBackground: 'rgba(47, 95, 149, 1)',
1196            suggestedActionBorderStyleOnHover: 'solid',
1197            suggestedActionBorderWidthOnHover: 1,
1198            suggestedActionTextColorOnHover: 'rgba(255, 255, 255, 1)'
1199          }
1200        }
1201      }
1202    }
1203</script>
1203
1204
1205
1206<!--Skip to the main content js-->
1207<script>
1208	document.querySelector('.skip-link').addEventListener('click', function (e) {
1209	e.preventDefault();
1210	const offset = 200; // height of sticky header
1211	const h1 = document.querySelector('h1');
1212	if (!h1) {
1213		console.warn('No <h1> tag found on the page.');
1214		return;
1215	}
1216	// Scroll to the h1 position minus offset
1217	const h1Top = h1.getBoundingClientRect().top + window.scrollY - offset;
1218	window.scrollTo({
1219		top: h1Top,
1220		behavior: 'smooth'
1221	});
1222
1223	// Focus after scroll completes
1224	setTimeout(() => {
1225		// Make sure h1 can be focused
1226		if (!h1.hasAttribute('tabindex')) {
1227		h1.setAttribute('tabindex', '-1');
1228		}
1229		h1.focus({ preventScroll: true });
1230		console.log('Focused on <h1>:', h1.textContent);
1231	}, 400); // adjust delay as needed for your scroll speed
1232		});
1233	</script>
1233
1234
1235<script>
1236  window.addEventListener("lcw:onMessageReceived", function handleWidgetMessageSentEvent(payload) {
1237    if (
1238      payload &&
1239      payload.detail &&
1240      payload.detail.text &&
1241      typeof payload.detail.text === 'string'
1242    ) {
1243      const messageText = payload.detail.text.trim();
1244      console.log('messageText:', messageText);
1245
1246      if (messageText === "Please wait one moment while I connect you.") {
1247        window.dataLayer = window.dataLayer || [];
1248        window.dataLayer.push({
1249          event: 'copilot_chat_message',
1250          eventCategory: 'Live Chat',
1251          eventAction: 'chat_form_submission',
1252          eventLabel: 'Chat Form Submission'
1253        });
1254        console.log("dataLayer event pushed: copilot_chat_message");
1255      }
1256    }
1257  });
1258  // Define global context provider function
1259  /*
1260  context variables rules:
1261  - context variable name <= 100 chars
1262  - context variable value <= 4000 chars
1263  - context variable name must be exact match (case-sensitive)
1264  - do not change any of the variable names below without also updating workstream and copilot
1265  - max of 100 variables
1266  */
1267  window.getCustomContextVariables = function () {
1268    console.log("getCustomContextVariables called");
1269    return {
1270      //'contextVariable': {value: "", isDisplayable: ""},
1271      'd365Email': { value: '', isDisplayable: true },
1272      'd365LName': { value: '', isDisplayable: true },
1273      'd365FName': { value: '', isDisplayable: true},
1274      'd365Phone': { value: '', isDisplayable: true},
1275      'd365Organization': { value: '', isDisplayable: false},
1276      'utm_content': { value: '', isDisplayable: false},
1277      'utm_campaign': { value: '', isDisplayable: false},
1278      'utm_source': { value: '', isDisplayable: false},
1279      'utm_medium': { value: '', isDisplayable: false}
1280    };
1281  };
1282
1283  //Register context provider once the widget is ready, passing in the context variables
1284  window.addEventListener("lcw:ready", function () {
1285    console.log("lcw:ready triggered1");
1286    Microsoft.Omnichannel.LiveChatWidget.SDK.setContextProvider(window.getCustomContextVariables);
1287  });
1288
1289  document.addEventListener(
1290  'DOMContentLoaded',
1291  function () {
1292    document.addEventListener('d365mkt-afterformload', function (event) {
1293      const labelCompany = document.querySelector('label[for="companyname-1692974617445"]');
1294      const roleCompany = document.querySelector('label[for="new_roleinorg-1694444391055"]');
1295      const organisationSize = document.querySelector('label[for="ccl_organizationsize-1777639250533"]');
1296      if (labelCompany) {
1297        labelCompany.textContent = 'Company/Organisation';
1298      }
1299      if (roleCompany) {
1300        roleCompany.textContent = 'Role in Company/Organisation';
1301      }
1302      if (organisationSize) {
1303        organisationSize.textContent = 'Organisation Size (optional)';
1304      }
1305    });
1306  });
1307
1308</script>
1308
1309<!-- End Chat Widget -->
1310
1311
1312
1313
1314<script>
1315
1316function fs_handle_utm_parameters(utmParams, expires) {
1317
1318
1319    for (const [key, value] of Object.entries(utmParams)) {
1320        console.log("[UTM TRACK] Setting cookie for " + key + " with value " + value)
1321        if (value) {
1322            document.cookie = key + "=" + value + "; " + expires + "; path=/";
1323        } else {
1324            // If the value is not present in the URL but was set in a previous visit, clear it
1325            const previousValue = document.cookie.split('; ').find(row => row.startsWith(key));
1326            if (previousValue) {
1327                console.log("[UTM TRACK] Clearing cookie for " + key + " with value " + value + "")
1328                document.cookie = key + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/";
1329            }
1330        }
1331    }
1332
1333}
1334
1335function fs_set_utm_cookie() {
1336    const expirationDate = new Date();
1337    expirationDate.setFullYear(expirationDate.getFullYear() + 1);
1338    const expires = "expires=" + expirationDate.toUTCString();
1339
1340    const parsedURL = new URL(window.location.href);
1341    const params = parsedURL.searchParams;
1342    let referringURL = "" || ""; // abc
1343
1344    console.log("[UTM TRACK] Referring URL: " + referringURL);
1345
1346    const utmParams = {
1347        utm_source: params.get('utm_source') || "",
1348        utm_medium: params.get('utm_medium') || "",
1349        utm_campaign: params.get('utm_campaign') || "",
1350        utm_content: params.get('utm_content') || "",
1351        utm_term: params.get('utm_term') || ""
1352    };
1353
1354    console.log("[UTM TRACK] Params: " + JSON.stringify(utmParams));
1355
1356
1357    if (referringURL.length) {
1358
1359        console.log("[UTM TRACK] referring URL exists -- now checking if it's from our domain")
1360
1361        // check if referring URL is from our domain, use only domain, not subdomain
1362        const referringURLParsed = new URL(referringURL);
1363        // get domain
1364        const referringURLDomain = referringURLParsed.hostname.split('.').slice(-2).join('.');
1365
1366        // get our domain
1367        const ourDomain = parsedURL.hostname.split('.').slice(-2).join('.');
1368
1369        if (referringURLDomain == ourDomain) {
1370            // referring URL is from our domain, clear it
1371            console.log("[UTM TRACK] referring URL is from our domain, clearing it")
1372            referringURL = "";
1373        }
1374    }
1375
1376    else {
1377
1378        console.log("[UTM TRACK] referring URL does not exist -- now checking if UTM params are present")
1379
1380        // check if at least one parameter UTM are present
1381        let utm_params_are_not_empty = Object.values(utmParams).some(param => param.length > 0);
1382
1383        // if all UTM params are present, set the cookie and return
1384        if (utm_params_are_not_empty) {
1385            console.log("[UTM TRACK] UTM params are present, setting cookie")
1386            fs_handle_utm_parameters(utmParams, expires);
1387        }
1388
1389    }
1390
1391
1392            // if referringURL is empty but has cookies set for UTM params... return
1393        // check all cookies for UTM params
1394        const cookieParams = {
1395            utm_source: "",
1396            utm_medium: "",
1397            utm_campaign: "",
1398            utm_content: "",
1399            utm_term: ""
1400        };
1401
1402        const cookieParamsString = document.cookie.split('; ').find(row => row.startsWith('utm_'));
1403        if (cookieParamsString) {
1404            const cookieParamsArray = cookieParamsString.split('; ');
1405            cookieParamsArray.forEach(param => {
1406                const paramArray = param.split('=');
1407                cookieParams[paramArray[0]] = paramArray[1];
1408            });
1409        }
1410
1411    // if only some UTM params are present, set the cookie and continue
1412    let source, medium;
1413
1414    if (!referringURL.length && !params.get('gclid') && !params.get('msclkid')) {
1415
1416        console.log("[UTM TRACK] referring URL does not exist, checking if cookie is set")
1417
1418
1419        // nothing passed, then check if cookie already set for at least one parameter
1420        if (Object.values(cookieParams).some(param => param.length > 0)) {
1421            console.log("[UTM TRACK] cookie is set, returning")
1422            // if cookie is set, then return
1423            return;
1424        }
1425
1426        source = "(direct)";
1427        medium = "(none)";
1428    }
1429    else if (params.get('gclid') || params.get('msclkid')) {
1430
1431        console.log("[UTM TRACK] gclid or msclkid is present, setting source and medium")
1432
1433        source = "google";
1434        medium = "cpc";
1435        if (params.get('msclkid')) {
1436            console.log("[UTM TRACK] msclkid is present, setting source and medium as bing and cpc, respectively")
1437            source = "bing";
1438            medium = "cpc";
1439        }
1440    }
1441    else if (referringURL.length) {
1442        const pattern = /https?:\/\/(www\.|m\.|l\.|r\.|lm\.)?(google\.com|search\.yahoo\.com|bing\.com|yaho
1442o\.com|facebook\.com|t\.co|linkedin\.com|pinterest\.com|duckduckgo\.com)/;
1443        const matches = referringURL.match(pattern);
1444
1445        source = matches && matches[2] ? matches[2] : null;
1446        if (!source) {
1447                source = referringURL.length ? new URL(referringURL).hostname : "(direct)";
1448        }
1449
1450        console.log("[UTM TRACK] checking if we source is google, bing, yahoo, facebook, duckduckgo, or pinterest")
1451
1452        switch (source) {
1453            case "google.com":
1454                medium = referringURL.includes('gclid') || params.get('gclid') ? "cpc" : "organic";
1455				source = "google";
1456                break;
1457            case "bing.com":
1458                medium = referringURL.includes('msclkid') || params.get('msclkid') ? "cpc" : "organic";
1459				source = "bing";
1460                break;
1461            case "yahoo.com":
1462            case "search.yahoo.com":
1463				source = "yahoo";
1464                medium = "organic";
1465                break;
1466            case "facebook.com":
1467            case "m.facebook.com":
1468            case "l.facebook.com":
1469            case "lm.facebook.com":
1470                source = "facebook";
1471                medium = referringURL.includes('paid') ? "cpc" : "social";
1472                break;
1473            case "duckduckgo.com":
1474				source = "duckduckgo";
1475                medium = "organic";
1476                break;
1477            case "pinterest.com":
1478                source = "pinterest";
1479                medium = "social";
1480                break;
1481            case "linkedin.com":
1482                source = "linkedin";
1483                medium = "social";
1484                break;
1485            default:
1486                medium = "referral";
1487                break;
1488        }
1489
1490        console.log("[UTM TRACK] source: " + source)
1491        console.log("[UTM TRACK] medium: " + medium)
1492
1493    }
1494
1495
1496
1497    utmParams.utm_source = source;
1498    utmParams.utm_medium = medium;
1499    fs_handle_utm_parameters(utmParams, expires);
1500}
1501
1502document.addEventListener('DOMContentLoaded', fs_set_utm_cookie);
1503</script>
vendor: 1 bytes, line 1503
1503
1504<script id="ccl-home-js-js" src="https://www.ccl.org/wp-content/plugins/ccl-features/assets/dist/home/js/index.js?ver=1790244397"></script>
1504
1505</body>
1506</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.