@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:#fef2f2;--color-red-500:#fb2c36;--color-orange-400:#ff8b1a;--color-orange-500:#fe6e00;--color-amber-50:#fffbeb;--color-amber-100:#fef3c6;--color-amber-400:#fcbb00;--color-amber-500:#f99c00;--color-amber-600:#dd7400;--color-amber-700:#b75000;--color-green-100:#dcfce7;--color-green-400:#05df72;--color-green-500:#00c758;--color-green-600:#00a544;--color-green-700:#008138;--color-cyan-400:#00d2ef;--color-cyan-500:#00b7d7;--color-cyan-600:#0092b5;--color-cyan-700:#007492;--color-blue-50:#eff6ff;--color-blue-100:#dbeafe;--color-blue-200:#bedbff;--color-blue-500:#3080ff;--color-blue-600:#155dfc;--color-blue-700:#1447e6;--color-purple-400:#c07eff;--color-purple-500:#ac4bff;--color-purple-600:#9810fa;--color-purple-700:#8200da;--color-slate-50:#f8fafc;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-300:#cad5e2;--color-slate-400:#90a1b9;--color-slate-500:#62748e;--color-slate-600:#45556c;--color-slate-700:#314158;--color-slate-800:#1d293d;--color-slate-900:#0f172b;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--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);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--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);--font-cabinet:"Cabinet Grotesk", sans-serif;--font-bricolage:"Bricolage Grotesque", sans-serif;--font-dm:"DM Sans", sans-serif;--font-rock-salt:"Rock Salt", cursive;--font-caveat:"Caveat", cursive;--text-h1:clamp(3.875rem, 2.873vw + 3.202rem, 5.5rem);--text-h2:clamp(3.125rem, 2.43vw + 2.555rem, 4.5rem);--text-h3:clamp(1.5rem, .221vw + 1.448rem, 1.625rem);--text-h4:clamp(1.125rem, .221vw + 1.073rem, 1.25rem);--text-body:clamp(1.125rem, .221vw + 1.073rem, 1.25rem);--text-small:1rem;--text-caption:.75rem;--heading-32:2rem;--text-fun-h1:clamp(3.25rem, 1.436vw + 2.913rem, 4.0625rem);--text-fun-h2:clamp(2rem, .884vw + 1.793rem, 2.5rem);--text-fun-h3:clamp(1.5rem, .663vw + 1.345rem, 1.875rem);--text-fun-h4:clamp(1.5rem, .221vw + 1.448rem, 1.625rem);--text-case-study-statement:clamp(2rem, .884vw + 1.793rem, 2.5rem);--text-hero-display:clamp(2.75rem, 14.125vw, 11.3rem);--text-hero-fun-display:clamp(2rem, 4.5vw, 3.75rem);--text-hero-fun-small:1rem;--leading-rock-salt:1.7;--leading-hero-display:.95;--leading-subpitch:1.5;--leading-subpitch-fun:1.4;--tracking-hero-display:-.03em;--tracking-hero-fun-small:.01em;--color-brand-cap-shadow:#2e2c1b;--color-brand-cap-base:#f7e006;--color-brand-cap-highlight:#fff279;--color-brand-linkedin:#0a66c2;--color-accent-yellow:#fbe200;--color-accent-green:#2ae881;--color-accent-orange:#ff5f00;--color-accent-lavender:#b6a4ff;--color-accent-sky:#73ccfe;--color-surface-light:#f3f3f3;--color-surface-mint:#d4fbe6;--color-surface-peach:#ffdfcc;--color-surface-cream:#fcf4c5;--color-surface-lilac:#f0edff;--color-surface-ice:#e3f5ff;--color-surface-white:#fff;--color-ink-950:#000;--color-ink-800:#272727;--color-ink-700:#464646;--color-ink-500:#7f7f7f;--color-ink-300:#a6a6a6;--color-ink-100:#d2d2d2;--color-fun-accent-yellow:#ffce2e;--color-fun-accent-red:#ff0a00;--color-fun-surface-black:#000;--color-fun-surface-dark:#1c1d1e;--color-fun-ink-50:#fff;--color-fun-ink-100:#eeefeb;--color-fun-ink-300:#d2d2d2;--color-fun-ink-500:#a6a6a6;--color-fun-ink-700:#7f7f7f}@supports (color:lab(0% 0 0)){:root,:host{--color-red-50:lab(96.5005% 4.18508 1.52328);--color-red-500:lab(55.4814% 75.0732 48.8528);--color-orange-400:lab(70.0429% 42.5156 75.8207);--color-orange-500:lab(64.272% 57.1788 90.3583);--color-amber-50:lab(98.6252% -.635922 8.42309);--color-amber-100:lab(95.916% -1.21653 23.111);--color-amber-400:lab(80.1641% 16.6016 99.2089);--color-amber-500:lab(72.7183% 31.8672 97.9407);--color-amber-600:lab(60.3514% 40.5624 87.1228);--color-amber-700:lab(47.2709% 42.9082 69.2966);--color-green-100:lab(96.1861% -13.8464 6.52365);--color-green-400:lab(78.503% -64.9265 39.7492);--color-green-500:lab(70.5521% -66.5147 45.8073);--color-green-600:lab(59.0978% -58.6621 41.2579);--color-green-700:lab(47.0329% -47.0239 31.4788);--color-cyan-400:lab(76.6045% -40.9406 -29.6231);--color-cyan-500:lab(67.805% -35.3952 -30.2018);--color-cyan-600:lab(55.1767% -26.7496 -30.5139);--color-cyan-700:lab(44.7267% -21.5987 -26.118);--color-blue-50:lab(96.492% -1.14644 -5.11479);--color-blue-100:lab(92.0301% -2.24757 -11.6453);--color-blue-200:lab(86.15% -4.04379 -21.0797);--color-blue-500:lab(54.1736% 13.3369 -74.6839);--color-blue-600:lab(44.0605% 29.0279 -86.0352);--color-blue-700:lab(36.9089% 35.0961 -85.6872);--color-purple-400:lab(63.6946% 47.6127 -59.2066);--color-purple-500:lab(52.0183% 66.11 -78.2316);--color-purple-600:lab(43.0295% 75.21 -86.5669);--color-purple-700:lab(36.1758% 69.8525 -80.0381);--color-slate-50:lab(98.1434% -.369519 -1.05966);--color-slate-100:lab(96.286% -.852436 -2.46847);--color-slate-200:lab(91.7353% -.998765 -4.76968);--color-slate-300:lab(84.7652% -1.94535 -7.93337);--color-slate-400:lab(65.5349% -2.25151 -14.5072);--color-slate-500:lab(48.0876% -2.03595 -16.5814);--color-slate-600:lab(35.5623% -1.74978 -15.4316);--color-slate-700:lab(26.9569% -1.47016 -15.6993);--color-slate-800:lab(16.132% -.318035 -14.6672);--color-slate-900:lab(7.78673% 1.82345 -15.0537)}}}@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;-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}::-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}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-5{top:calc(var(--spacing) * 5)}.top-\[calc\(100\%\+0\.75rem\)\]{top:calc(100% + .75rem)}.left-1\/2{left:50%}.isolate{isolation:isolate}.-z-10{z-index:calc(10 * -1)}.z-20{z-index:20}.z-50{z-index:50}.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)}.mx-auto{margin-inline:auto}.my-6{margin-block:calc(var(--spacing) * 6)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.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-10{margin-top:calc(var(--spacing) * 10)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mt-14{margin-top:calc(var(--spacing) * 14)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mt-20{margin-top:calc(var(--spacing) * 20)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.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-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.mb-16{margin-bottom:calc(var(--spacing) * 16)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-auto{height:auto}.h-full{height:100%}.min-h-\[360px\]{min-height:360px}.min-h-screen{min-height:100vh}.w-2{width:calc(var(--spacing) * 2)}.w-3{width:calc(var(--spacing) * 3)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-72{width:calc(var(--spacing) * 72)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-\[1100px\]{max-width:1100px}.max-w-xl{max-width:var(--container-xl)}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-rotate-1{rotate:-1deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0{gap:calc(var(--spacing) * 0)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-12{gap:calc(var(--spacing) * 12)}.gap-16{gap:calc(var(--spacing) * 16)}: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-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-16>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[1\.5rem\]{border-radius:1.5rem}.rounded-\[2\.5rem\]{border-radius:2.5rem}.rounded-\[2rem\]{border-radius:2rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.rounded-t-xl{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.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-black{border-color:var(--color-black)}.border-black\/10{border-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.border-black\/10{border-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.border-fun-ink-700{border-color:var(--color-fun-ink-700)}.border-ink-100{border-color:var(--color-ink-100)}.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)}}.bg-\[\#2AE881\]{background-color:#2ae881}.bg-\[\#D4FBE6\]{background-color:#d4fbe6}.bg-\[\#F0EDFF\]{background-color:#f0edff}.bg-\[\#F3F3F3\]{background-color:#f3f3f3}.bg-\[\#F7F8FA\]{background-color:#f7f8fa}.bg-\[\#FBE200\]{background-color:#fbe200}.bg-\[\#FF5F00\]{background-color:#ff5f00}.bg-\[\#FFDFCC\]{background-color:#ffdfcc}.bg-accent-green{background-color:var(--color-accent-green)}.bg-accent-yellow{background-color:var(--color-accent-yellow)}.bg-black{background-color:var(--color-black)}.bg-black\/15{background-color:#00000026}@supports (color:color-mix(in lab, red, red)){.bg-black\/15{background-color:color-mix(in oklab, var(--color-black) 15%, transparent)}}.bg-fun-surface-black{background-color:var(--color-fun-surface-black)}.bg-fun-surface-dark{background-color:var(--color-fun-surface-dark)}.bg-ink-100{background-color:var(--color-ink-100)}.bg-surface-light{background-color:var(--color-surface-light)}.bg-surface-white{background-color:var(--color-surface-white)}.bg-white{background-color:var(--color-white)}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.bg-white\/10{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.bg-white\/85{background-color:#ffffffd9}@supports (color:color-mix(in lab, red, red)){.bg-white\/85{background-color:color-mix(in oklab, var(--color-white) 85%, transparent)}}.box-decoration-clone{-webkit-box-decoration-break:clone;box-decoration-break:clone}.object-contain{object-fit:contain}.p-1{padding:calc(var(--spacing) * 1)}.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)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.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-8{padding-inline:calc(var(--spacing) * 8)}.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-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-20{padding-block:calc(var(--spacing) * 20)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pt-32{padding-top:calc(var(--spacing) * 32)}.pb-24{padding-bottom:calc(var(--spacing) * 24)}.text-center{text-align:center}.text-left{text-align:left}.font-cabinet{font-family:var(--font-cabinet)}.font-caveat{font-family:var(--font-caveat)}.font-dm{font-family:var(--font-dm)}.font-mono{font-family:var(--font-mono)}.font-rock-salt{font-family:var(--font-rock-salt)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.text-base{font-size:var(--text-base);line-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-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-body{font-size:var(--text-body)}.text-case-study-statement{font-size:var(--text-case-study-statement)}.text-fun-h3{font-size:var(--text-fun-h3)}.text-fun-h4{font-size:var(--text-fun-h4)}.text-h1{font-size:var(--text-h1)}.text-h4{font-size:var(--text-h4)}.leading-\[1\.05\]{--tw-leading:1.05;line-height:1.05}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.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-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-tighter{--tw-tracking:var(--tracking-tighter);letter-spacing:var(--tracking-tighter)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-\[\#2AE881\]{color:#2ae881}.text-accent-green{color:var(--color-accent-green)}.text-accent-orange{color:var(--color-accent-orange)}.text-black{color:var(--color-black)}.text-black\/10{color:#0000001a}@supports (color:color-mix(in lab, red, red)){.text-black\/10{color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.text-black\/25{color:#00000040}@supports (color:color-mix(in lab, red, red)){.text-black\/25{color:color-mix(in oklab, var(--color-black) 25%, transparent)}}.text-black\/35{color:#00000059}@supports (color:color-mix(in lab, red, red)){.text-black\/35{color:color-mix(in oklab, var(--color-black) 35%, transparent)}}.text-black\/40{color:#0006}@supports (color:color-mix(in lab, red, red)){.text-black\/40{color:color-mix(in oklab, var(--color-black) 40%, transparent)}}.text-black\/45{color:#00000073}@supports (color:color-mix(in lab, red, red)){.text-black\/45{color:color-mix(in oklab, var(--color-black) 45%, transparent)}}.text-black\/50{color:#00000080}@supports (color:color-mix(in lab, red, red)){.text-black\/50{color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.text-black\/55{color:#0000008c}@supports (color:color-mix(in lab, red, red)){.text-black\/55{color:color-mix(in oklab, var(--color-black) 55%, transparent)}}.text-black\/60{color:#0009}@supports (color:color-mix(in lab, red, red)){.text-black\/60{color:color-mix(in oklab, var(--color-black) 60%, transparent)}}.text-black\/65{color:#000000a6}@supports (color:color-mix(in lab, red, red)){.text-black\/65{color:color-mix(in oklab, var(--color-black) 65%, transparent)}}.text-black\/70{color:#000000b3}@supports (color:color-mix(in lab, red, red)){.text-black\/70{color:color-mix(in oklab, var(--color-black) 70%, transparent)}}.text-black\/75{color:#000000bf}@supports (color:color-mix(in lab, red, red)){.text-black\/75{color:color-mix(in oklab, var(--color-black) 75%, transparent)}}.text-fun-accent-red{color:var(--color-fun-accent-red)}.text-fun-accent-yellow{color:var(--color-fun-accent-yellow)}.text-fun-ink-50{color:var(--color-fun-ink-50)}.text-fun-ink-100{color:var(--color-fun-ink-100)}.text-fun-ink-300{color:var(--color-fun-ink-300)}.text-fun-ink-500{color:var(--color-fun-ink-500)}.text-ink-300{color:var(--color-ink-300)}.text-ink-500{color:var(--color-ink-500)}.text-ink-700{color:var(--color-ink-700)}.text-ink-800{color:var(--color-ink-800)}.text-ink-950{color:var(--color-ink-950)}.text-surface-white{color:var(--color-surface-white)}.text-white{color:var(--color-white)}.text-white\/30{color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.text-white\/30{color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.text-white\/45{color:#ffffff73}@supports (color:color-mix(in lab, red, red)){.text-white\/45{color:color-mix(in oklab, var(--color-white) 45%, transparent)}}.text-white\/60{color:#fff9}@supports (color:color-mix(in lab, red, red)){.text-white\/60{color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.text-white\/65{color:#ffffffa6}@supports (color:color-mix(in lab, red, red)){.text-white\/65{color:color-mix(in oklab, var(--color-white) 65%, 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)}}.uppercase{text-transform:uppercase}.italic{font-style:italic}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.decoration-1{text-decoration-thickness:1px}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-20{opacity:.2}.opacity-35{opacity:.35}.opacity-60{opacity:.6}.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-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);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_2px_16px_rgba\(0\,0\,0\,0\.06\)\]{--tw-shadow:0 2px 16px var(--tw-shadow-color,#0000000f);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_18px_60px_rgba\(0\,0\,0\,0\.07\)\]{--tw-shadow:0 18px 60px var(--tw-shadow-color,#00000012);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_18px_60px_rgba\(0\,0\,0\,0\.08\)\]{--tw-shadow:0 18px 60px var(--tw-shadow-color,#00000014);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_18px_60px_rgba\(0\,0\,0\,0\.09\)\]{--tw-shadow:0 18px 60px var(--tw-shadow-color,#00000017);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_20px_70px_rgba\(0\,0\,0\,0\.18\)\]{--tw-shadow:0 20px 70px var(--tw-shadow-color,#0000002e);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_25px_70px_rgba\(0\,0\,0\,0\.28\)\]{--tw-shadow:0 25px 70px var(--tw-shadow-color,#00000047);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-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px 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)}.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)}.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,)}.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,)}.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-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))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}@media (hover:hover){.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:border-black:hover{border-color:var(--color-black)}.hover\:bg-\[\#F3F3F3\]:hover{background-color:#f3f3f3}.hover\:text-black:hover{color:var(--color-black)}.hover\:text-fun-ink-50:hover{color:var(--color-fun-ink-50)}.hover\:text-ink-950:hover{color:var(--color-ink-950)}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-\[0_20px_50px_rgba\(0\,0\,0\,0\.08\)\]:hover{--tw-shadow:0 20px 50px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}@media not all and (min-width:64rem){.max-lg\:\[overflow-x\:clip\]{overflow-x:clip}}@media (min-width:48rem){.md\:col-span-1{grid-column:span 1/span 1}.md\:col-span-11{grid-column:span 11/span 11}.md\:col-span-12{grid-column:span 12/span 12}.md\:mt-6{margin-top:calc(var(--spacing) * 6)}.md\:mt-16{margin-top:calc(var(--spacing) * 16)}.md\:mt-24{margin-top:calc(var(--spacing) * 24)}.md\:flex{display:flex}.md\:inline{display:inline}.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\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:grid-cols-\[0\.8fr_1\.2fr\]{grid-template-columns:.8fr 1.2fr}.md\:grid-cols-\[0\.9fr_1\.1fr\]{grid-template-columns:.9fr 1.1fr}.md\:grid-cols-\[1fr_1\.1fr_1fr\]{grid-template-columns:1fr 1.1fr 1fr}.md\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.md\:grid-cols-\[1fr_auto_1\.1fr_auto_1fr\]{grid-template-columns:1fr auto 1.1fr auto 1fr}.md\:grid-cols-\[90px_1fr_1fr_1fr\]{grid-template-columns:90px 1fr 1fr 1fr}.md\:grid-cols-\[140px_1fr\]{grid-template-columns:140px 1fr}.md\:grid-cols-\[190px_1fr\]{grid-template-columns:190px 1fr}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:items-end{align-items:flex-end}.md\:items-start{align-items:flex-start}.md\:justify-between{justify-content:space-between}:where(.md\:space-y-20>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 20) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 20) * calc(1 - var(--tw-space-y-reverse)))}.md\:p-6{padding:calc(var(--spacing) * 6)}.md\:p-7{padding:calc(var(--spacing) * 7)}.md\:p-8{padding:calc(var(--spacing) * 8)}.md\:p-12{padding:calc(var(--spacing) * 12)}.md\:py-28{padding-block:calc(var(--spacing) * 28)}.md\:pt-12{padding-top:calc(var(--spacing) * 12)}.md\:pt-36{padding-top:calc(var(--spacing) * 36)}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.md\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.md\:text-case-study-statement{font-size:var(--text-case-study-statement)}}@media (min-width:64rem){.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:h-3{height:calc(var(--spacing) * 3)}.lg\:w-3{width:calc(var(--spacing) * 3)}.lg\:max-w-5xl{max-width:var(--container-5xl)}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:items-start{align-items:flex-start}.lg\:gap-2{gap:calc(var(--spacing) * 2)}.lg\:rounded-t-xl{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.lg\:px-4{padding-inline:calc(var(--spacing) * 4)}.lg\:py-3{padding-block:calc(var(--spacing) * 3)}}.leading-rock-salt{--tw-leading:var(--leading-rock-salt);line-height:var(--leading-rock-salt)}}body{font-family:var(--font-dm);color:var(--color-ink-950);background-color:var(--color-surface-white)}@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-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-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{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-ease{syntax:"*";inherits:false}
.sat-lms-demo{--color-primary:#006fee;--color-primary-dark:#0050b3;--color-primary-light:#2088ff;--color-primary-50:#eff6ff;--color-blue-50:#eff6ff;--color-blue-100:#dbeafe;--color-blue-200:#bfdbfe;--color-blue-500:#3b82f6;--color-blue-600:#2563eb;--color-blue-700:#1d4ed8;--color-success:#22c55e;--color-success-dark:#16a34a;--color-success-light:#4ade80;--color-success-50:#dcfce7;--color-green-100:#d1fae5;--color-green-400:#4ade80;--color-green-500:#22c55e;--color-green-600:#16a34a;--color-green-700:#15803d;--color-warning:#f59e0b;--color-warning-dark:#d97706;--color-warning-light:#fbbf24;--color-amber-50:#fffbeb;--color-amber-100:#fef3c7;--color-amber-400:#fbbf24;--color-amber-500:#f59e0b;--color-amber-600:#d97706;--color-amber-700:#b45309;--color-red:#f31260;--color-red-dark:#be123c;--color-red-light:#ff4d8d;--color-red-50:#fee2e2;--color-red-500:#ef4444;--color-purple:#8b5cf6;--color-purple-dark:#7c3aed;--color-purple-light:#a78bfa;--color-purple-100:#ede9fe;--color-purple-400:#a78bfa;--color-purple-500:#8b5cf6;--color-purple-600:#7c3aed;--color-purple-700:#6d28d9;--color-cyan:#0ea5e9;--color-cyan-dark:#0284c7;--color-cyan-light:#38bdf8;--color-cyan-100:#cffafe;--color-cyan-500:#06b6d4;--color-cyan-600:#0891b2;--color-cyan-700:#0e7490;--color-slate-50:#f8fafc;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-300:#cbd5e1;--color-slate-400:#94a3b8;--color-slate-500:#64748b;--color-slate-600:#475569;--color-slate-700:#334155;--color-slate-800:#1e293b;--color-slate-900:#0f172a;--text-primary:#11181c;--text-secondary:#71717a;--text-muted:#a1a1aa;--text-tertiary:#9ca3af;--text-inverse:#fff;--background:#fff;--background-card:#fff;--border:#e4e4e7;--border-default:#e4e4e7;--border-medium:#d1d5db;--overlay-light:#0000000a;--primary-alpha-10:#006fee1a;--primary-alpha-20:#006fee33;--gradient-primary:linear-gradient(90deg, #006fee 0%, #2088ff 100%);--gradient-success:linear-gradient(90deg, #22c55e 0%, #16a34a 100%);--gradient-warning:linear-gradient(90deg, #f59e0b 0%, #d97706 100%);--gradient-purple:linear-gradient(90deg, #8b5cf6 0%, #7c3aed 100%);--gradient-red:linear-gradient(90deg, #f31260 0%, #ff4d8d 100%);--gradient-cyan:linear-gradient(90deg, #0ea5e9 0%, #38bdf8 100%);--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-2xl:32px;--spacing-3xl:48px;--max-content-width:100%;--page-padding-x:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 8px 32px #00000026;--shadow-card:0 1px 3px #0000001a;--shadow-card-hover:0 4px 12px #00000014;--shadow-dropdown:0 4px 16px #0000001a;--shadow-subtle:0 2px 8px #0000000f;--shadow-medium:0 2px 8px #0000001a;--shadow-strong:0 2px 8px #00000026;--shadow-primary-sm:0 2px 8px #006fee4d;--shadow-primary-md:0 4px 12px #006fee66;--shadow-primary-lg:0 6px 16px #006fee66;--shadow-success-sm:0 4px 12px #22c55e40;--shadow-success:0 4px 12px #22c55e4d;--shadow-success-md:0 4px 14px #22c55e66;--shadow-success-lg:0 6px 20px #22c55e80;--shadow-warning:0 4px 12px #f59e0b4d;--shadow-warning-md:0 6px 16px #f59e0b66;--shadow-error-sm:0 2px 4px #dc26264d;--shadow-error:0 4px 12px #dc26264d;--shadow-error-md:0 4px 14px #dc262666;--shadow-purple:0 4px 12px #7c3aed4d;--shadow-purple-md:0 6px 16px #7c3aed66;--transition-fast:.15s ease;--transition-normal:.2s ease;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-base:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-heading:"Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-size-2xs:10px;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:32px;--font-size-display-48:48px;--font-size-display-60:60px;--font-size-h3:28px;--font-size-h4:22px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.7}@media (min-width:768px) and (max-width:1023px){.sat-lms-demo{--page-padding-x:20px}}@media (max-width:767px){.sat-lms-demo{--page-padding-x:16px}}
.activity-cards-wrapper{position:relative}.cards-scroll-fade{z-index:10;pointer-events:none;align-items:center;width:100px;display:flex;position:absolute;top:0;bottom:0}.cards-scroll-fade-left{background:linear-gradient(to right, var(--color-slate-50) 0%, var(--color-slate-50) 20%, transparent 100%);padding-left:var(--spacing-xs);justify-content:flex-start;left:0}.cards-scroll-fade-right{background:linear-gradient(to left, var(--color-slate-50) 0%, var(--color-slate-50) 20%, transparent 100%);padding-right:var(--spacing-xs);justify-content:flex-end;right:0}.cards-scroll-arrow{border-radius:var(--radius-full);cursor:pointer;width:40px;height:40px;color:var(--color-slate-500);box-shadow:var(--shadow-medium);transition:all var(--transition-fast);pointer-events:auto;background:#fff;border:1px solid #00000014;justify-content:center;align-items:center;display:flex}.cards-scroll-arrow:hover{color:#22c55e;box-shadow:var(--shadow-success-sm);background:#fff;border-color:#22c55e4d;transform:scale(1.05)}.activity-cards-container{gap:var(--spacing-xl);padding:var(--spacing-xl) var(--spacing-sm);scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory;scroll-behavior:smooth;align-items:stretch;display:flex;overflow-x:auto}.activity-cards-container::-webkit-scrollbar{display:none}.activity-card{border-radius:var(--radius-xl);width:260px;transition:all var(--transition-fast);padding:var(--spacing-md);box-shadow:var(--shadow-card-hover);scroll-snap-align:start;scroll-snap-stop:always;background:#fff;outline:none;flex-direction:column;flex:none;display:flex;position:relative;overflow:visible}@media (hover:hover) and (pointer:fine){.activity-card{cursor:pointer}.activity-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}}@media (hover:none),(pointer:coarse){.activity-card{cursor:default}}.activity-card:hover{transform:translateY(-3px)}.activity-card.current-card{z-index:5;margin:0 13px;transform:scale(1.1)}.activity-card.current-card:hover{transform:scale(1.1)translateY(-3px)}.activity-card-top{padding:var(--spacing-lg);border-radius:var(--radius-md);gap:var(--spacing-md);background:var(--color-slate-100);flex-direction:column;flex:1;display:flex}.activity-card.current-card .activity-card-top{background:#e6f7ef}.activity-card-header{justify-content:space-between;align-items:center;display:flex}.activity-card-number{border-radius:var(--radius-md);min-width:36px;height:32px;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:#16a34a;white-space:nowrap;background:#22c55e26;justify-content:center;align-items:center;padding:0 12px;display:flex}.activity-card.current-card .activity-card-number{color:#fff;box-shadow:var(--shadow-success);background:linear-gradient(135deg,#4ade80 0%,#22c55e 50%,#16a34a 100%)}.activity-card-body{justify-content:center;gap:var(--spacing-sm);flex-direction:column;flex:1;display:flex}.activity-card-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-slate-800);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-family:Inter,sans-serif;line-height:1.3;display:-webkit-box;overflow:hidden}.activity-card.completed-card{box-shadow:none;opacity:.7}.activity-card.completed-card .activity-card-top{background:var(--color-slate-100)}.activity-card.completed-card .activity-card-number{background:var(--color-slate-200);color:var(--color-slate-400)}.activity-card.completed-card .activity-card-name{color:var(--color-slate-400);text-decoration:line-through}.activity-card.completed-card .activity-card-type-chip,.activity-card.completed-card .activity-card-type-chip svg,.activity-card.completed-card .activity-card-time-spent{color:var(--color-slate-400)}.activity-card-type-chip{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-slate-500);align-items:center;gap:4px;width:fit-content;display:inline-flex}.activity-card-type-chip svg{width:14px;height:14px}.activity-card-remedial-descriptor{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-slate-500);margin-top:var(--spacing-xs);line-height:1.4}.activity-card-remedial-descriptor strong{font-weight:var(--font-weight-semibold);color:var(--color-slate-700)}.activity-card-footer{padding:var(--spacing-md);box-sizing:border-box;background:#fff;justify-content:space-between;align-items:center;width:100%;display:flex}.activity-card-time-stack{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.activity-card-time-spent{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-slate-700);align-items:center;gap:4px;display:flex}.activity-card-cta{border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);cursor:pointer;transition:all var(--transition-fast);border:none;align-items:center;gap:6px;padding:10px 20px;display:inline-flex;position:relative;overflow:hidden}.activity-card-cta:hover{transform:translateY(-1px)}.activity-card .activity-card-cta{color:var(--color-slate-900);box-shadow:none;background:#22c55e33}.activity-card.current-card .activity-card-cta{color:#fff;box-shadow:var(--shadow-success);background:linear-gradient(135deg,#4ade80 0%,#22c55e 50%,#16a34a 100%);animation:2s ease-in-out infinite ctaPulseGreen}.activity-card.current-card .activity-card-cta:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff4d 50%,#0000 100%);width:100%;height:100%;animation:2.5s ease-in-out infinite buttonShimmer;position:absolute;top:0;left:-100%}@keyframes ctaPulseGreen{0%,to{box-shadow:0 4px 12px #22c55e4d}50%{box-shadow:0 4px 20px #22c55e80,0 0 30px #22c55e33}}@keyframes buttonShimmer{0%{left:-100%}50%,to{left:100%}}.activity-card.current-card .activity-card-cta:hover{box-shadow:var(--shadow-success-md);animation:none}.activity-card.current-card .activity-card-cta:hover:after{animation:none}.activity-card.locked-card{cursor:pointer;filter:grayscale(.6);position:relative}.activity-card.locked-card:after{content:"";pointer-events:none;border-radius:var(--radius-xl);z-index:5;background:repeating-linear-gradient(-45deg,#0000,#0000 10px,#94a3b81a 10px 20px);position:absolute;inset:0}.activity-card-lock-badge{border-radius:var(--radius-full);color:#fff;z-index:10;width:36px;height:36px;box-shadow:var(--shadow-strong);background:#475569e6;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;right:12px}.activity-card.locked-card .activity-card-number{background:var(--color-slate-200);color:var(--color-slate-400)}.activity-card.locked-card .activity-card-name,.activity-card.locked-card .activity-card-type-chip,.activity-card.locked-card .activity-card-type-chip svg{color:var(--color-slate-400)}.activity-card.locked-card .activity-card-cta{background:var(--color-slate-200);color:var(--color-slate-500);box-shadow:none;cursor:pointer;animation:none}.activity-card-cta-lock-icon{flex-shrink:0;width:14px;height:14px}@media (max-width:767px){.activity-cards-container{scroll-padding-inline:40px}.cards-scroll-fade{width:40px;overflow:visible}.cards-scroll-fade-left{background:linear-gradient(to right, var(--color-slate-50) 0%, transparent 100%);padding-left:0}.cards-scroll-fade-right{background:linear-gradient(to left, var(--color-slate-50) 0%, transparent 100%);padding-right:0}.cards-scroll-arrow{width:36px;height:36px}}
.activity-line-item{align-items:center;gap:var(--spacing-md);padding:12px var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast), opacity .4s ease;font-size:var(--font-size-sm);color:var(--color-slate-600);width:100%;display:flex;position:relative;overflow:hidden}.activity-line-item:hover{background:#f1f6fe}.activity-line-item.in-progress{color:var(--color-slate-700)}.activity-line-item.in-progress .activity-line-name{font-weight:var(--font-weight-semibold)}.activity-line-item.last-visited-persistent{margin:var(--spacing-xs) 0;border-radius:var(--radius-md);color:var(--color-slate-700);background:linear-gradient(135deg,#22c55e14 0%,#22c55e08 100%);border:1px solid #22c55e38}.activity-line-item.last-visited-persistent .activity-line-name{font-weight:var(--font-weight-semibold)}.activity-line-item.last-visited-persistent:hover{background:linear-gradient(135deg,#22c55e1a 0%,#22c55e0d 100%)}.activity-line-item.not-started,.activity-line-item.not-started .activity-line-name,.activity-line-item.not-started .activity-line-number{color:var(--color-slate-400)}.activity-line-item.not-started .activity-line-type-icon{opacity:.5}.activity-line-item.not-started .activity-line-status{color:#94a3b84d}.activity-line-type-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.activity-line-type-icon svg{width:16px;height:16px}.activity-line-type-icon.concept{color:var(--color-primary)}.activity-line-type-icon.skill{color:#d97706}.activity-line-type-icon.uqe{color:#16a34a}.activity-line-type-icon.module-mock{color:#7c3aed}.activity-line-type-icon.remedial{color:#dc2626}.activity-line-type-icon.revision{color:#ea580c}.activity-line-type-icon.cementing{color:#0891b2}.activity-line-number{min-width:36px;display:inline-block;position:relative}.activity-line-name{color:var(--color-slate-900);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;position:relative;overflow:hidden}.activity-line-name-content{align-items:center;gap:var(--spacing-sm);flex-direction:row;flex:1;display:flex}.activity-line-dot-separator{color:var(--color-slate-300);font-size:var(--font-size-base);font-weight:var(--font-weight-normal)}.activity-line-time-badge-wrapper{align-items:center;display:inline-flex}.activity-line-time-badge-desktop{display:inline-flex}.activity-line-time-badge-mobile{display:none}.activity-line-grade-wrapper{align-items:center;display:inline-flex}.activity-line-score{text-align:right;min-width:36px;color:var(--color-slate-400);margin-right:var(--spacing-md)}.activity-line-time{text-align:right;min-width:40px;color:var(--color-slate-400);margin-left:var(--spacing-md);margin-right:var(--spacing-md)}.activity-line-right-content{align-items:center;gap:var(--spacing-md);flex-shrink:0;display:flex}.activity-line-status{flex-shrink:0;justify-content:center;align-items:center;width:18px;display:flex}.activity-line-status svg{width:16px;height:16px}.activity-line-name-wrapper{align-items:center;gap:var(--spacing-sm);flex:1;min-width:0;display:flex}.activity-line-item.highlighted-activity{border:2px solid var(--color-success);margin:var(--spacing-xs) 0;background:linear-gradient(135deg,#22c55e14 0%,#22c55e0a 100%);animation:2s ease-in-out infinite highlightPulse;position:relative;overflow:visible}.activity-line-item.highlighted-activity:after{background:var(--color-success);color:#fff;font-size:var(--font-size-xs,12px);font-weight:var(--font-weight-semibold);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;position:absolute;top:-8px;right:12px}.activity-line-item.highlighted-activity.highlight-new:after{content:"New"}.activity-line-item.highlighted-activity.highlight-last-visited:after{content:"Last Visited";background:var(--color-success)}@keyframes highlightPulse{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 6px #22c55e00}}.activity-line-item.locked{cursor:pointer;position:relative}.activity-line-item.locked .activity-line-name,.activity-line-item.locked .activity-line-number{color:var(--color-slate-400)}.activity-line-item.locked .activity-line-status{background:var(--color-slate-100);border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-slate-400);position:relative;overflow:hidden}.activity-line-item.locked .activity-line-status:before{content:"";pointer-events:none;border-radius:var(--radius-sm);background:repeating-linear-gradient(-45deg,#0000,#0000 3px,#94a3b833 3px 6px);position:absolute;inset:0}.activity-line-item.locked .activity-line-status svg{z-index:1;position:relative}.activity-line-item.locked:hover{background:0 0}.activity-line-item.locked:before{content:"";border-radius:var(--radius-md);pointer-events:none;opacity:0;transition:opacity var(--transition-fast);background:repeating-linear-gradient(-45deg,#0000,#0000 6px,#94a3b814 6px 12px);position:absolute;inset:0}.activity-line-item.locked:hover:before{opacity:1}.activity-line-item.locked .activity-line-score,.activity-line-item.locked .activity-line-grade-wrapper,.activity-line-item.locked .activity-line-time{display:none}.activity-line-item.pace-shaded{cursor:pointer;overflow:visible}.activity-line-item.pace-shaded>:not(.shaded-click-tooltip){opacity:.3;transition:opacity .4s}.activity-line-item.pace-shaded:hover>:not(.shaded-click-tooltip){opacity:.45}.activity-line-item.pace-shaded:hover{background:#94a3b80f}.activity-line-item.pace-shaded.pace-animate-in{overflow:hidden}.activity-line-item.pace-shaded .activity-line-type-icon{opacity:.3}.activity-line-item.pace-shaded .activity-line-status{color:#94a3b8}.activity-line-item.pace-shaded .activity-line-status svg{width:16px;height:16px}.activity-line-item.pace-shaded .activity-line-number.struck,.activity-line-item.pace-shaded .activity-line-name.struck{color:#64748b;-webkit-text-decoration:line-through #94a3b8;text-decoration:line-through #94a3b8;text-decoration-thickness:1px;position:relative}.activity-line-item.pace-shaded .time-badge-shaded{opacity:.8}.activity-line-item.pace-shaded .time-badge-shaded .time-badge{color:#94a3b8;-webkit-text-decoration:line-through #94a3b8;text-decoration:line-through #94a3b8}.skipped-badge{font-size:var(--font-size-xs,12px);color:#64748b;white-space:nowrap;background:#94a3b826;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-weight:600;display:inline-flex}.skipped-badge__icon{font-size:var(--font-size-xs,12px)}.skipped-badge__text-short,.activity-line-item.pace-shaded .activity-line-score,.activity-line-item.pace-shaded .activity-line-grade-wrapper,.activity-line-item.pace-shaded .activity-line-time{display:none}.activity-line-item.pace-shaded.pace-animate-in:before{content:"";width:100%;height:100%;animation:.5s ease-out forwards paceWhoosh;animation-delay:var(--animation-delay,0s);pointer-events:none;z-index:1;background:linear-gradient(90deg,#0000,#22c55e33,#0000);position:absolute;top:0;left:-100%}@keyframes paceWhoosh{0%{left:-100%}to{left:100%}}.activity-line-item.pace-shaded.pace-animate-in .activity-line-number.struck,.activity-line-item.pace-shaded.pace-animate-in .activity-line-name.struck{text-decoration:none}.activity-line-item.pace-shaded.pace-animate-in .activity-line-number.struck:after,.activity-line-item.pace-shaded.pace-animate-in .activity-line-name.struck:after{content:"";width:0;height:1px;animation:.4s ease-out forwards strikethroughDraw;animation-delay:var(--animation-delay,0s);background:#94a3b8;position:absolute;top:50%;left:0}@keyframes strikethroughDraw{0%{width:0}to{width:100%}}.shaded-click-tooltip{z-index:100;align-items:flex-start;gap:var(--spacing-sm);background:var(--color-slate-800);color:var(--color-slate-100);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);line-height:var(--line-height-relaxed);text-align:left;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);pointer-events:auto;box-sizing:border-box;max-width:480px;display:flex;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 2px 8px #00000026}.shaded-click-tooltip__text{flex:1}.shaded-click-tooltip__dismiss{color:var(--color-slate-400);font-size:var(--font-size-base);cursor:pointer;padding:0 0 0 var(--spacing-xs);transition:color var(--transition-fast);background:0 0;border:none;flex-shrink:0;line-height:1}.shaded-click-tooltip__dismiss:hover{color:var(--color-slate-100)}.shaded-click-tooltip:before{content:"";border-left:6px solid #0000;border-right:6px solid #0000;border-bottom:6px solid var(--color-slate-800);width:0;height:0;position:absolute;top:-5px;left:24px}@media (max-width:767px){.activity-line-item{border-bottom:1px solid var(--color-slate-100);padding:var(--spacing-lg) var(--spacing-md);border-radius:0;gap:20px}.activity-line-item:last-child{border-bottom:none}.activity-line-type-icon,.activity-number-prefix{display:none}.activity-number-serial:after{content:"."}.activity-line-number{min-width:auto}.activity-line-time-badge-desktop{display:none}.activity-line-time-badge-mobile{display:inline-flex}.activity-line-dot-separator{display:none}.activity-line-name-wrapper{align-items:flex-start}.activity-line-name-content{align-items:flex-start;gap:var(--spacing-xs);flex-direction:column}.activity-line-right-content{justify-content:flex-end;gap:var(--spacing-xs)}.activity-line-score,.activity-line-time{display:none}.activity-line-grade-wrapper,.activity-line-status{justify-content:center;align-items:center;min-width:20px;display:inline-flex}.activity-line-item:has(.activity-line-grade-wrapper) .activity-line-status{display:none}.activity-line-item.in-progress,.activity-line-item.last-visited-persistent{background:0 0;border-radius:0;margin:0}.activity-line-item.last-visited-persistent:hover{background:0 0}.skipped-badge{padding:2px 6px}.skipped-badge__text-full{display:none}.skipped-badge__text-short{display:inline}}@media (min-width:768px) and (max-width:1023px){.activity-number-prefix{display:none}.activity-number-serial:after{content:"."}.activity-line-number{min-width:auto}.activity-line-type-icon,.activity-line-time-badge-desktop{display:none}.activity-line-time-badge-mobile{display:inline-flex}.activity-line-dot-separator{display:none}.activity-line-name-wrapper{align-items:flex-start}.activity-line-name-content{align-items:flex-start;gap:var(--spacing-xs);flex-direction:column}.activity-line-right-content{gap:var(--spacing-sm)}}
.awm-modal{--awm-header-from:var(--color-amber-50);--awm-header-to:var(--color-amber-100);--awm-icon-from:var(--color-warning);--awm-icon-to:var(--color-amber-600);--awm-accent:var(--color-warning);--awm-accent-dark:var(--color-amber-600);--awm-icon-shadow:var(--shadow-warning-lg);--awm-btn-shadow:var(--shadow-warning-md);--awm-btn-shadow-hover:var(--shadow-warning-lg)}.awm--blue{--awm-header-from:var(--color-blue-50);--awm-header-to:var(--color-primary-50);--awm-icon-from:var(--color-blue-500);--awm-icon-to:var(--color-blue-600);--awm-accent:var(--color-blue-500);--awm-accent-dark:var(--color-blue-600);--awm-icon-shadow:0 6px 20px #3b82f673;--awm-btn-shadow:0 6px 16px #3b82f659;--awm-btn-shadow-hover:0 6px 20px #3b82f680}.awm--green{--awm-header-from:var(--color-success-50);--awm-header-to:var(--color-green-100);--awm-icon-from:var(--color-green-500);--awm-icon-to:var(--color-green-600);--awm-accent:var(--color-green-500);--awm-accent-dark:var(--color-green-600);--awm-icon-shadow:0 6px 20px #22c55e73;--awm-btn-shadow:0 6px 16px #22c55e59;--awm-btn-shadow-hover:0 6px 20px #22c55e80}.awm--red{--awm-header-from:var(--color-red-50);--awm-header-to:var(--color-red-50);--awm-icon-from:var(--color-red-500);--awm-icon-to:var(--color-red-dark);--awm-accent:var(--color-red-500);--awm-accent-dark:var(--color-red-dark);--awm-icon-shadow:var(--shadow-error-md);--awm-btn-shadow:var(--shadow-error-md);--awm-btn-shadow-hover:0 6px 20px #dc262680}.awm-backdrop{-webkit-backdrop-filter:blur(8px);z-index:1000;padding:var(--spacing-xl);animation:awmFadeIn var(--transition-normal) ease-out;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes awmFadeIn{0%{opacity:0}to{opacity:1}}.awm-modal{background:var(--background);border-radius:var(--radius-xl);width:100%;max-width:600px;box-shadow:var(--shadow-lg);animation:awmSlideUp var(--transition-normal) ease-out;position:relative;overflow:visible}@keyframes awmSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.awm-close{background:var(--background);cursor:pointer;color:var(--color-slate-400);border-radius:var(--radius-full);transition:all var(--transition-fast);z-index:10;width:36px;height:36px;box-shadow:var(--shadow-md);border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:-12px;right:-12px}.awm-close:hover{background:var(--background);color:var(--color-slate-600);transform:scale(1.05)}.awm-close:focus-visible{outline:2px solid var(--awm-accent);outline-offset:2px}.awm-header{background:linear-gradient(150deg, var(--awm-header-from) 0%, var(--awm-header-to) 100%);padding:var(--spacing-3xl) var(--spacing-3xl) var(--spacing-2xl);text-align:center;border-radius:var(--radius-xl) var(--radius-xl) 0 0;position:relative}.awm-icon-wrapper{background:linear-gradient(135deg, var(--awm-icon-from) 0%, var(--awm-icon-to) 100%);border-radius:var(--radius-lg);width:72px;height:72px;margin-bottom:var(--spacing-lg);color:var(--text-inverse);box-shadow:var(--awm-icon-shadow);justify-content:center;align-items:center;display:inline-flex;position:relative}.awm-title{font-family:var(--font-family-heading);font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);color:var(--color-slate-800);line-height:var(--line-height-tight);margin:0 0 var(--spacing-xs) 0;letter-spacing:-.02em}.awm-subtitle{font-size:var(--font-size-sm);color:var(--color-slate-600);margin:0}.awm-content{padding:var(--spacing-2xl) var(--spacing-3xl);justify-content:center;display:flex}.awm-content-inner{width:100%;max-width:100%}.awm-body{font-size:var(--font-size-base);color:var(--color-slate-600);text-align:center;margin:0 0 var(--spacing-xl) 0;line-height:var(--line-height-relaxed)}.awm-body strong{color:var(--color-slate-800)}.awm-highlight-danger{color:var(--color-red-500)!important}.awm-progress-card{background:var(--color-slate-50);border-radius:var(--radius-lg);padding:var(--spacing-lg) var(--spacing-xl)}.awm-progress-header{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.awm-progress-label{font-size:var(--font-size-sm);color:var(--color-slate-500)}.awm-progress-count{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-slate-700)}.awm-progress-count--danger{color:var(--color-red-500)}.awm-progress-bar{background:var(--color-slate-200);border-radius:var(--radius-full);height:8px;overflow:hidden}.awm-progress-fill{background:linear-gradient(90deg, var(--color-success) 0%, var(--color-success) 100%);border-radius:var(--radius-full);height:100%;transition:width var(--transition-normal) ease-out}.awm-progress-fill--danger{background:linear-gradient(90deg, var(--color-red-500) 0%, var(--color-red-dark))}.awm-progress-hint{align-items:flex-start;gap:var(--spacing-xs);margin-top:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-slate-700);display:flex}.awm-progress-hint svg{color:var(--awm-accent);flex-shrink:0;margin-top:2px}.awm-progress-hint strong{color:var(--awm-accent-dark);font-weight:var(--font-weight-bold)}.awm-actions{padding:var(--spacing-xl) var(--spacing-3xl) var(--spacing-3xl);background:var(--color-slate-50);border-top:1px solid var(--color-slate-100);border-radius:0 0 var(--radius-xl) var(--radius-xl);justify-content:center;display:flex}.awm-actions-inner{gap:var(--spacing-lg);grid-template-columns:minmax(auto,1fr) minmax(auto,1fr);width:100%;display:grid}.awm-btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);white-space:nowrap;cursor:pointer;transition:all var(--transition-fast);border:none;flex:1;display:inline-flex}.awm-btn--primary{background:linear-gradient(135deg, var(--awm-accent) 0%, var(--awm-accent-dark) 100%);color:var(--text-inverse);box-shadow:var(--awm-btn-shadow)}.awm-btn--primary:hover{box-shadow:var(--awm-btn-shadow-hover);transform:translateY(-2px)}.awm-btn--primary:focus-visible{outline:2px solid var(--awm-accent);outline-offset:2px}.awm-btn--secondary{background:var(--background);color:var(--color-slate-700);border:1px solid var(--color-slate-200)}.awm-btn--secondary:hover{background:var(--color-slate-50);border-color:var(--color-slate-300)}.awm-btn--secondary:focus-visible{outline:2px solid var(--color-slate-400);outline-offset:2px}@media (min-width:768px) and (max-width:1023px){.awm-modal{max-width:500px}.awm-close{top:var(--spacing-md);right:var(--spacing-md);width:32px;height:32px;box-shadow:var(--shadow-sm);background:#ffffffe6}.awm-header{padding:var(--spacing-2xl) var(--spacing-xl) var(--spacing-xl);padding-top:var(--spacing-3xl)}.awm-icon-wrapper{width:60px;height:60px}.awm-content{padding:var(--spacing-lg) var(--spacing-xl)}.awm-actions{padding:var(--spacing-lg) var(--spacing-xl) var(--spacing-2xl)}}@media (max-width:767px){.awm-backdrop{padding:var(--spacing-xl);justify-content:center;align-items:center}.awm-modal{max-width:calc(100% - var(--spacing-lg));border-radius:var(--radius-xl);max-height:90vh;margin:var(--spacing-sm);overflow-y:auto}.awm-close{top:var(--spacing-md);right:var(--spacing-md);width:32px;height:32px;box-shadow:var(--shadow-sm);background:#ffffffe6}.awm-header{padding:var(--spacing-3xl) var(--spacing-xl) var(--spacing-2xl);text-align:center}.awm-icon-wrapper{width:56px;height:56px;margin-bottom:var(--spacing-md)}.awm-icon-wrapper svg{width:26px;height:26px}.awm-title{font-size:var(--font-size-h4)}.awm-content{padding:var(--spacing-xl)}.awm-progress-card{padding:var(--spacing-md) var(--spacing-lg)}.awm-actions{padding:var(--spacing-lg) var(--spacing-xl) var(--spacing-2xl)}.awm-actions-inner{gap:var(--spacing-md);grid-template-columns:1fr}.awm-btn{width:100%;padding:var(--spacing-md) var(--spacing-lg)}.awm-btn--secondary{order:-1}}@media (prefers-reduced-motion:reduce){.awm-backdrop,.awm-modal{animation:none}.awm-progress-fill{transition:none}.awm-btn--primary:hover,.awm-close:hover{transform:none}}
.course-journey-track{padding:var(--spacing-lg) var(--spacing-xl);z-index:10;position:relative}.journey-stats-row{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);display:flex}.journey-percent{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-slate-800)}.journey-percent-label{font-size:var(--font-size-sm);color:var(--color-slate-500)}.journey-dot-separator{color:var(--color-slate-300);font-size:var(--font-size-lg)}.journey-module-count{font-size:var(--font-size-sm)}.journey-completed-count{font-weight:var(--font-weight-semibold);color:var(--color-slate-800)}.journey-total-count{color:var(--color-slate-400)}.journey-modules-label{color:var(--color-slate-500);margin-left:var(--spacing-xs)}.journey-current-stage-pill{padding:4px var(--spacing-md);border-radius:var(--radius-full);background:#006fee14;align-items:center;gap:6px;display:flex}.journey-pulse-dot{background:var(--color-primary);border-radius:50%;width:6px;height:6px;animation:2s cubic-bezier(.4,0,.6,1) infinite journeyPulse}@keyframes journeyPulse{0%,to{opacity:1}50%{opacity:.5}}.journey-stage-text{font-size:var(--font-size-xs,12px);font-weight:var(--font-weight-semibold);color:var(--color-primary);letter-spacing:.3px}.course-journey-track.completed{border-radius:var(--radius-xl);background:linear-gradient(135deg,#22c55e0a 0%,#16a34a05 100%);position:relative}.course-journey-track.completed:before{content:"";top:0;left:var(--spacing-xl);right:var(--spacing-xl);border-radius:0 0 var(--radius-sm) var(--radius-sm);background:linear-gradient(90deg,#0000 0%,#22c55e 20%,#16a34a 50%,#22c55e 80%,#0000 100%);height:3px;position:absolute}.journey-stats-completed{gap:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);background:#22c55e14;margin-right:auto}.journey-complete-badge{color:#22c55e;flex-shrink:0}.journey-completion-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-success-dark)}.journey-completion-modules{font-size:var(--font-size-sm);color:var(--color-slate-600);font-weight:var(--font-weight-medium)}.course-journey-track.completed .journey-dot{background:#10b981;border-color:#10b981}.course-journey-track.completed .journey-stage-label{color:var(--color-success-dark)}.course-journey-track.completed .journey-track-fill{width:100%!important}.course-journey-track.completed .mobile-stage-circle{box-shadow:var(--shadow-success-sm);background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%)}.course-journey-track.completed .mobile-stage-circle .mobile-stage-icon{color:#fff}.course-journey-track.completed .mobile-stage-connector{background:linear-gradient(90deg,#22c55e 0%,#16a34a 100%)}.journey-stage-labels{justify-content:space-between;align-items:center;margin-bottom:4px;padding:0 8px;display:flex}.journey-stage-label-container{text-align:center;flex:1}.journey-stage-label{font-size:var(--font-size-xs,12px);font-weight:var(--font-weight-medium);color:var(--color-slate-400);letter-spacing:.3px;transition:all var(--transition-fast)}.journey-stage-label.completed{color:var(--color-success-dark)}.journey-stage-label.current{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.journey-track-container{padding:10px 0;position:relative}.journey-track-bg{background:var(--color-slate-200);border-radius:var(--radius-full);height:3px;position:absolute;top:50%;left:8px;right:8px;transform:translateY(-50%)}.journey-track-fill{border-radius:var(--radius-full);background:linear-gradient(90deg,#10b981 0%,#059669 100%);height:3px;transition:width .5s;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.journey-dots-row{justify-content:space-between;align-items:center;gap:16px;padding:0 8px;display:flex;position:relative}.journey-stage-dots{flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.journey-dot{border:2px solid var(--color-slate-300);z-index:10;background:#fff;border-radius:50%;flex-shrink:0;width:12px;height:12px;transition:all .3s;position:relative}.journey-dot.completed{background:#10b981;border-color:#10b981}.journey-dot.current{background:var(--color-primary);border-color:var(--color-primary);width:16px;height:16px;box-shadow:0 0 0 3px #006fee26,0 2px 6px #006fee4d}.journey-dot.skipped{cursor:help;background:#fef3c7;border-color:#f59e0b;justify-content:center;align-items:center;display:flex}.journey-dot-warning-icon{color:#d97706;flex-shrink:0}.journey-dot.skipped:hover{background:#fde68a;border-color:#d97706;transform:scale(1.1)}.journey-pace-row{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md);border-radius:var(--radius-xl);background:linear-gradient(135deg,#22c55e14 0%,#16a34a0d 100%);border:1px solid #22c55e26;justify-content:space-between;align-items:center;padding:20px 24px;transition:all .3s;display:flex;position:relative;overflow:hidden}.journey-pace-row.pace-whoosh:after{content:"";pointer-events:none;z-index:10;border-radius:inherit;background:linear-gradient(90deg,#0000,#22c55e40,#0000);width:100%;height:100%;animation:.6s ease-out forwards journeyPaceWhoosh;position:absolute;top:0;left:-100%}@keyframes journeyPaceWhoosh{0%{left:-100%}to{left:100%}}.journey-pace-row.pace-off{background:linear-gradient(135deg,#64748b14 0%,#4755690d 100%);border:1px solid #64748b26}.journey-pace-desktop{justify-content:space-between;align-items:center;width:100%;display:flex}.journey-pace-mobile{display:none}.journey-pace-left{align-items:center;gap:var(--spacing-sm);display:flex}.journey-pace-lightning{color:var(--color-success);align-items:center;transition:all .3s;display:flex}.journey-pace-row.pace-off .journey-pace-lightning{filter:grayscale();opacity:.4}.journey-pace-title{font-size:var(--font-size-h4);color:#1e293b;font-weight:700;transition:color .3s}.journey-pace-row.pace-off .journey-pace-title{color:#94a3b8}.journey-pace-metrics{align-items:center;gap:var(--spacing-md);margin-left:var(--spacing-lg);display:flex}.journey-pace-metric{font-size:var(--font-size-lg);align-items:baseline;gap:6px;display:inline-flex}.journey-pace-value{font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;transition:color .3s}.journey-pace-value--blue{color:#1e79f2}.journey-pace-value--green{color:var(--color-success)}.journey-pace-row.pace-off .journey-pace-value--blue,.journey-pace-row.pace-off .journey-pace-value--green{color:var(--color-slate-400)}.journey-pace-label{color:#64748b;transition:color .3s}.journey-pace-row.pace-off .journey-pace-label{color:#94a3b8}.journey-pace-dot{color:#cbd5e1;margin:0 4px}.journey-pace-row.pace-off .journey-pace-dot{color:#e2e8f0}.journey-pace-toggle{cursor:pointer;box-shadow:var(--shadow-medium);background:linear-gradient(135deg,#94a3b8 0%,#64748b 100%);border:none;border-radius:100px;align-items:center;gap:12px;padding:10px 14px 10px 18px;transition:all .25s;display:flex}.journey-pace-toggle--on{box-shadow:var(--shadow-success);background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%)}.journey-pace-toggle:hover{box-shadow:var(--shadow-strong);transform:translateY(-1px)}.journey-pace-toggle--on:hover{box-shadow:var(--shadow-success-md)}.journey-pace-toggle:focus{outline:none;box-shadow:0 0 0 3px #22c55e66,0 4px 12px #22c55e4d}.journey-pace-toggle-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#fff}.journey-pace-toggle-switch{background:#ffffff4d;border-radius:100px;width:44px;height:26px;position:relative}.journey-pace-toggle-knob{width:22px;height:22px;box-shadow:var(--shadow-strong);background:#fff;border-radius:50%;transition:transform .2s cubic-bezier(.4,0,.2,1);position:absolute;top:2px;left:2px}.journey-pace-toggle--on .journey-pace-toggle-knob{transform:translate(18px)}.journey-stats-toggle{justify-content:center;align-items:center;gap:var(--spacing-sm);width:100%;margin-top:var(--spacing-sm);padding:10px var(--spacing-lg);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-xs,12px);font-weight:var(--font-weight-medium);color:var(--color-primary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;display:flex}.journey-stats-toggle:hover{background:#006fee0d}.journey-stats-toggle.expanded{background:0 0}.journey-stats-toggle.expanded:hover{background:#006fee0d}.journey-stats-toggle svg{color:inherit;flex-shrink:0}.journey-stats-panel{background:0 0;max-height:0;transition:max-height .4s ease-out,padding .3s;overflow:hidden}.journey-stats-panel.expanded{max-height:400px;padding:var(--spacing-lg) 0 0}.journey-mobile-track{display:none}@media (max-width:767px){.journey-stats-row{margin-bottom:var(--spacing-md);flex-wrap:wrap;gap:6px}.journey-percent{font-size:var(--font-size-h3,26px)}.journey-percent-label,.journey-module-count,.journey-modules-label{font-size:var(--font-size-xs,12px)}.journey-current-stage-pill{padding:3px 10px}.journey-desktop-only{display:none!important}.journey-mobile-track{justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-xl);padding:0 4px;display:flex}.journey-stats-toggle{margin-top:var(--spacing-lg)}.journey-stats-panel.expanded{max-height:800px}.mobile-journey-stage-container{flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.mobile-stage-wrapper{z-index:2;flex-direction:column;align-items:center;display:flex}.mobile-stage-circle{background:#f1f5f9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.mobile-stage-circle.completed{box-shadow:var(--shadow-success-sm);background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%)}.mobile-stage-circle.completed .mobile-stage-icon{color:#fff}.mobile-stage-circle.current{background:linear-gradient(135deg,#006fee 0%,#0052cc 100%);box-shadow:0 4px 16px #006fee4d,0 0 0 4px #006fee1a}.mobile-stage-circle.current .mobile-stage-icon{color:#fff}.mobile-stage-circle .mobile-stage-icon{color:#94a3b8}.mobile-stage-label{display:none}.mobile-stage-connector{z-index:1;background:#e2e8f0;border-radius:2px;width:calc(100% - 4px);height:3px;position:absolute;top:22px;left:50%;transform:translateY(-50%)}.mobile-stage-connector.filled{background:linear-gradient(90deg,#22c55e 0%,#16a34a 100%)}.journey-pace-row,.journey-pace-desktop{display:none}.journey-pace-mobile{justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.journey-pace-mobile-logo{flex-shrink:0;align-items:center;transition:all .3s;display:flex}.journey-pace-row.pace-off .journey-pace-mobile-logo{filter:grayscale();opacity:.5}.journey-pace-mobile-separator{background:var(--color-slate-300);flex-shrink:0;width:1px;height:28px}.journey-pace-mobile-time{color:var(--color-slate-600);flex:1;align-items:center;gap:6px;display:flex}.journey-pace-mobile-time svg{color:var(--color-success);flex-shrink:0}.journey-pace-mobile-time-value{color:var(--color-success);font-weight:700;font-size:var(--font-size-base)}.journey-pace-mobile-time-label{font-size:var(--font-size-sm);color:var(--color-slate-500)}.journey-pace-row.pace-off .journey-pace-mobile-time svg,.journey-pace-row.pace-off .journey-pace-mobile-time-value,.journey-pace-row.pace-off .journey-pace-mobile-time-label{color:var(--color-slate-400)}.journey-pace-mobile-toggle{background:var(--color-slate-300);cursor:pointer;border:none;border-radius:100px;flex-shrink:0;width:48px;height:28px;padding:0;transition:background .2s;position:relative}.journey-pace-mobile-toggle--on{background:var(--color-success)}.journey-pace-mobile-toggle-knob{width:24px;height:24px;box-shadow:var(--shadow-strong);background:#fff;border-radius:50%;transition:transform .2s cubic-bezier(.4,0,.2,1);position:absolute;top:2px;left:2px}.journey-pace-mobile-toggle--on .journey-pace-mobile-toggle-knob{transform:translate(20px)}}@media (min-width:768px) and (max-width:1023px){.journey-desktop-only{display:none!important}.journey-mobile-track{justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-xl);padding:0 var(--spacing-md);display:flex}.journey-stats-panel.expanded{max-height:800px}.mobile-journey-stage-container{flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.mobile-stage-wrapper{z-index:2;flex-direction:column;align-items:center;display:flex}.mobile-stage-circle{background:#f1f5f9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.mobile-stage-circle.completed{box-shadow:var(--shadow-success-sm);background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%)}.mobile-stage-circle.completed .mobile-stage-icon{color:#fff}.mobile-stage-circle.current{background:linear-gradient(135deg,#006fee 0%,#0052cc 100%);box-shadow:0 4px 16px #006fee4d,0 0 0 4px #006fee1a}.mobile-stage-circle.current .mobile-stage-icon{color:#fff}.mobile-stage-circle .mobile-stage-icon{color:#94a3b8}.mobile-stage-label{display:none}.mobile-stage-connector{z-index:1;background:#e2e8f0;border-radius:2px;width:calc(100% - 4px);height:3px;position:absolute;top:26px;left:50%;transform:translateY(-50%)}.mobile-stage-connector.filled{background:linear-gradient(90deg,#22c55e 0%,#16a34a 100%)}.journey-pace-row,.journey-pace-desktop{display:none}.journey-pace-mobile{justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.journey-pace-mobile-logo{flex-shrink:0;align-items:center;transition:all .3s;display:flex}.journey-pace-row.pace-off .journey-pace-mobile-logo{filter:grayscale();opacity:.5}.journey-pace-mobile-separator{background:var(--color-slate-300);flex-shrink:0;width:1px;height:28px}.journey-pace-mobile-time{flex:1;align-items:center;gap:6px;display:flex}.journey-pace-mobile-time svg{color:var(--color-success);flex-shrink:0}.journey-pace-mobile-time-value{color:var(--color-success);font-weight:700;font-size:var(--font-size-base)}.journey-pace-mobile-time-label{font-size:var(--font-size-sm);color:var(--color-slate-500)}.journey-pace-row.pace-off .journey-pace-mobile-time svg,.journey-pace-row.pace-off .journey-pace-mobile-time-value,.journey-pace-row.pace-off .journey-pace-mobile-time-label{color:var(--color-slate-400)}.journey-pace-mobile-toggle{background:var(--color-slate-300);cursor:pointer;border:none;border-radius:100px;flex-shrink:0;width:48px;height:28px;padding:0;transition:background .2s;position:relative}.journey-pace-mobile-toggle--on{background:var(--color-success)}.journey-pace-mobile-toggle-knob{width:24px;height:24px;box-shadow:var(--shadow-strong);background:#fff;border-radius:50%;transition:transform .2s cubic-bezier(.4,0,.2,1);position:absolute;top:2px;left:2px}.journey-pace-mobile-toggle--on .journey-pace-mobile-toggle-knob{transform:translate(20px)}}
.blocks-section{gap:var(--spacing-md);flex-direction:column;display:flex}.block-card{border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform var(--transition-normal), box-shadow var(--transition-normal), filter var(--transition-normal);filter:drop-shadow(0 4px 16px #0000001a);background:#fffffff2;overflow:visible;box-shadow:0 8px 30px -8px #006fee26}.block-card.collapsed{filter:drop-shadow(0 1px 3px #0000000a);box-shadow:none;background:#ffffffb3}.block-card.collapsed:hover{filter:drop-shadow(0 2px 6px #0000000f);transform:translateY(-1px);box-shadow:0 4px 12px #006fee14}.block-header{padding:var(--spacing-xl);cursor:pointer;border-radius:var(--radius-lg);margin:var(--spacing-sm);background:linear-gradient(135deg,#eef4fc 0%,#ddeaf8 100%);justify-content:space-between;align-items:center;display:flex;position:relative;overflow:visible}.block-card.collapsed .block-header{border-radius:var(--radius-xl);background:#fff;margin:0}.block-header-left{align-items:center;gap:var(--spacing-lg);display:flex}.block-number{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--primary-alpha-10) 0%, var(--primary-alpha-20) 100%);width:36px;height:36px;color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);justify-content:center;align-items:center;display:flex}.block-card.collapsed .block-number{background:linear-gradient(135deg, var(--primary-alpha-10) 0%, var(--primary-alpha-20) 100%);color:var(--color-primary)}.block-info{flex-direction:column;gap:2px;display:flex}.block-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-slate-900)}.block-card.collapsed .block-name{color:var(--color-slate-900)}.block-stats{font-size:var(--font-size-xs,12px);color:var(--color-slate-500);margin-top:2px}.block-meta-line{align-items:center;gap:6px;margin-top:2px;display:flex}.block-meta-separator{color:var(--color-slate-400);font-weight:var(--font-weight-medium)}.module-time-display{font-size:var(--font-size-xs,12px);color:var(--color-slate-400);align-items:center;gap:4px;display:inline-flex}.module-time-display.pace-active{color:#16a34a}.module-time-display .pace-flash-icon{font-size:var(--font-size-xs,12px)}.module-time-display .pace-time-remaining{font-weight:600}.module-time-display .pace-time-separator,.module-time-display .pace-time-total{color:var(--color-slate-400);font-weight:400}.block-estimated-time{font-size:var(--font-size-sm);color:var(--color-slate-400);align-items:center;gap:4px;margin-top:2px;display:flex}.block-estimated-time svg{flex-shrink:0}.block-card.collapsed .block-stats{color:var(--color-slate-400)}.block-header-right{align-items:center;gap:var(--spacing-lg);display:flex}.block-progress-count{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);align-items:baseline;display:flex}.block-progress-completed{color:var(--color-primary)}.block-progress-separator,.block-progress-total{color:var(--color-slate-400)}.block-progress-bar{border-radius:var(--radius-full);background:#fff;width:80px;height:10px;overflow:hidden}.block-card.collapsed .block-progress-bar{background:var(--primary-alpha-10)}.block-progress-fill{background:linear-gradient(90deg, var(--color-primary) 0%, var(--color-blue-500) 100%);border-radius:var(--radius-full);height:100%;transition:width .6s ease-out}.block-progress-donut-container{align-items:center;gap:var(--spacing-sm);display:flex}.block-progress-donut{flex-shrink:0;width:24px;height:24px}.block-donut-bg{stroke:var(--color-slate-200)}.block-card.expanded .block-donut-bg{stroke:#fff}.block-donut-progress{stroke:var(--color-primary);stroke-dashoffset:0;transition:stroke-dasharray .6s ease-out}.block-card.block-type-cementing .block-donut-progress,.block-card.block-type-cementing-module .block-donut-progress{stroke:var(--color-cyan-500)}.block-card.block-type-revision .block-donut-progress{stroke:var(--color-orange-500)}.block-card.block-type-diagnostic .block-donut-progress{stroke:var(--color-amber-500)}.block-progress-donut-container .block-donut-progress{stroke:var(--color-primary)}.block-chevron{color:var(--color-slate-700);font-size:var(--font-size-lg);transition:transform var(--transition-normal);justify-content:center;align-items:center;display:flex}.block-chevron svg{width:20px;height:20px;transition:transform var(--transition-normal)}.block-card.expanded .block-chevron svg{transform:rotate(180deg)}.block-card.collapsed .block-chevron{color:var(--color-slate-700)}.block-content{padding:var(--spacing-xl);position:relative}.block-content:before{content:"";background:var(--color-slate-100);z-index:0;width:1px;position:absolute;top:49px;bottom:100px;left:50px}.module-direct-activities{padding:0 var(--spacing-md);flex-direction:column;display:flex}.block-content:not(:has(.unit-block)):has(.module-direct-activities):before{display:none}.block-name-row{align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.block-last-visited-badge{background:var(--color-success);color:#fff;border-radius:var(--radius-sm);font-size:var(--font-size-xs,12px);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;flex-shrink:0;align-items:center;padding:2px 8px;display:inline-flex}.block-type-badge{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xs,12px);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;display:inline-flex}.block-type-badge:before{content:"·";font-size:var(--font-size-lg,18px);color:var(--color-slate-300);line-height:1}.block-type-badge.learning{color:var(--color-primary-600)}.block-type-badge.cementing{color:var(--color-cyan-700)}.block-type-badge.assessment,.block-type-badge.module-mock{color:var(--color-purple-700)}.block-type-badge.revision{color:#ea580c}.block-lock-badge{font-size:var(--font-size-xs,12px);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);background:var(--color-slate-200);color:var(--color-slate-600);align-items:center;gap:4px;padding:2px 8px;display:flex}.block-locked-status{color:var(--color-slate-400);align-items:center;display:flex}.block-card.block-type-diagnostic .block-header{background:linear-gradient(135deg,#fef7e6 0%,#fdf0d0 100%)}.block-card.block-type-diagnostic.collapsed .block-header{background:#fff}.block-card.block-type-diagnostic .block-number{color:var(--color-amber-600);background:linear-gradient(135deg,#f59e0b26 0%,#f59e0b40 100%)}.block-card.block-type-diagnostic .block-progress-fill{background:linear-gradient(90deg, var(--color-amber-500) 0%, var(--color-amber-400) 100%)}.block-card.block-type-diagnostic .block-progress-completed{color:var(--color-amber-600)}.block-card.block-type-cementing .block-header,.block-card.block-type-cementing-module .block-header{background:linear-gradient(135deg,#ecfeff 0%,#d9fafb 100%)}.block-card.block-type-cementing.collapsed .block-header,.block-card.block-type-cementing-module.collapsed .block-header{background:#fff}.block-card.block-type-cementing .block-number,.block-card.block-type-cementing-module .block-number{color:var(--color-cyan-600);background:linear-gradient(135deg,#06b6d426 0%,#06b6d440 100%)}.block-card.block-type-cementing .block-progress-fill,.block-card.block-type-cementing-module .block-progress-fill{background:linear-gradient(90deg, var(--color-cyan-500) 0%, var(--color-cyan-400) 100%)}.block-card.block-type-cementing .block-progress-completed,.block-card.block-type-cementing-module .block-progress-completed{color:var(--color-cyan-600)}.block-card.block-type-assessment .block-header{background:linear-gradient(135deg,#f3f0fe 0%,#e8e2fc 100%)}.block-card.block-type-assessment.collapsed .block-header{background:#fff}.block-card.block-type-assessment .block-number{color:var(--color-purple-600);background:linear-gradient(135deg,#8b5cf626 0%,#8b5cf640 100%)}.block-card.block-type-assessment .block-progress-fill{background:linear-gradient(90deg, var(--color-purple-500) 0%, var(--color-purple-400) 100%)}.block-card.block-type-assessment .block-progress-completed{color:var(--color-purple-600)}.block-card.block-type-module-mock .block-header,.block-card.block-type-mock-module .block-header{background:linear-gradient(135deg,#f3f0fe 0%,#e8e2fc 100%)}.block-card.block-type-module-mock.collapsed .block-header,.block-card.block-type-mock-module.collapsed .block-header{background:#fff}.block-card.block-type-module-mock .block-number,.block-card.block-type-mock-module .block-number{color:var(--color-purple-600);background:linear-gradient(135deg,#8b5cf626 0%,#8b5cf640 100%)}.block-card.block-type-module-mock .block-progress-fill,.block-card.block-type-mock-module .block-progress-fill{background:linear-gradient(90deg, var(--color-purple-500) 0%, var(--color-purple-400) 100%)}.block-card.block-type-assessment .block-donut-progress,.block-card.block-type-module-mock .block-donut-progress,.block-card.block-type-mock-module .block-donut-progress{stroke:var(--color-purple-500)}.block-card.block-type-module-mock .block-progress-completed,.block-card.block-type-mock-module .block-progress-completed{color:var(--color-purple-600)}.block-card.block-type-module-mock .block-single-cta,.block-card.block-type-mock-module .block-single-cta{box-shadow:var(--shadow-purple);background:linear-gradient(135deg,#a78bfa 0%,#7c3aed 50%,#6d28d9 100%);animation:2s ease-in-out infinite ctaPulsePurple}.block-card.block-type-module-mock .block-single-cta:hover,.block-card.block-type-mock-module .block-single-cta:hover{box-shadow:var(--shadow-purple-md);animation:none}.block-card.block-type-revision .block-header{background:linear-gradient(135deg,#fff7ed 0%,#ffedd5 100%)}.block-card.block-type-revision.collapsed .block-header{background:#fff}.block-card.block-type-revision .block-number{color:#ea580c;background:linear-gradient(135deg,#ea580c26 0%,#ea580c40 100%)}.block-card.block-type-revision .block-progress-fill{background:linear-gradient(90deg, var(--color-orange-500) 0%, var(--color-orange-400) 100%)}.block-card.block-type-revision .block-progress-completed{color:#ea580c}.block-card.locked{opacity:.7}.block-card.locked .block-header{cursor:not-allowed;background:var(--color-slate-100)}.block-card.locked.collapsed .block-header{background:var(--color-slate-50)}.block-card.locked .block-number{background:var(--color-slate-200);color:var(--color-slate-500)}.block-card.locked .block-name{color:var(--color-slate-500)}.block-card.locked .block-chevron{opacity:.4}.block-card.single-activity.locked{opacity:1;filter:drop-shadow(0 1px 3px #0000000a);box-shadow:none}.block-card.single-activity.locked .block-header{cursor:not-allowed;background:#ffffffb3}.block-card.single-activity.locked .block-number{background:var(--gradient-purple)}.block-card.single-activity.locked .block-number svg{color:#fff!important;stroke:#fff!important}.block-card.single-activity.locked .block-number svg path{stroke:#fff!important}.block-card.single-activity.locked .block-name{color:var(--color-slate-900)}.block-card.single-activity.locked .block-lock-badge{display:none}.block-single-locked-status{align-items:center;gap:var(--spacing-sm);display:flex}.block-single-locked-text{font-size:var(--font-size-xs);color:#dc2626;font-weight:var(--font-weight-medium)}.block-single-locked-status svg{color:var(--color-slate-400)}.block-card.single-activity,.block-card.single-activity .block-header{cursor:pointer}.block-single-status{align-items:center;gap:var(--spacing-sm);display:flex}.block-score{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary)}.block-attempt-status{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);padding:4px 12px}.block-attempt-status.completed{color:#16a34a;background:#22c55e1f}.block-attempt-status.not-attempted{background:var(--color-slate-100);color:var(--color-slate-500)}.block-single-score{text-align:right;min-width:36px;font-size:var(--font-size-sm);color:var(--color-slate-400);margin-right:var(--spacing-md)}.block-single-time{text-align:right;min-width:40px;font-size:var(--font-size-sm);color:var(--color-slate-400);font-variant-numeric:tabular-nums;margin-left:var(--spacing-md);margin-right:var(--spacing-md)}.block-single-status-icon{color:var(--color-slate-500);align-items:center;display:flex}.block-single-status-icon svg{width:16px;height:16px}.block-single-cta{border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-sm,14px);font-weight:var(--font-weight-bold);cursor:pointer;transition:all var(--transition-fast);background:linear-gradient(135deg, #60a5fa 0%, var(--color-primary) 50%, #1d4ed8 100%);color:#fff;box-shadow:var(--shadow-primary-glow);border:none;align-items:center;gap:6px;padding:10px 20px;animation:2s ease-in-out infinite ctaPulseBlue;display:inline-flex;position:relative;overflow:hidden}.block-single-cta:hover{box-shadow:var(--shadow-primary-lg);animation:none;transform:translateY(-1px)}.block-single-cta:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff4d 50%,#0000 100%);width:100%;height:100%;animation:2.5s ease-in-out infinite buttonShimmerCta;position:absolute;top:0;left:-100%}.block-single-cta:hover:after{animation:none}@keyframes ctaPulseBlue{0%,to{box-shadow:0 4px 12px #006fee4d}50%{box-shadow:0 4px 20px #006fee80,0 0 30px #006fee33}}@keyframes buttonShimmerCta{0%{left:-100%}50%,to{left:100%}}.block-card.block-type-diagnostic .block-single-cta{box-shadow:var(--shadow-warning);background:linear-gradient(135deg,#fcd34d 0%,#f59e0b 50%,#d97706 100%);animation:2s ease-in-out infinite ctaPulseAmber}.block-card.block-type-diagnostic .block-single-cta:hover{box-shadow:var(--shadow-warning-md);animation:none}@keyframes ctaPulseAmber{0%,to{box-shadow:0 4px 12px #f59e0b4d}50%{box-shadow:0 4px 20px #f59e0b80,0 0 30px #f59e0b33}}.block-single-text-cta{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-purple-600);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:0;display:inline-flex}.block-single-text-cta:hover{color:var(--color-purple-700)}.block-single-text-cta:focus-visible{outline:2px solid var(--color-purple-500);outline-offset:2px;border-radius:var(--radius-sm)}.block-single-text-cta svg{transition:transform var(--transition-fast)}.block-single-text-cta:hover svg{transform:translate(2px)}.block-cementing-status{align-items:center;gap:var(--spacing-lg);display:flex}.block-cementing-separator{color:var(--color-slate-300);font-weight:var(--font-weight-light);font-size:var(--font-size-lg,18px)}.block-l20-section{align-items:center;gap:var(--spacing-sm);display:flex}.block-l20-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-slate-600);white-space:nowrap}.block-l20-chart-icon{color:#16a34a;flex-shrink:0;display:none}.block-l20-info-icon{color:var(--color-slate-400);cursor:pointer;flex-shrink:0}.block-l20-info-icon:hover{color:var(--color-slate-600)}.block-l20-bar-container{flex-direction:column;align-items:flex-start;gap:2px;display:flex;position:relative}.block-l20-target-label{font-size:var(--font-size-2xs,10px);color:#dc2626;font-weight:var(--font-weight-bold);position:absolute;top:-14px;transform:translate(-50%)}.block-l20-bar{background:var(--color-slate-200);border-radius:var(--radius-full);width:80px;height:8px;position:relative;overflow:visible}.block-l20-fill{border-radius:var(--radius-full);background:linear-gradient(90deg,#16a34a 0%,#22c55e 100%);height:100%;transition:width .3s}.block-l20-target-marker{background:#dc2626;border-radius:1px;width:2px;height:14px;position:absolute;top:-3px;transform:translate(-50%)}.block-l20-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:#16a34a;text-align:left;min-width:36px}.block-l20-value.met{color:#16a34a}.block-progress-count.no-progress .block-progress-completed,.block-progress-count.no-progress .block-progress-separator,.block-progress-count.no-progress .block-progress-total{color:var(--color-slate-400)}.block-progress-bar.no-progress,.block-card.collapsed .block-progress-bar.no-progress{background:var(--color-slate-200)}.block-ai-descriptor{font-size:var(--font-size-xs,12px);color:var(--color-slate-500);font-style:italic}.skipped-hidden-note-inline{font-size:var(--font-size-xs,12px);font-weight:var(--font-weight-medium);color:#b45309}.block-card.ai-generated-shimmer{position:relative}.block-card.ai-generated-shimmer:before{content:"";border-radius:var(--radius-xl);-webkit-mask-composite:xor;pointer-events:none;z-index:1;background:linear-gradient(90deg,#0000 0% 25%,#06b6d499 38%,#ffffffe6 50%,#06b6d499 62%,#0000 75% 100%) 0 0/300% 100%;padding:2px;animation:10s linear infinite blockShimmerBorder;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes blockShimmerBorder{0%{background-position:200% 0}to{background-position:-200% 0}}.block-card.current-module-shimmer{position:relative}.block-card.current-module-shimmer:before{content:"";border-radius:var(--radius-xl);-webkit-mask-composite:xor;pointer-events:none;z-index:1;background:linear-gradient(90deg,#0000 0% 30%,#22c55e80 42%,#fffffff2 50%,#22c55e80 58%,#0000 70% 100%) 0 0/300% 100%;padding:2px;animation:8s linear infinite currentModuleShimmer;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes currentModuleShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.block-card.module-completed .block-donut-progress{stroke:var(--color-green-500)}.block-card.module-completed .block-progress-completed{color:var(--color-green-600)}.block-card.module-completed.expanded .block-header{background:linear-gradient(135deg,#ecfdf5 0%,#d9f9e8 100%)}.block-card.module-completed.collapsed .block-header{background:linear-gradient(135deg,#ecfdf580 0%,#d9f9e84d 100%)}.block-card.module-completed .block-number{color:var(--color-green-600);background:linear-gradient(135deg,#22c55e26 0%,#22c55e40 100%)}.block-card.module-completed .block-type-badge{background:var(--color-green-100);color:var(--color-green-700)}.block-card.module-completed .block-progress-fill{background:linear-gradient(90deg, var(--color-green-500) 0%, var(--color-green-400) 100%)}.block-card.module-completed.single-activity .block-header{background:linear-gradient(135deg,#ecfdf5 0%,#d9f9e8 100%)}.block-mobile-disclaimer{display:none}.block-disclaimer-icon{vertical-align:middle;margin-right:4px;display:inline-block}.block-card.cementing-passed .block-header{background:linear-gradient(135deg,#ecfdf5 0%,#d9f9e8 100%)}.block-card.cementing-passed.collapsed .block-header{background:linear-gradient(135deg,#f3fdf8 0%,#eaf8f0 100%)}.block-card.cementing-passed .block-number{color:var(--color-green-600);background:linear-gradient(135deg,#22c55e26 0%,#22c55e40 100%)}.block-card.cementing-passed .block-type-badge{background:var(--color-green-100);color:var(--color-green-700)}.block-card.cementing-passed .block-donut-progress{stroke:var(--color-green-500)}.block-card.cementing-passed .block-progress-completed{color:var(--color-green-600)}.block-card.cementing-failed .block-header,.block-card.cementing-failed.module-completed .block-header,.block-card.cementing-failed.module-completed.expanded .block-header{background:linear-gradient(135deg,#fef2f2 0%,#fecaca 100%)}.block-card.cementing-failed.collapsed .block-header,.block-card.cementing-failed.module-completed.collapsed .block-header{background:linear-gradient(135deg,#fef5f5 0%,#fde8e8 100%)}.block-card.cementing-failed .block-number,.block-card.cementing-failed.module-completed .block-number{color:#dc2626;background:linear-gradient(135deg,#dc26261f 0%,#dc262633 100%)}.block-card.cementing-failed .block-type-badge,.block-card.cementing-failed.module-completed .block-type-badge{color:#dc2626;background:#fee2e2}.block-card.cementing-failed .block-donut-progress,.block-card.cementing-failed.module-completed .block-donut-progress{stroke:#dc2626}.block-card.cementing-failed .block-progress-completed,.block-card.cementing-failed.module-completed .block-progress-completed{color:#dc2626}.cementing-quiz-list{padding:var(--spacing-md) var(--spacing-xl) var(--spacing-xl)}.cementing-quiz-list:before{display:none!important}.cementing-quiz-with-remedial{flex-direction:column;display:flex}.cementing-pace-info{align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-green-700);background:#22c55e14;line-height:1.5;display:flex}.cementing-pace-info svg{color:var(--color-green-500);flex-shrink:0;margin-top:1px}.block-card.module-pace-shaded .block-content{padding-top:var(--spacing-sm)}.block-card.module-pace-shaded{opacity:.3}.block-card.module-pace-shaded:hover{opacity:.45}.block-card.module-pace-shaded .block-name{color:#64748b;-webkit-text-decoration:line-through #94a3b8;text-decoration:line-through #94a3b8;text-decoration-thickness:1px}.block-card.module-pace-shaded .block-number,.block-card.module-pace-shaded .block-type-badge{opacity:.3}.block-card.module-pace-shaded .block-meta-line{opacity:.8;color:#94a3b8;-webkit-text-decoration:line-through #94a3b8;text-decoration:line-through #94a3b8}.block-cementing-status--pace-skipped{gap:var(--spacing-sm)}.block-cementing-status--pace-skipped .skipped-badge{font-size:var(--font-size-xs,12px);color:#64748b;white-space:nowrap;background:#94a3b826;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-weight:600;display:inline-flex}.block-cementing-status--pace-skipped .skipped-badge__icon{font-size:var(--font-size-xs,12px)}.block-cementing-status--pace-skipped svg{color:#94a3b8}.block-card.module-pace-shaded .block-header{opacity:.67;filter:saturate(.3)}.block-card.module-pace-shaded.expanded{opacity:.45}.block-card.module-pace-animate-in{position:relative;overflow:hidden}.block-card.module-pace-animate-in:before{content:"";pointer-events:none;z-index:1;border-radius:inherit;background:linear-gradient(90deg,#0000,#22c55e33,#0000);width:100%;height:100%;animation:.6s ease-out forwards paceModuleWhoosh;position:absolute;top:0;left:-100%}@keyframes paceModuleWhoosh{0%{left:-100%}to{left:100%}}.block-card.module-pace-animate-in .block-name{text-decoration:none;position:relative}.block-card.module-pace-animate-in .block-name:after{content:"";background:#94a3b8;width:0;height:1px;animation:.4s ease-out .3s forwards paceModuleStrikethrough;position:absolute;top:50%;left:0}@keyframes paceModuleStrikethrough{0%{width:0}to{width:100%}}@media (prefers-reduced-motion:reduce){.block-card.module-pace-animate-in:before,.block-card.module-pace-animate-in .block-name:after{animation:none}}@media (max-width:767px){.block-content{padding:0}.module-direct-activities{padding:var(--spacing-sm) var(--spacing-md)}.block-content:before{display:none}.block-header{padding:var(--spacing-lg);gap:var(--spacing-lg)}.block-header-left{gap:var(--spacing-md);flex:1;min-width:0}.block-header-right{flex-shrink:0;justify-content:flex-end;width:auto}.block-last-visited-badge{position:absolute;top:-8px;right:12px}.block-type-badge{display:none}.block-number{flex-shrink:0;width:30px;height:30px}.block-progress-donut,.block-single-score,.block-single-time{display:none}.block-single-status:has(.grade-medal) .block-single-status-icon{display:none}.block-single-locked-text,.block-l20-section,.block-cementing-separator,.block-cementing-status .cementing-tracker{display:none}.block-cementing-status{gap:var(--spacing-sm)}.block-mobile-disclaimer{justify-content:space-between;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-xs,12px);color:var(--color-slate-500);padding:var(--spacing-sm) var(--spacing-lg);margin-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-slate-200);line-height:1.4;display:flex}.block-disclaimer-text{flex:1;align-items:center;gap:4px;display:flex}.block-disclaimer-tracker{flex:1;min-width:0}.block-disclaimer-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:#16a34a;flex-shrink:0}.cementing-quiz-list{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md)}.cementing-pace-info{padding:var(--spacing-sm) var(--spacing-md);gap:6px}.block-locked-toast{bottom:var(--spacing-md);align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);box-shadow:var(--shadow-strong);z-index:10;white-space:nowrap;background:#1e293bf2;animation:.2s ease-out toastFadeIn;display:flex;position:absolute;left:50%;transform:translate(-50%)}.block-locked-toast svg{opacity:.8;flex-shrink:0}@keyframes toastFadeIn{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.block-meta-line{flex-wrap:wrap}.skipped-hidden-note-inline{flex-basis:100%}.block-meta-separator:has(+.skipped-hidden-note-inline){display:none}}@media (min-width:768px) and (max-width:1023px){.block-type-badge{display:none}.block-header-right{gap:var(--spacing-sm)}.block-last-visited-badge{position:absolute;top:-8px;right:12px}}
.demo-app-header{z-index:120;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff5;border-bottom:1px solid #e2e8f0e6;position:sticky;top:0}.demo-app-header__inner{min-height:72px;padding:0 var(--page-padding-x);justify-content:space-between;align-items:center;gap:18px;display:flex}.demo-app-header__left,.demo-app-header__right,.demo-app-header__brand,.demo-app-header__platform-switcher,.demo-app-header__user-menu{align-items:center;display:flex}.demo-app-header__left{gap:18px;min-width:0}.demo-app-header__right{gap:10px}.demo-app-header__brand{flex:none}.demo-app-header__brand-mark{width:118px;height:auto;display:block}.demo-app-header__platform-switcher{background:#f8fafc;border:1px solid #e2e8f0f5;border-radius:12px;gap:4px;padding:3px}.demo-app-header__platform-tab{color:#64748b;min-width:84px;font-family:var(--font-family);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:7px 14px;font-size:13px;font-weight:600;line-height:1;transition:background-color .18s,color .18s,box-shadow .18s}.demo-app-header__platform-tab--active{color:#0f172a;cursor:default;background:#fff;box-shadow:0 1px 2px #0f172a14}.demo-app-header__nav-btn,.demo-app-header__user-menu{color:#475569;font-family:var(--font-family);cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:8px;padding:10px 14px;font-size:14px;font-weight:600;line-height:1;transition:background-color .18s,color .18s,box-shadow .18s;display:inline-flex}.demo-app-header__nav-btn:hover,.demo-app-header__nav-btn.active,.demo-app-header__user-menu:hover{color:#0f172a;background:#f8fafc}.demo-app-header__nav-btn svg{color:#006fee}.demo-app-header__menu-wrap{position:relative}.demo-app-header__chevron,.demo-app-header__user-chevron{color:#94a3b8;transition:transform .18s}.demo-app-header__chevron.open{transform:rotate(180deg)}.demo-app-header__menu{background:#fffffffa;border:1px solid #e2e8f0f5;border-radius:18px;width:min(360px,100vw - 32px);padding:12px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 22px 48px #0f172a29}.demo-app-header__menu-head{border-bottom:1px solid #e2e8f0e6;padding:6px 8px 12px}.demo-app-header__menu-head h3{color:#0f172a;font-family:var(--font-family-heading);margin:0;font-size:16px;font-weight:700}.demo-app-header__menu-head p{color:#64748b;margin:4px 0 0;font-size:12px}.demo-app-header__menu-section{gap:8px;padding-top:12px;display:grid}.demo-app-header__menu-label{color:#94a3b8;letter-spacing:.08em;text-transform:uppercase;padding:0 8px;font-size:10px;font-weight:700}.demo-app-header__course-item{cursor:pointer;text-align:left;background:#fff;border:1px solid #e2e8f0eb;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px 14px;transition:border-color .18s,background-color .18s,box-shadow .18s;display:flex}.demo-app-header__course-item:hover,.demo-app-header__course-item.current{background:#f8fbff;border-color:#006fee38;box-shadow:0 8px 24px #006fee14}.demo-app-header__course-copy{gap:4px;min-width:0;display:grid}.demo-app-header__course-name{color:#0f172a;font-size:14px;font-weight:700;line-height:1.2}.demo-app-header__course-progress{color:#64748b;font-size:12px;line-height:1.2}.demo-app-header__course-chip{color:#fff;letter-spacing:.04em;text-transform:uppercase;background:#16a34a;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700}.demo-app-header__user-menu{padding-inline:10px}.demo-app-header__avatar{color:#fff;background:linear-gradient(135deg,#006fee 0%,#3b82f6 100%);border-radius:999px;place-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:grid;box-shadow:0 8px 18px #006fee29}@media (max-width:960px){.demo-app-header__inner{min-height:64px}.demo-app-header__platform-switcher{display:none}}@media (max-width:720px){.demo-app-header__inner{gap:10px;padding-inline:14px}.demo-app-header__brand-mark{width:98px}.demo-app-header__nav-btn span{display:none}.demo-app-header__nav-btn,.demo-app-header__user-menu{padding:10px}}
