@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-font-weight: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-duration: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-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-800:oklch(42.4% .199 265.638);--color-slate-100:oklch(96.8% .007 247.896);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-2xl:42rem;--container-4xl:56rem;--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: 1.5 ;--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: 1.2 ;--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--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);--color-footerlight:#eeeff2;--spacing-static-sm:8px;--spacing-static-md:16px}}@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;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{.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-x-0{inset-inline:calc(var(--spacing)*0)}.-end-\[12px\]{inset-inline-end:-12px}.-top-\[12px\]{top:-12px}.top-0{top:calc(var(--spacing)*0)}.top-3\.5{top:calc(var(--spacing)*3.5)}.top-4{top:calc(var(--spacing)*4)}.top-6{top:calc(var(--spacing)*6)}.right-1{right:calc(var(--spacing)*1)}.right-2{right:calc(var(--spacing)*2)}.right-4{right:calc(var(--spacing)*4)}.right-6{right:calc(var(--spacing)*6)}.right-10{right:calc(var(--spacing)*10)}.right-auto{right:auto}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-6{bottom:calc(var(--spacing)*6)}.bottom-19{bottom:calc(var(--spacing)*19)}.bottom-20{bottom:calc(var(--spacing)*20)}.left-0{left:calc(var(--spacing)*0)}.left-4{left:calc(var(--spacing)*4)}.left-6{left:calc(var(--spacing)*6)}.z-1{z-index:1}.z-10{z-index:10}.z-\[1\]{z-index:1}.z-\[20\]{z-index:20}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.m-4{margin:calc(var(--spacing)*4)}.mx-4{margin-inline:calc(var(--spacing)*4)}.mx-6{margin-inline:calc(var(--spacing)*6)}.mx-8{margin-inline:calc(var(--spacing)*8)}.mx-auto{margin-inline:auto}.my-12{margin-block:calc(var(--spacing)*12)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-10{margin-top:calc(var(--spacing)*10)}.mt-auto{margin-top:auto}.mr-2{margin-right:calc(var(--spacing)*2)}.mb-0{margin-bottom:calc(var(--spacing)*0)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-16{margin-bottom:calc(var(--spacing)*16)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-3{margin-left:calc(var(--spacing)*3)}.ml-10{margin-left:calc(var(--spacing)*10)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.aspect-square{aspect-ratio:1}.h-1{height:calc(var(--spacing)*1)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-14{height:calc(var(--spacing)*14)}.h-16{height:calc(var(--spacing)*16)}.h-\[calc\(100vh-20px-24px-80px\)\]{height:calc(100vh - 124px)}.h-\[calc\(100vh-190px\)\]{height:calc(100vh - 190px)}.h-\[clamp\(32px\,7cqw\,32px\)\]{height:clamp(32px,7cqw,32px)}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.max-h-48{max-height:calc(var(--spacing)*48)}.max-h-\[550px\]{max-height:550px}.max-h-full{max-height:100%}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-\[50\%\]{min-height:50%}.min-h-\[50px\]{min-height:50px}.min-h-\[100px\]{min-height:100px}.min-h-\[500px\]{min-height:500px}.min-h-screen{min-height:100vh}.w-1\/2{width:50%}.w-1\/4{width:25%}.w-3\/4{width:75%}.w-3\/5{width:60%}.w-4{width:calc(var(--spacing)*4)}.w-4\/5{width:80%}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-14{width:calc(var(--spacing)*14)}.w-16{width:calc(var(--spacing)*16)}.w-56{width:calc(var(--spacing)*56)}.w-\[100\%\]{width:100%}.w-\[200px\]{width:200px}.w-\[350px\]{width:350px}.w-auto{width:auto}.w-full{width:100%}.w-screen{width:100vw}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-48{max-width:calc(var(--spacing)*48)}.max-w-\[32ch\]{max-width:32ch}.max-w-\[58rem\]{max-width:58rem}.max-w-\[400px\]{max-width:400px}.max-w-\[500\%\]{max-width:500%}.max-w-\[500px\]{max-width:500px}.max-w-full{max-width:100%}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\[300px\]{min-width:300px}.min-w-\[400px\]{min-width:400px}.flex-1{flex:1}.flex-none{flex:none}.grow{flex-grow:1}.origin-bottom-right{transform-origin:100% 100%}.origin-top-right{transform-origin:100% 0}.translate-x-\[-90\%\]{--tw-translate-x:-90%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-0{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-4{--tw-translate-y:calc(var(--spacing)*4);translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.-rotate-45{rotate:-45deg}.rotate-45{rotate:45deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-outside{list-style-position:outside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.grid-flow-col{grid-auto-flow:column}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.\!items-start{align-items:flex-start!important}.items-center{align-items:center}.\!justify-start{justify-content:flex-start!important}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}.gap-static-md{gap:var(--spacing-static-md)}: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-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-x-1>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*1)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-6>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*6)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-x-reverse)))}.self-center{align-self:center}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-clip{overflow:clip}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-y-scroll{overflow-y:scroll}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-4xl{border-radius:var(--radius-4xl)}.rounded-\[4px\]{border-radius:4px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-3xl{border-top-left-radius:var(--radius-3xl);border-top-right-radius:var(--radius-3xl)}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-black{border-color:var(--color-black)}.border-gray-200{border-color:var(--color-gray-200)}.\!bg-transparent{background-color:#0000!important}.bg-\[\#eeeff2\]{background-color:#eeeff2}.bg-\[rgba\(238\,239\,242\,0\.45\)\]{background-color:#eeeff273}.bg-\[rgba\(250\,250\,250\,0\.4\)\]{background-color:#fafafa66}.bg-black{background-color:var(--color-black)}.bg-footerlight{background-color:var(--color-footerlight)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-white{background-color:var(--color-white)}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-\[6px\]{padding:6px}.p-\[16px\]{padding:16px}.p-static-sm{padding:var(--spacing-static-sm)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.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-8{padding-block:calc(var(--spacing)*8)}.py-16{padding-block:calc(var(--spacing)*16)}.py-\[6px\]{padding-block:6px}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-12{padding-top:calc(var(--spacing)*12)}.pr-4{padding-right:calc(var(--spacing)*4)}.pb-20{padding-bottom:calc(var(--spacing)*20)}.pl-1{padding-left:calc(var(--spacing)*1)}.pl-5{padding-left:calc(var(--spacing)*5)}.\!text-left{text-align:left!important}.text-center{text-align:center}.text-left{text-align:left}.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-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--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))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-wrap{text-wrap:wrap}.break-words{overflow-wrap:break-word}.text-black{color:var(--color-black)}.text-blue-600{color:var(--color-blue-600)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-white{color:var(--color-white)}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-100{opacity:1}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-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)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-black{--tw-ring-color:var(--color-black)}.outline,.outline-1{outline-style:var(--tw-outline-style);outline-width:1px}.outline-transparent{outline-color:#0000}.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,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.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)}.outline-none{--tw-outline-style:none;outline-style:none}@media(hover:hover){.group-hover\:translate-x-1:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:gap-2:is(:where(.group):hover *){gap:calc(var(--spacing)*2)}.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:-translate-y-2:hover{--tw-translate-y:calc(var(--spacing)*-2);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:border-gray-300:hover{border-color:var(--color-gray-300)}.hover\:bg-\[rgba\(238\,239\,242\,0\.20\)\]:hover{background-color:#eeeff233}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\:text-blue-800:hover{color:var(--color-blue-800)}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-\[0_8px_20px_rgba\(33\,53\,71\,0\.18\)\]:hover{--tw-shadow:0 8px 20px var(--tw-shadow-color,#2135472e);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.first\:hover\:bg-white:first-child:hover{background-color:var(--color-white)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}@media(min-width:40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:48rem){.md\:inset-auto{inset:auto}.md\:right-4{right:calc(var(--spacing)*4)}.md\:right-8{right:calc(var(--spacing)*8)}.md\:right-\[2rem\]{right:2rem}.md\:right-\[calc\(var\(--right-offset\)-16px\)\]{right:calc(var(--right-offset) - 16px)}.md\:bottom-10{bottom:calc(var(--spacing)*10)}.md\:bottom-24{bottom:calc(var(--spacing)*24)}.md\:bottom-\[4\.5rem\]{bottom:4.5rem}.md\:bottom-\[calc\(var\(--bottom-offset\)\+64px\)\]{bottom:calc(var(--bottom-offset) + 64px)}.md\:left-auto{left:auto}.md\:mx-20{margin-inline:calc(var(--spacing)*20)}.md\:mt-4{margin-top:calc(var(--spacing)*4)}.md\:ml-2{margin-left:calc(var(--spacing)*2)}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-5{height:calc(var(--spacing)*5)}.md\:h-\[min\(75vh\,800px\)\]{height:min(75vh,800px)}.md\:max-h-\[500px\]{max-height:500px}.md\:max-h-\[600px\]{max-height:600px}.md\:w-5{width:calc(var(--spacing)*5)}.md\:w-\[30vw\]{width:30vw}.md\:w-\[360px\]{width:360px}.md\:w-\[400px\]{width:400px}.md\:w-\[500px\]{width:500px}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:rounded-4xl{border-radius:var(--radius-4xl)}.md\:py-12{padding-block:calc(var(--spacing)*12)}.md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}@media(min-width:64rem){.lg\:inset-auto{inset:auto}.lg\:right-4{right:calc(var(--spacing)*4)}.lg\:right-\[calc\(var\(--right-offset\)-16px\)\]{right:calc(var(--right-offset) - 16px)}.lg\:bottom-0{bottom:calc(var(--spacing)*0)}.lg\:bottom-\[calc\(var\(--bottom-offset\)\+64px\)\]{bottom:calc(var(--bottom-offset) + 64px)}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:min-h-fit{min-height:fit-content}.lg\:w-\[400px\]{width:400px}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:rounded-4xl{border-radius:var(--radius-4xl)}}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:#999 white;margin-right:.25rem}.custom-scrollbar::-webkit-scrollbar{background-color:#fff;width:8px}.custom-scrollbar::-webkit-scrollbar-track{box-sizing:content-box;background:#f2f2f2;border:none}.custom-scrollbar::-webkit-scrollbar-thumb{box-shadow:none;background-color:#999;border:none;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#777}}p-canvas>.-p-canvas-grid{max-width:58rem;margin-inline:auto}p-flyout#explore-plugins{--p-flyout-width:80vw;--p-flyout-max-width:50rem}p-modal#rules{--p-modal-width:clamp(276px,80dvw,60rem)}.-mt-static-x-small{margin-top:4px}.-mt-static-small{margin-top:8px}.-mt-static-medium{margin-top:16px}.-mt-static-large{margin-top:32px}.-mt-static-x-large{margin-top:48px}.-mt-static-xx-large{margin-top:80px}.-mt-fluid-x-small{margin-top:clamp(4px,.25vw + 3px,8px)}.-mt-fluid-small{margin-top:clamp(8px,.5vw + 6px,16px)}.-mt-fluid-medium{margin-top:clamp(16px,1.25vw + 12px,36px)}.-mt-fluid-large{margin-top:clamp(32px,2.75vw + 23px,76px)}.-mt-fluid-x-large{margin-top:clamp(48px,3vw + 38px,96px)}.-mt-fluid-xx-large{margin-top:clamp(80px,7.5vw + 56px,200px)}.-ms-auto{margin-inline-start:auto}.-me-auto{margin-inline-end:auto}.-block{display:block}.-img-small{width:clamp(48px,7cqw,72px);height:clamp(48px,7cqw,72px)}.-max-w-full{max-width:100%}.-max-w-medium{max-width:40rem}.-ellipsis-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.-ellipsis-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.-ellipsis-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f2f2f2;font-family:Porsche Next,Arial Narrow,Arial,Heiti SC,SimHei,sans-serif;font-size:1rem}#root{height:100%}table{border-collapse:collapse}td,th{border:1px solid gray;padding:5px}code{white-space:pre}ol{list-style:inside decimal}ul{list-style:inside}a{text-decoration-line:underline}.chat__bubble{max-width:45rem!important}.chat__bubble a{--tw-text-opacity:1;color:rgb(37,99,235,var(--tw-text-opacity))!important}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{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-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}.chat-input{grid-column:1/-1;display:grid;grid-template-rows:auto auto auto;grid-template-columns:1fr;gap:8px;border-radius:8px;background:#eeeff2;align-items:stretch;position:relative}.chat-input__buttons{grid-row:3;grid-column:1/-1;display:flex;align-items:center;justify-content:space-between}.chat-input__file-upload{order:1}.chat-input__right-buttons{order:2;display:flex;gap:4px}.chat-input__text-input{all:unset;font: 400 1rem/calc(6px + 2.125ex) Porsche Next,Arial Narrow,Arial,Heiti SC,SimHei,sans-serif;-webkit-hyphens:var(--p-hyphens, auto);hyphens:var(--p-hyphens, auto);overflow-wrap:break-word;color:#010205;grid-row:1;grid-column:1;resize:none;overflow-y:hidden;display:flex;align-items:center;justify-content:flex-start;width:100%;line-height:1.5;box-sizing:border-box;margin-top:.75rem;margin-bottom:.75rem;max-height:216px;min-height:20px;padding:0 20px;transition:overflow-y .2s ease}.chat-input__text-input.scroll-visible{overflow-y:auto}.chat-input__text-input::-webkit-scrollbar{width:6px}.chat-input__text-input::-webkit-search-cancel-button{display:none}.chat-input__text-input::placeholder{display:flex;align-self:flex-start;opacity:.8}.chat-input__text-input{scrollbar-width:thin;scrollbar-color:rgba(100,100,100,.5) transparent}.chat-input__text-input::-webkit-scrollbar-track{background:transparent;border-radius:10px}.chat-input__text-input::-webkit-scrollbar-thumb{background:#64646480;border-radius:10px;transition:background .3s ease}.chat-input__text-input::-webkit-scrollbar-thumb:hover{background:#646464b3}.chat-input__scrollbar{grid-area:2/3;width:6px;background:transparent;border-radius:10px;height:100%;display:none}.chat-input__filter{grid-area:2/2;place-self:end;margin-inline:clamp(8px,.5vw + 6px,16px);margin-block:clamp(8px,.5vw + 6px,16px)}.chat-input__file-upload{grid-area:2/1;place-self:end;margin-inline:clamp(8px,.5vw + 6px,16px);margin-block:clamp(8px,.5vw + 6px,16px)}.chat-input__files{grid-row:2;grid-column:1;display:none;order:2;margin-right:auto}.chat-input__files:not([hidden]){display:flex}.chat-input__mic{grid-area:2/4;place-self:end;margin-inline:calc(clamp(8px,.5vw + 6px,16px) + 3px);margin-block:clamp(8px,.5vw + 6px,16px)}.chat-input__mic.active{background-color:#f44336;color:#fff;border-radius:50%;transition:background-color .3s ease,color .3s ease}.chat-input__mic:hover{background-color:#f77066;cursor:pointer}.chat-input__submit{grid-area:2/5;place-self:end}.chat-input:hover{cursor:pointer;opacity:.8}.chat-input.opacity-40{pointer-events:none;opacity:.4}.chat-input.opacity-40:hover{cursor:not-allowed;opacity:.4}.disabled{pointer-events:none;opacity:.5;cursor:not-allowed}.control-panel{transition:opacity .3s ease,filter .3s ease;pointer-events:auto}.control-panel--disabled{pointer-events:none;opacity:.5;-webkit-user-select:none;user-select:none}.controls{display:grid;gap:16px}.controls__item{--p-internal-button-scaling: 0;position:relative;display:grid;grid-template-columns:var(--controls-grid-template, minmax(0, 1fr) auto);gap:8px;align-items:center}.controls__item--active{--controls-item-background: #fff}@media(hover:hover){.controls__item:not(:hover):not(:focus-within){--controls-grid-template: minmax(0, 1fr);--controls-group-display: none}.controls__item:hover{--controls-item-background: #fff}.controls__item:hover .action-icon{opacity:1;pointer-events:auto}}.controls__item:before{content:"";position:absolute;inset:0;margin:-4px -6px;transition:background .25s cubic-bezier(.25,.1,.25,1);border-radius:8px;background:var(--controls-item-background, transparent);z-index:-1}.controls__item .action-icon{opacity:0;pointer-events:none;display:none;transition:opacity .2s ease-in-out,pointer-events 0s .2s;flex-shrink:0}.controls__item:hover .action-icon{display:block}.controls__item :is(button,a){border-radius:4px}.controls__item :is(button,a):focus{outline:2px solid #1a44ea;outline-offset:2px}.controls__item :is(button,a):focus:not(:focus-visible){outline-color:transparent}.controls__item :is(button,a){font: 400 1rem/calc(6px + 2.125ex) Porsche Next,Arial Narrow,Arial,Heiti SC,SimHei,sans-serif;-webkit-hyphens:var(--p-hyphens, auto);hyphens:var(--p-hyphens, auto);overflow-wrap:break-word;all:unset;cursor:pointer;position:relative;display:flex;gap:8px;padding-block:2px;border-radius:4px}.controls__item :is(button,a) img{width:calc(6px + 2.125ex);height:calc(6px + 2.125ex)}.controls__item :is(button,a) span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.controls__group{display:var(--controls-group-display, flex);gap:8px}.plugin-search{max-width:30rem;margin-inline:auto}.plugin-cards{--plugin-cards-background: #eeeff2;--plugin-cards-background-hover: #eeeff2;--plugin-cards-image-size: clamp(20px, 6vw, 40px);display:grid;grid-auto-rows:1fr;gap:16px}@media(min-width:760px){.plugin-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.plugin-cards--small{--plugin-cards-background: transparent;--plugin-cards-background-hover: #eeeff2;--plugin-cards-image-size: clamp(24px, 3vw, 48px)}.plugin-cards :is(a,button){border-radius:4px}.plugin-cards :is(a,button):focus{outline:2px solid #1a44ea;outline-offset:2px}.plugin-cards :is(a,button):focus:not(:focus-visible){outline-color:transparent}.plugin-cards :is(a,button){all:unset;cursor:pointer;padding:clamp(8px,.5vw + 6px,16px);border-radius:12px;background:var(--plugin-cards-background);transition:background .4s cubic-bezier(.25,.1,.25,1);display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px}@media(hover:hover){.plugin-cards :is(a,button):hover{background:var(--plugin-cards-background-hover)}}.plugin-cards img{width:var(--plugin-cards-image-size);height:var(--plugin-cards-image-size)}.plugin-cards span{display:grid;grid-template-rows:repeat(2,auto) 1fr;align-items:flex-end}.plugin-icon{width:fit-content;height:fit-content;position:relative;aspect-ratio:1/1}.initials{font:normal normal 400 clamp(1.13rem,.21vw + 1.08rem,1.33rem)/ calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;-webkit-hyphens:var(--p-hyphens, auto);hyphens:var(--p-hyphens, auto);overflow-wrap:break-word;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);letter-spacing:1px;color:#6b6d70;z-index:1;pointer-events:none}.background{width:100%;height:100%;object-fit:cover;border-radius:40%}.chat{grid-column:1/-1;display:grid}.chat__bubble{max-width:30rem}.chat__bubble--question{justify-self:flex-end;background:#eeeff2;padding:16px;border-radius:12px 12px 4px}.chat__bubble--answer{justify-self:flex-start;background:transparent;display:grid;grid-template-columns:36px minmax(0,1fr);gap:16px}.chat__bubble img{width:100%;height:auto}.chat__files{margin-top:clamp(8px,.5vw + 6px,16px);display:flex;flex-wrap:wrap;gap:8px}.footer{grid-column:1/-1;display:flex;gap:16px;align-items:center;justify-content:center}.intro{grid-column:1/-1;display:flex;gap:clamp(8px,.5vw + 6px,16px);flex-direction:column;align-items:center}.intro__image{width:clamp(48px,7cqw,72px);height:clamp(48px,7cqw,72px)}@container (max-width: 759px){.intro__image{display:none}}.intro__text{display:grid;justify-items:center;gap:clamp(4px,.25vw + 3px,8px)}.loading-container{display:flex;justify-content:center;align-items:center;height:100%;width:100%}.p-canvas-grid{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh}.profile{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px}.profile:before{--profile-initials-size: 72px;font:normal normal 400 clamp(1.13rem,.21vw + 1.08rem,1.33rem)/ calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;-webkit-hyphens:var(--p-hyphens, auto);hyphens:var(--p-hyphens, auto);overflow-wrap:break-word;color:#6b6d70;text-align:center;line-height:var(--profile-initials-size);letter-spacing:1px;content:"" attr(data-initials) "";display:block;width:var(--profile-initials-size);height:var(--profile-initials-size);border-radius:50%;background:#eeeff2}.greeting-container{position:relative;display:flex;align-items:center;justify-content:center}.video-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-2}.video-background{width:100%;height:100%;object-fit:cover;opacity:.7;pointer-events:none;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1}.content{position:relative;z-index:2;text-align:center;width:100%;opacity:.9;color:#333}.plugin-description{font-size:1.2rem;max-width:40rem}._card_11oty_1{--card-background: var(--compass-card-background, #ffffff);--card-border: var(--compass-card-border, rgba(15, 23, 42, .12));--card-foreground: var(--compass-card-foreground, #1f2937);--card-muted: var(--compass-card-muted, rgba(15, 23, 42, .65));border-radius:20px;border:1px solid var(--card-border);background-color:var(--card-background);color:var(--card-foreground);box-shadow:0 8px 24px #0f172a14;display:flex;flex-direction:column;justify-content:space-between}._cardHeader_11oty_16{display:flex;flex-direction:column;gap:.375rem;padding:1.5rem}._cardTitle_11oty_23{margin:0;font-size:1.5rem;font-weight:600;line-height:1;letter-spacing:-.015em}._cardDescription_11oty_31{margin:0;font-size:.875rem;color:var(--card-muted)}._cardContent_11oty_37{flex:1 1 auto;padding:1.5rem;padding-top:0}._cardFooter_11oty_43{display:flex;align-items:center;padding:1.5rem;padding-top:0}.technology-templates{padding:2rem}.technology-templates__inner{width:85%;margin:0 auto;display:flex;flex-direction:column;gap:2.5rem}.technology-templates__header{display:grid;gap:2rem;text-align:center}.technology-templates__back{justify-self:start;display:inline-flex;align-items:center;justify-content:center;padding:.45rem 1rem;border-radius:10px;border:1px solid color-mix(in srgb,var(--compass-accent) 25%,transparent);background-color:transparent;cursor:pointer;font-weight:600;line-height:1;transition:background-color .2s ease,border-color .2s ease}.technology-templates__back:hover{background-color:color-mix(in srgb,var(--compass-accent) 8%,transparent);border-color:color-mix(in srgb,var(--compass-accent) 45%,transparent)}.technology-templates__back:focus-visible{outline:2px solid color-mix(in srgb,var(--compass-accent) 75%,transparent);outline-offset:2px}.technology-templates__header h1{margin:0;font-size:clamp(2rem,5vw,3rem)}.technology-templates__header p{margin:0 auto;max-width:640px;font-size:1.05rem;opacity:.75}.technology-templates__grid{display:grid;gap:1.5rem}.technology-templates__empty{margin:0;padding:1.25rem 1.5rem;border-radius:12px;border:1px solid color-mix(in srgb,var(--compass-accent) 12%,transparent);background-color:color-mix(in srgb,var(--compass-accent) 4%,transparent);font-size:.95rem;color:color-mix(in srgb,var(--compass-accent) 85%,transparent)}@media(min-width:960px){.technology-templates__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.technology-templates__card{border-radius:16px;border:1px solid color-mix(in srgb,var(--compass-accent) 12%,transparent);background-color:#fff;box-shadow:0 14px 32px color-mix(in srgb,var(--compass-accent) 12%,transparent);display:grid;grid-template-rows:auto auto 1fr auto;gap:1.25rem;padding:1.75rem}.technology-templates__card-header{display:grid;gap:.5rem}.technology-templates__card-header h2{margin:0;font-size:1.45rem}.technology-templates__card-header p{margin:0;opacity:.72;line-height:1.45}.technology-templates__meta{display:grid;gap:.35rem;margin:0}.technology-templates__meta div{display:flex;justify-content:space-between;align-items:baseline;background-color:color-mix(in srgb,var(--compass-accent) 4%,transparent);padding:.75rem 1rem;border-radius:12px}.technology-templates__meta dt{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:color-mix(in srgb,var(--compass-accent) 60%,transparent)}.technology-templates__meta dd{margin:0;font-weight:600}.technology-templates__features{display:grid;gap:.75rem}.technology-templates__features h3{margin:0;font-size:1rem}.technology-templates__features ul{margin:0;padding-left:1.2rem;display:grid;gap:.5rem;font-size:.95rem}.technology-templates__features li{position:relative;list-style:none;padding-left:1rem}.technology-templates__features li:before{content:"";position:absolute;top:.45rem;left:0;width:.45rem;height:.45rem;border-radius:50%;background-color:var(--compass-accent)}.technology-templates__cta{justify-self:start;border:none;border-radius:10px;padding:.75rem 1.5rem;background-color:var(--compass-accent);color:#fff;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.technology-templates__cta:hover{background-color:var(--compass-accent-strong);transform:translateY(-1px)}.technology-templates__cta:focus-visible{outline:2px solid var(--compass-accent);outline-offset:2px}@media(max-width:640px){.technology-templates__card{padding:1.25rem}.technology-templates__meta div{flex-direction:column;gap:.35rem;align-items:flex-start}}.decision-compass{padding:2rem;min-height:100%;display:flex;flex-direction:column}.decision-compass__inner{width:85%;margin:0 auto;display:flex;flex-direction:column;gap:1rem;padding:clamp(1.75rem,4vw,2.75rem);border-radius:18px;border:1px solid color-mix(in srgb,var(--compass-accent) 12%,transparent);background-color:#fffffff2;box-shadow:0 18px 42px color-mix(in srgb,var(--compass-accent) 12%,transparent);flex:1}.decision-compass__header{display:flex;flex-direction:column;gap:1rem}.decision-compass__header h1{margin:0;font-size:clamp(1.2rem,4vw,1.55rem);font-weight:700}.decision-compass__subtitle{opacity:.75}.decision-compass__meta{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;font-size:.875rem;opacity:.85;height:2.5rem}.decision-compass__reset{padding:.35rem .8rem;border-radius:12px;border:1px solid var(--decision-compass-border, rgba(0, 0, 0, .24));background-color:transparent;color:inherit;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.decision-compass__reset:hover,.decision-compass__reset:focus-visible{background-color:var(--decision-compass-option-surface, rgba(0, 0, 0, .08));border-color:var(--compass-accent)}.decision-compass__reset:focus-visible{outline:2px solid var(--compass-accent);outline-offset:2px}.decision-compass__progress{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.decision-compass__progress-track{width:100%;height:6px;border-radius:12px;background-color:var(--decision-compass-border, rgba(0, 0, 0, .12));overflow:hidden}.decision-compass__progress-fill{height:100%;background-color:var(--compass-accent);transition:width .3s ease}.decision-compass__question-step{display:flex;flex-direction:column;gap:1.5rem;flex:1}.decision-compass__question-card{border:1px solid var(--decision-compass-border, rgba(0, 0, 0, .12));border-radius:12px;padding:1.25rem 1.5rem;background-color:var(--decision-compass-surface, transparent);display:flex;flex-direction:column;gap:.5rem}.decision-compass__question-card h2{margin:0;font-size:clamp(1.2rem,4vw,1.55rem);font-weight:700}.decision-compass__question-card p{margin:0;font-size:.95rem;color:color-mix(in srgb,var(--compass-accent) 60%,transparent)}.decision-compass__answers{display:grid;gap:.75rem}@media(max-width:640px){.decision-compass__inner{padding:1.5rem}}@media(min-width:720px){.decision-compass__answers{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}.decision-compass__answer{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;padding:.9rem 1rem;border-radius:12px;border:1px solid var(--decision-compass-border, rgba(0, 0, 0, .12));background-color:var(--decision-compass-option-surface, rgba(0, 0, 0, .03));cursor:pointer;text-align:left;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.decision-compass__answer:hover{border-color:var(--compass-accent)}.decision-compass__answer:focus-visible{outline:2px solid var(--compass-accent);outline-offset:2px}.decision-compass__answer.is-selected{background-color:var(--compass-accent);border-color:var(--compass-accent);color:#fff}.decision-compass__answer-support{font-size:.75rem;opacity:.65}.decision-compass__answer.is-selected .decision-compass__answer-support{opacity:.85}.decision-compass__nav{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-top:auto}.decision-compass__nav-button{min-width:160px;padding:.75rem 1.25rem;border-radius:12px;border:1px solid var(--decision-compass-border, rgba(0, 0, 0, .24));background-color:transparent;color:inherit;cursor:pointer;font-weight:600;transition:background-color .2s ease,border-color .2s ease,color .2s ease,opacity .2s ease}.decision-compass__nav-button:disabled{opacity:.45;cursor:not-allowed}.decision-compass__nav-button:focus-visible{outline:2px solid var(--compass-accent);outline-offset:2px}.decision-compass__nav-button--primary{background-color:var(--compass-accent);border-color:var(--compass-accent);color:#fff}.decision-compass__nav-button--primary:hover{background-color:var(--compass-accent-strong);border-color:var(--compass-accent-strong)}.decision-compass__nav-button--secondary:hover{background-color:var(--decision-compass-option-surface, rgba(0, 0, 0, .08));border-color:var(--compass-accent)}.decision-compass__nav-button--ghost{background-color:transparent;border-color:var(--decision-compass-border, rgba(0, 0, 0, .24));color:inherit}.decision-compass__nav-button--ghost:hover{border-color:var(--compass-accent);background-color:var(--decision-compass-option-surface, rgba(0, 0, 0, .08))}.decision-compass__results{border:1px solid var(--decision-compass-border, rgba(0, 0, 0, .12));border-radius:12px;padding:1.75rem;display:flex;flex-direction:column;gap:1.25rem;background-color:var(--decision-compass-surface, transparent)}.decision-compass__results>h2{margin:0;font-size:clamp(1.25rem,3.5vw,1.55rem);font-weight:700}.decision-compass__results-progress{min-height:6px;height:6px;flex:0 0 auto;border-radius:12px;background-color:var(--decision-compass-border, rgba(0, 0, 0, .12));overflow:hidden}.decision-compass__results-progress-bar{height:100%;background-color:var(--compass-accent);transition:width .3s ease}.decision-compass__card{border:1px solid var(--decision-compass-border, rgba(0, 0, 0, .12));border-radius:12px;padding:1rem;background-color:var(--decision-compass-option-surface, rgba(0, 0, 0, .04));font-size:.95rem;line-height:1.4}.decision-compass__templates-controls{display:flex;align-items:flex-start;gap:1rem;flex-wrap:wrap;width:100%}.decision-compass__templates-sort-group{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.decision-compass__templates-controls-label{font-size:.85rem;font-weight:600;opacity:.75}.decision-compass__templates-sort{display:flex;gap:.5rem}.decision-compass__templates-sort-button{border:1px solid var(--decision-compass-border, rgba(0, 0, 0, .24));background-color:transparent;color:inherit;border-radius:999px;padding:.35rem .9rem;font-size:.85rem;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.decision-compass__templates-sort-button.is-active,.decision-compass__templates-sort-button:hover{background-color:var(--compass-accent);border-color:var(--compass-accent);color:#fff}.decision-compass__threshold-controls{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;min-width:220px}.decision-compass__threshold-checkbox{display:flex;align-items:center;gap:.5rem;align-self:flex-end}.decision-compass__threshold-slider{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;width:240px}.decision-compass__threshold-slider label{font-size:.8rem;font-weight:500;opacity:.8}.decision-compass__threshold-slider input[type=range]{width:100%;cursor:pointer;appearance:none;background:var(--compass-accent);height:6px;border-radius:999px;outline:none}.decision-compass__threshold-slider input[type=range]:disabled{cursor:not-allowed;opacity:.6}.decision-compass__threshold-slider input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:color-mix(in srgb,var(--compass-accent) 45%,transparent)}.decision-compass__threshold-slider input[type=range]::-webkit-slider-thumb{appearance:none;width:14px;height:28px;border-radius:6px;background:var(--compass-accent);border:2px solid #ffffff;margin-top:-11px;transition:transform .35s ease,box-shadow .35s ease}.decision-compass__threshold-slider input[type=range]:hover::-webkit-slider-thumb,.decision-compass__threshold-slider input[type=range]:focus::-webkit-slider-thumb{transform:translateY(-1px);box-shadow:0 2px 6px color-mix(in srgb,var(--compass-accent) 35%,transparent)}.decision-compass__threshold-slider input[type=range]::-moz-range-track{height:6px;border-radius:999px;background:color-mix(in srgb,var(--compass-accent) 45%,transparent)}.decision-compass__threshold-slider input[type=range]::-moz-range-thumb{width:14px;height:28px;border:none;border-radius:6px;background:var(--compass-accent);transition:transform .35s ease,box-shadow .35s ease}.decision-compass__threshold-slider input[type=range]:hover::-moz-range-thumb,.decision-compass__threshold-slider input[type=range]:focus::-moz-range-thumb{transform:translateY(-1px);box-shadow:0 2px 6px color-mix(in srgb,var(--compass-accent) 35%,transparent)}.decision-compass__threshold-slider input[type=range]::-ms-track{height:6px;border-radius:999px;background:transparent;border-color:transparent;color:transparent}.decision-compass__threshold-slider input[type=range]::-ms-fill-lower,.decision-compass__threshold-slider input[type=range]::-ms-fill-upper{background:color-mix(in srgb,var(--compass-accent) 45%,transparent);border-radius:999px}.decision-compass__threshold-slider input[type=range]::-ms-thumb{width:14px;height:28px;border-radius:6px;background:var(--compass-accent);border:none;margin-top:0}@media(max-width:768px){.decision-compass__threshold-controls,.decision-compass__threshold-slider{width:100%;align-items:flex-start}}.decision-compass__templates-wrapper{width:100%;display:flex;align-items:center;gap:.75rem}.decision-compass__templates{display:flex;gap:1rem;overflow-x:auto;padding:.8rem 0;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--compass-accent) 40%,transparent) transparent}.decision-compass__template-card{border:1px solid var(--decision-compass-border, rgba(0, 0, 0, .12));border-radius:14px;padding:1.25rem;display:flex;flex-direction:column;gap:.85rem;min-width:320px;max-width:340px;flex:0 0 auto;max-height:300px;overflow-y:auto;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--compass-accent) 40%,transparent) transparent;cursor:pointer}.decision-compass__template-card.is-active{border-color:var(--compass-accent);box-shadow:0 12px 28px color-mix(in srgb,var(--compass-accent) 18%,transparent);transform:translateY(-4px)}.decision-compass__template-card::-webkit-scrollbar{width:8px}.decision-compass__template-card::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--compass-accent) 45%,transparent);border-radius:999px}.decision-compass__template-card::-webkit-scrollbar-track{background-color:transparent;margin-block:4px}.decision-compass__template-header{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:.5rem}.decision-compass__compatibility{font-weight:600;font-size:1rem}.decision-compass__stat{margin:0;font-size:.875rem;opacity:.85}.decision-compass__gap-title{font-weight:600;font-size:.85rem;margin:0}.decision-compass__gap-list{margin:.35rem 0 0;padding-left:1.1rem;display:grid;gap:.25rem;font-size:.8125rem}.decision-compass__template-metrics{display:flex;gap:.75rem;font-size:.8rem;opacity:.75}.decision-compass__templates-nav{border:1px solid var(--decision-compass-border, rgba(0, 0, 0, .24));background-color:#fff;color:var(--compass-accent);border-radius:999px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background-color .2s ease,border-color .2s ease}.decision-compass__templates-nav:hover,.decision-compass__templates-nav:focus-visible{border-color:var(--compass-accent);background-color:var(--decision-compass-option-surface, rgba(0, 0, 0, .08))}.decision-compass__actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start;width:100%}.decision-compass__actions-right{margin-left:auto}.decision-compass__chart{border:1px solid var(--decision-compass-border, rgba(0, 0, 0, .12));border-radius:16px;padding:2.5rem;background-color:#ffffffd9;position:relative}.decision-compass__chart-axes{position:absolute;inset:1.5rem 1.75rem 2.5rem;pointer-events:none}.decision-compass__chart-grid{position:relative;width:100%;height:320px;border-left:2px solid color-mix(in srgb,var(--compass-accent) 35%,transparent);border-bottom:2px solid color-mix(in srgb,var(--compass-accent) 35%,transparent)}.decision-compass__chart-line{position:absolute;border-color:color-mix(in srgb,var(--compass-accent) 14%,transparent);border-style:dashed}.decision-compass__chart-line--h{width:100%;border-top-width:1px}.decision-compass__chart-line--v{height:100%;border-left-width:1px}.decision-compass__chart-saved-line{position:absolute;top:0;bottom:0;width:2px;transform:translate(-1px);background-color:color-mix(in srgb,var(--compass-accent) 70%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--compass-accent) 25%,transparent);pointer-events:none}.decision-compass__chart-saved-label{position:absolute;top:-.25rem;transform:translate(-50%,-100%);font-size:.75rem;font-weight:600;color:color-mix(in srgb,var(--compass-accent) 85%,transparent);background-color:#fffffff2;border:1px solid color-mix(in srgb,var(--compass-accent) 25%,transparent);border-radius:999px;padding:.2rem .6rem;white-space:nowrap;pointer-events:none}.decision-compass__chart-point{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;border:2px solid color-mix(in srgb,var(--compass-accent) 22%,transparent);background-color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.decision-compass__chart-point.is-active,.decision-compass__chart-point:hover,.decision-compass__chart-point:focus-visible{border-color:var(--compass-accent);transform:translate(-50%,-50%) scale(1.05);box-shadow:0 8px 18px color-mix(in srgb,var(--compass-accent) 20%,transparent)}.decision-compass__chart-tooltip{position:absolute;bottom:50%;left:calc(100% + 10px);transform:translateY(50%);padding:.6rem .75rem;background-color:#fff;border:1px solid color-mix(in srgb,var(--compass-accent) 18%,transparent);border-radius:10px;box-shadow:0 12px 24px color-mix(in srgb,var(--compass-accent) 18%,transparent);display:grid;gap:.25rem;min-width:160px;font-size:.75rem;opacity:0;pointer-events:none;transition:opacity .15s ease;z-index:2}.decision-compass__chart-tooltip strong{font-size:.82rem}.decision-compass__chart-tooltip.is-visible{opacity:1}.decision-compass__chart-axis-label{position:absolute;font-size:.85rem;color:color-mix(in srgb,var(--compass-accent) 75%,transparent);font-weight:600}.decision-compass__chart-axis-label--y{left:-.5rem;top:50%;transform:translate(-50%,-50%) rotate(-90deg);transform-origin:center}.decision-compass__chart-axis-label--x{bottom:-2rem;left:50%;transform:translate(-50%)}.decision-compass__chart-cost-scale{position:relative;width:100%;height:1.5rem;margin-top:.75rem}.decision-compass__chart-cost-scale-label{position:absolute;font-size:.75rem;color:color-mix(in srgb,var(--compass-accent) 60%,transparent);font-weight:500;transform:translate(-50%);white-space:nowrap}.decision-compass__chart-cost-scale-label:first-child{transform:translate(0)}.decision-compass__chart-cost-scale-label:last-child{transform:translate(-100%)}.decision-compass__meta-link{border:none;background:none;color:var(--compass-accent);font-weight:600;cursor:pointer;padding:0;text-decoration:none;transition:opacity .2s ease}.decision-compass__meta-link:hover{opacity:.65}.decision-compass__meta-link:focus-visible{outline:2px solid var(--compass-accent);outline-offset:2px}.compass-technologies{padding:2rem}.compass-technologies__inner{width:85%;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.compass-technologies__header{display:grid;gap:2rem;text-align:center}.compass-technologies__header-top{position:relative;width:100%;display:flex;align-items:center;justify-content:center;min-height:2.15rem}.compass-technologies__back{display:inline-flex;align-items:center;justify-content:center;padding:.45rem 1rem;border-radius:10px;border:1px solid color-mix(in srgb,var(--compass-accent) 25%,transparent);background-color:transparent;cursor:pointer;font-weight:600;line-height:1;transition:background-color .2s ease,border-color .2s ease;justify-self:start;position:absolute;left:0;top:50%;transform:translateY(-50%)}.compass-technologies__back:hover{background-color:color-mix(in srgb,var(--compass-accent) 8%,transparent);border-color:color-mix(in srgb,var(--compass-accent) 45%,transparent)}.compass-technologies__back:focus-visible{outline:2px solid color-mix(in srgb,var(--compass-accent) 75%,transparent);outline-offset:2px}.compass-technologies__eyebrow{margin:0;display:inline-flex;align-items:center;padding:.4rem .95rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--compass-accent) 18%,transparent);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--compass-accent) 75%,transparent);line-height:1}.compass-technologies__header h1{margin:0;font-size:clamp(2.25rem,5vw,3.25rem)}.compass-technologies__header p{margin:0 auto;max-width:680px;font-size:1.05rem;opacity:.75}.compass-technologies__providers{display:grid;gap:2rem}.compass-technologies__provider{border-radius:20px;border:1px solid color-mix(in srgb,var(--compass-accent) 12%,transparent);background-color:#fff;box-shadow:0 14px 36px color-mix(in srgb,var(--compass-accent) 12%,transparent);padding:2rem;display:grid;gap:1.5rem}.compass-technologies__provider.is-clickable{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.compass-technologies__provider.is-clickable:hover,.compass-technologies__provider.is-clickable:focus-visible{transform:translateY(-4px);box-shadow:0 18px 64px color-mix(in srgb,var(--compass-accent) 18%,transparent)}.compass-technologies__provider-header{display:grid;gap:.75rem}.compass-technologies__provider-top{display:flex;align-items:center;gap:.85rem}.compass-technologies__provider-icon{width:2.75rem;height:2.75rem;border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--compass-accent) 18%,transparent),color-mix(in srgb,var(--compass-accent) 8%,transparent));display:flex;align-items:center;justify-content:center;color:var(--compass-accent)}.compass-technologies__provider-header h2{margin:0;font-size:2rem}.compass-technologies__provider-header p{margin:0;opacity:.78;line-height:1.6}.compass-technologies__details{display:grid;gap:1.25rem}@media(min-width:900px){.compass-technologies__details{grid-template-columns:repeat(3,minmax(0,1fr))}}.compass-technologies__panel{border-radius:16px;border:1px solid color-mix(in srgb,var(--compass-accent) 12%,transparent);background-color:color-mix(in srgb,var(--compass-accent) 3.5%,transparent);padding:1.25rem 1.5rem;display:grid;gap:.75rem}.compass-technologies__panel h3{margin:0;font-size:1.05rem}.compass-technologies__panel ul{margin:0;padding-left:1.25rem;display:grid;gap:.55rem;font-size:.95rem}.compass-technologies__panel li{list-style:none;position:relative;padding-left:.85rem;line-height:1.45}.compass-technologies__panel li:before{content:"";position:absolute;left:0;top:.6rem;width:.4rem;height:.4rem;border-radius:50%;background-color:var(--compass-accent)}.compass-technologies__footer{display:flex;flex-wrap:wrap;gap:.75rem;align-items:baseline;justify-content:space-between;border-top:1px solid color-mix(in srgb,var(--compass-accent) 12%,transparent);padding-top:1rem}.compass-technologies__footer p{margin:0;font-weight:600}.compass-technologies__footer ul{margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.75rem;list-style:none}.compass-technologies__footer a{color:var(--compass-accent);font-weight:600;text-decoration:none;transition:opacity .2s ease}.compass-technologies__footer a:hover{opacity:.7}.compass-technologies__footer a:focus-visible{outline:2px solid var(--compass-accent);outline-offset:2px}@media(max-width:640px){.compass-technologies__provider{padding:1.5rem}.compass-technologies__footer{flex-direction:column;align-items:flex-start;gap:.5rem}}.compass-tutorial{padding:2rem}.compass-tutorial__inner{width:85%;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.compass-tutorial__header{display:grid;gap:2rem;text-align:center}.compass-tutorial__header-top{position:relative;width:100%;display:flex;align-items:center;justify-content:center;min-height:2.25rem}.compass-tutorial__back{display:inline-flex;align-items:center;justify-content:center;padding:.45rem 1rem;border-radius:10px;border:1px solid color-mix(in srgb,var(--compass-accent) 25%,transparent);background-color:transparent;cursor:pointer;font-weight:600;line-height:1;transition:background-color .2s ease,border-color .2s ease;justify-self:start;position:absolute;left:0;top:50%;transform:translateY(-50%)}.compass-tutorial__back:hover{background-color:color-mix(in srgb,var(--compass-accent) 8%,transparent);border-color:color-mix(in srgb,var(--compass-accent) 45%,transparent)}.compass-tutorial__back:focus-visible{outline:2px solid color-mix(in srgb,var(--compass-accent) 75%,transparent);outline-offset:2px}.compass-tutorial__eyebrow{margin:0;display:inline-flex;align-items:center;padding:.45rem 1rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--compass-accent) 18%,transparent);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--compass-accent) 75%,transparent);line-height:1}.compass-tutorial__header h1{margin:0;font-size:clamp(2.25rem,5vw,3.25rem)}.compass-tutorial__header p{margin:0 auto;max-width:640px;font-size:1.05rem;opacity:.78}.compass-tutorial__steps{display:grid;gap:1.5rem}@media(min-width:900px){.compass-tutorial__steps{grid-template-columns:repeat(2,minmax(0,1fr))}}.compass-tutorial__step{border-radius:18px;border:1px solid color-mix(in srgb,var(--compass-accent) 12%,transparent);background-color:#fffffff2;box-shadow:0 14px 28px color-mix(in srgb,var(--compass-accent) 12%,transparent);padding:1.75rem;display:grid;gap:.75rem}.compass-tutorial__step h2{margin:0;font-size:1.25rem}.compass-tutorial__step p{margin:0;line-height:1.55;opacity:.78}.compass-tutorial__footer{display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-end}.compass-tutorial__cta,.compass-tutorial__ghost{border-radius:10px;padding:.8rem 1.6rem;font-weight:600;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.compass-tutorial__cta{border:1px solid var(--compass-accent);background-color:var(--compass-accent);color:#fff}.compass-tutorial__cta:hover{background-color:var(--compass-accent-strong);transform:translateY(-2px)}.compass-tutorial__ghost{border:1px solid color-mix(in srgb,var(--compass-accent) 24%,transparent);background-color:transparent;color:inherit}.compass-tutorial__ghost:hover{border-color:var(--compass-accent);background-color:color-mix(in srgb,var(--compass-accent) 8%,transparent);transform:translateY(-2px)}@media(max-width:640px){.compass-tutorial__header-top{justify-content:center}.compass-tutorial__back,.compass-tutorial__eyebrow{width:auto}}@media(max-width:640px){.compass-tutorial__footer{flex-direction:column;align-items:stretch}.compass-tutorial__cta,.compass-tutorial__ghost{width:100%}}.result-detail{padding:2rem}.result-detail__inner{width:85%;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.result-detail__header{display:grid;gap:2rem;text-align:center}.result-detail__header-top{position:relative;width:100%;display:flex;align-items:center;justify-content:center;min-height:2.25rem}.result-detail__back{display:inline-flex;align-items:center;justify-content:center;padding:.45rem 1rem;border-radius:10px;border:1px solid color-mix(in srgb,var(--compass-accent) 25%,transparent);background-color:transparent;cursor:pointer;font-weight:600;line-height:1;transition:background-color .2s ease,border-color .2s ease;justify-self:start;position:absolute;left:0;top:50%;transform:translateY(-50%)}.result-detail__back:hover{background-color:color-mix(in srgb,var(--compass-accent) 8%,transparent);border-color:color-mix(in srgb,var(--compass-accent) 45%,transparent)}.result-detail__back:focus-visible{outline:2px solid color-mix(in srgb,var(--compass-accent) 75%,transparent);outline-offset:2px}.result-detail__eyebrow{margin:0 0 16px;display:inline-flex;align-items:center;padding:.45rem 1rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--compass-accent) 18%,transparent);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--compass-accent) 75%,transparent);line-height:1}.result-detail__header h1{margin:0;font-size:clamp(2.25rem,5vw,3.25rem)}.result-detail__header p{margin:0 auto;max-width:620px;opacity:.78;font-size:1.05rem}.result-detail__meta{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.result-detail__meta article{border:1px solid color-mix(in srgb,var(--compass-accent) 12%,transparent);border-radius:14px;padding:1rem 1.25rem;background-color:#fffffff2;display:grid;gap:.4rem;box-shadow:0 14px 32px color-mix(in srgb,var(--compass-accent) 12%,transparent)}.result-detail__meta-label{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;opacity:.65}.result-detail__meta strong{font-size:1.4rem}.result-detail__panel{border:1px solid color-mix(in srgb,var(--compass-accent) 12%,transparent);border-radius:14px;padding:1.5rem;background-color:#fffffff2;display:grid;gap:.75rem;box-shadow:0 18px 42px color-mix(in srgb,var(--compass-accent) 12%,transparent)}.result-detail__panel h2{margin:0;font-size:1.35rem}.result-detail__panel ul{margin:0;padding-left:1.25rem;display:grid;gap:.5rem}.result-detail__panel li{list-style:none;position:relative;padding-left:1rem;display:grid;gap:.15rem}.result-detail__panel li:before{content:"";position:absolute;left:0;top:.55rem;width:.4rem;height:.4rem;border-radius:50%;background-color:color-mix(in srgb,var(--compass-accent) 40%,transparent)}.result-detail__panel li strong{font-size:.95rem}.result-detail__panel li span{font-size:.85rem;opacity:.8}.result-detail__actions{display:flex;justify-content:flex-end}.result-detail__secondary{border:1px solid var(--compass-accent);background-color:var(--compass-accent);color:#fff;border-radius:10px;padding:1rem;gap:.5rem;display:flex;cursor:pointer;font-weight:600;transition:background-color .2s ease,color .2s ease}.result-detail__secondary:hover{background-color:var(--compass-accent-strong)}.result-detail__secondary:focus-visible{outline:2px solid color-mix(in srgb,var(--compass-accent) 75%,transparent);outline-offset:2px}.result-detail__primary{border:1px solid var(--compass-accent);background-color:var(--compass-accent);color:#fff;border-radius:10px;padding:.75rem 1.5rem;cursor:pointer;font-weight:600;transition:background-color .2s ease}.result-detail__primary:hover{background-color:var(--compass-accent-strong)}:root{--compass-accent: black;--compass-accent-strong: color-mix(in srgb, var(--compass-accent) 80%, black);--compass-accent-light: color-mix(in srgb, var(--compass-accent) 60%, white)}.technology-template-detail__content .technology-template-detail__markdown{display:grid;gap:1.1rem}.technology-template-detail__content h1,.technology-template-detail__content h2,.technology-template-detail__content h3{margin:0;color:var(--compass-accent);font-weight:700;line-height:1.2}.technology-template-detail__content h1{font-size:clamp(1.9rem,4vw,2.4rem)}.technology-template-detail__content h2{font-size:clamp(1.4rem,3vw,1.8rem)}.technology-template-detail__content h3{font-size:clamp(1.2rem,2.5vw,1.5rem)}.technology-template-detail__content h1+p,.technology-template-detail__content h2+p,.technology-template-detail__content h3+p{margin-top:.35rem}.technology-template-detail__content p{margin:0;line-height:1.6;font-size:.98rem}.technology-template-detail__content ul{padding-left:1.5rem;margin:0;display:grid;gap:.35rem}.technology-template-detail__content li{line-height:1.5}.technology-template-detail__content table{width:100%;border-collapse:collapse;margin:0;font-size:.95rem;overflow:hidden;border-radius:.5rem}.technology-template-detail__content thead{background:color-mix(in srgb,var(--compass-accent) 6%,white)}.technology-template-detail__content th,.technology-template-detail__content td{padding:.6rem .8rem;border:1px solid color-mix(in srgb,var(--compass-accent) 12%,transparent);text-align:left;vertical-align:top}.technology-template-detail__content pre{margin:0;padding:.85rem;border-radius:.5rem;background:color-mix(in srgb,var(--compass-accent) 6%,white);overflow-x:auto;font-size:.92rem;line-height:1.5}.technology-template-detail__content code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.technology-template-detail__content p>code{background:color-mix(in srgb,var(--compass-accent) 6%,white);padding:.05rem .35rem;border-radius:.35rem;font-size:.9rem}.technology-template-detail__content pre code{background:transparent;padding:0}