@import "https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";@layer components;@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-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-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-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:"Plus Jakarta Sans", sans-serif;--font-mono:"Plus Jakarta Sans", sans-serif;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--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;--text-8xl:6rem;--text-8xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-normal:0em;--tracking-wide:.025em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--ease-out:cubic-bezier(0, 0, .2, 1);--blur-lg:16px;--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-canvas:#fff;--color-surface:#fff;--color-ink:#000;--color-cream:#fff;--color-line:#000;--color-blue:#2563eb;--color-red:#ef4444;--color-yellow:#eab308;--color-ink-2:#000;--font-display:"Jost", sans-serif}}@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,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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:where(:not(iframe)){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 utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{inset-inline:0}.-top-1{top:calc(var(--spacing) * -1)}.-top-1\.5{top:calc(var(--spacing) * -1.5)}.-top-2\.5{top:calc(var(--spacing) * -2.5)}.-top-16{top:calc(var(--spacing) * -16)}.top-0{top:0}.top-1{top:var(--spacing)}.top-1\/2{top:50%}.top-\[49px\]{top:49px}.-right-1\.5{right:calc(var(--spacing) * -1.5)}.-right-20{right:calc(var(--spacing) * -20)}.right-0{right:0}.right-3{right:calc(var(--spacing) * 3)}.bottom-5{bottom:calc(var(--spacing) * 5)}.-left-1{left:calc(var(--spacing) * -1)}.left-0{left:0}.left-1{left:var(--spacing)}.left-5{left:calc(var(--spacing) * 5)}.z-40{z-index:40}.z-50{z-index:50}.-mx-5{margin-inline:calc(var(--spacing) * -5)}.mx-8{margin-inline:calc(var(--spacing) * 8)}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.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-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-auto{margin-top:auto}.-mb-0\.5{margin-bottom:calc(var(--spacing) * -.5)}.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-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.ml-1\.5{margin-left:calc(var(--spacing) * 1.5)}.ml-2{margin-left:calc(var(--spacing) * 2)}.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}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-square{aspect-ratio:1}.h-0\.5{height:calc(var(--spacing) * .5)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.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-9{height:calc(var(--spacing) * 9)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-72{height:calc(var(--spacing) * 72)}.h-\[46vh\]{height:46vh}.h-\[58vh\]{height:58vh}.h-\[calc\(100\%\+8px\)\]{height:calc(100% + 8px)}.h-auto{height:auto}.h-full{height:100%}.max-h-0{max-height:0}.max-h-80{max-height:calc(var(--spacing) * 80)}.min-h-\[78vh\]{min-height:78vh}.min-h-\[80vh\]{min-height:80vh}.min-h-\[300px\]{min-height:300px}.min-h-\[320px\]{min-height:320px}.min-h-\[380px\]{min-height:380px}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-32{width:calc(var(--spacing) * 32)}.w-44{width:calc(var(--spacing) * 44)}.w-72{width:calc(var(--spacing) * 72)}.w-\[calc\(100\%\+8px\)\]{width:calc(100% + 8px)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.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-\[900px\]{max-width:900px}.max-w-\[1280px\]{max-width:1280px}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:0}.min-w-5{min-width:calc(var(--spacing) * 5)}.min-w-\[720px\]{min-width:720px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow-0{flex-grow:0}.basis-11{flex-basis:calc(var(--spacing) * 11)}.border-collapse{border-collapse:collapse}.translate-x-0{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-5{--tw-translate-x:calc(var(--spacing) * 5);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-\[7px\]{--tw-translate-y:calc(7px * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[7px\]{--tw-translate-y:7px;translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;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,)}.animate-\[marquee_30s_linear_infinite\]{animation:30s linear infinite marquee}.animate-\[pulse_2s_ease-in-out_infinite\]{animation:2s ease-in-out infinite pulse}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.resize-y{resize:vertical}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0{gap:0}.gap-1{gap:var(--spacing)}.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-10{gap:calc(var(--spacing) * 10)}.gap-12{gap:calc(var(--spacing) * 12)}.gap-16{gap:calc(var(--spacing) * 16)}.gap-\[5px\]{gap:5px}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-x-8{column-gap:calc(var(--spacing) * 8)}.gap-x-12{column-gap:calc(var(--spacing) * 12)}.gap-y-1{row-gap:var(--spacing)}.gap-y-3{row-gap:calc(var(--spacing) * 3)}.gap-y-6{row-gap:calc(var(--spacing) * 6)}.gap-y-10{row-gap:calc(var(--spacing) * 10)}:where(.divide-y-2>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(2px * var(--tw-divide-y-reverse));border-bottom-width:calc(2px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-line>:not(:last-child)){border-color:var(--color-line)}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:2147483647px}.border-2{border-style:var(--tw-border-style);border-width:2px}.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-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-blue{border-color:var(--color-blue)}.border-cream{border-color:var(--color-cream)}.border-cream\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-cream\/10{border-color:color-mix(in oklab, var(--color-cream) 10%, transparent)}}.border-cream\/20{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.border-cream\/20{border-color:color-mix(in oklab, var(--color-cream) 20%, transparent)}}.border-cream\/30{border-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.border-cream\/30{border-color:color-mix(in oklab, var(--color-cream) 30%, transparent)}}.border-current{border-color:currentColor}.border-ink{border-color:var(--color-ink)}.border-line{border-color:var(--color-line)}.border-line\/30{border-color:#0000004d}@supports (color:color-mix(in lab, red, red)){.border-line\/30{border-color:color-mix(in oklab, var(--color-line) 30%, transparent)}}.border-line\/40{border-color:#0006}@supports (color:color-mix(in lab, red, red)){.border-line\/40{border-color:color-mix(in oklab, var(--color-line) 40%, transparent)}}.border-line\/50{border-color:#00000080}@supports (color:color-mix(in lab, red, red)){.border-line\/50{border-color:color-mix(in oklab, var(--color-line) 50%, transparent)}}.border-red{border-color:var(--color-red)}.border-transparent{border-color:#0000}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.border-yellow{border-color:var(--color-yellow)}.bg-blue{background-color:var(--color-blue)}.bg-blue\/5{background-color:#2563eb0d}@supports (color:color-mix(in lab, red, red)){.bg-blue\/5{background-color:color-mix(in oklab, var(--color-blue) 5%, transparent)}}.bg-canvas{background-color:var(--color-canvas)}.bg-canvas\/80{background-color:#fffc}@supports (color:color-mix(in lab, red, red)){.bg-canvas\/80{background-color:color-mix(in oklab, var(--color-canvas) 80%, transparent)}}.bg-cream{background-color:var(--color-cream)}.bg-ink{background-color:var(--color-ink)}.bg-ink-2\/40{background-color:#0006}@supports (color:color-mix(in lab, red, red)){.bg-ink-2\/40{background-color:color-mix(in oklab, var(--color-ink-2) 40%, transparent)}}.bg-ink\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-ink\/50{background-color:color-mix(in oklab, var(--color-ink) 50%, transparent)}}.bg-line{background-color:var(--color-line)}.bg-line\/20{background-color:#0003}@supports (color:color-mix(in lab, red, red)){.bg-line\/20{background-color:color-mix(in oklab, var(--color-line) 20%, transparent)}}.bg-line\/40{background-color:#0006}@supports (color:color-mix(in lab, red, red)){.bg-line\/40{background-color:color-mix(in oklab, var(--color-line) 40%, transparent)}}.bg-red{background-color:var(--color-red)}.bg-red\/5{background-color:#ef44440d}@supports (color:color-mix(in lab, red, red)){.bg-red\/5{background-color:color-mix(in oklab, var(--color-red) 5%, transparent)}}.bg-red\/10{background-color:#ef44441a}@supports (color:color-mix(in lab, red, red)){.bg-red\/10{background-color:color-mix(in oklab, var(--color-red) 10%, transparent)}}.bg-surface{background-color:var(--color-surface)}.bg-transparent{background-color:#0000}.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-yellow{background-color:var(--color-yellow)}.bg-yellow\/10{background-color:#eab3081a}@supports (color:color-mix(in lab, red, red)){.bg-yellow\/10{background-color:color-mix(in oklab, var(--color-yellow) 10%, transparent)}}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-black\/80{--tw-gradient-from:#000c}@supports (color:color-mix(in lab, red, red)){.from-black\/80{--tw-gradient-from:color-mix(in oklab, var(--color-black) 80%, transparent)}}.from-black\/80{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-black\/40{--tw-gradient-via:#0006}@supports (color:color-mix(in lab, red, red)){.via-black\/40{--tw-gradient-via:color-mix(in oklab, var(--color-black) 40%, transparent)}}.via-black\/40{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-black\/50{--tw-gradient-via:#00000080}@supports (color:color-mix(in lab, red, red)){.via-black\/50{--tw-gradient-via:color-mix(in oklab, var(--color-black) 50%, transparent)}}.via-black\/50{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-black\/20{--tw-gradient-to:#0003}@supports (color:color-mix(in lab, red, red)){.to-black\/20{--tw-gradient-to:color-mix(in oklab, var(--color-black) 20%, transparent)}}.to-black\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-black\/30{--tw-gradient-to:#0000004d}@supports (color:color-mix(in lab, red, red)){.to-black\/30{--tw-gradient-to:color-mix(in oklab, var(--color-black) 30%, transparent)}}.to-black\/30{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-center{object-position:center}.p-0{padding:0}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-7{padding:calc(var(--spacing) * 7)}.p-8{padding:calc(var(--spacing) * 8)}.p-10{padding:calc(var(--spacing) * 10)}.p-16{padding:calc(var(--spacing) * 16)}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.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-7{padding-inline:calc(var(--spacing) * 7)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-10{padding-inline:calc(var(--spacing) * 10)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-7{padding-block:calc(var(--spacing) * 7)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-14{padding-block:calc(var(--spacing) * 14)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-20{padding-block:calc(var(--spacing) * 20)}.py-24{padding-block:calc(var(--spacing) * 24)}.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-5{padding-top:calc(var(--spacing) * 5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pt-20{padding-top:calc(var(--spacing) * 20)}.pt-32{padding-top:calc(var(--spacing) * 32)}.pr-1{padding-right:var(--spacing)}.pr-14{padding-right:calc(var(--spacing) * 14)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-7{padding-bottom:calc(var(--spacing) * 7)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.pb-14{padding-bottom:calc(var(--spacing) * 14)}.pb-16{padding-bottom:calc(var(--spacing) * 16)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-5{padding-left:calc(var(--spacing) * 5)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.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-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-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-\[22px\]{font-size:22px}.text-\[22vw\]{font-size:22vw}.text-\[120px\]{font-size:120px}.leading-\[0\.92\]{--tw-leading:.92;line-height:.92}.leading-\[0\.95\]{--tw-leading:.95;line-height:.95}.leading-\[0\.98\]{--tw-leading:.98;line-height:.98}.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-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-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.1em\]{--tw-tracking:.1em;letter-spacing:.1em}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.15em\]{--tw-tracking:.15em;letter-spacing:.15em}.tracking-\[0\.22em\]{--tw-tracking:.22em;letter-spacing:.22em}.tracking-\[0\.24em\]{--tw-tracking:.24em;letter-spacing:.24em}.tracking-\[0\.25em\]{--tw-tracking:.25em;letter-spacing:.25em}.tracking-\[0\.28em\]{--tw-tracking:.28em;letter-spacing:.28em}.tracking-normal{--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-tighter{--tw-tracking:var(--tracking-tighter);letter-spacing:var(--tracking-tighter)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-blue{color:var(--color-blue)}.text-cream{color:var(--color-cream)}.text-cream\/40{color:#fff6}@supports (color:color-mix(in lab, red, red)){.text-cream\/40{color:color-mix(in oklab, var(--color-cream) 40%, transparent)}}.text-cream\/50{color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.text-cream\/50{color:color-mix(in oklab, var(--color-cream) 50%, transparent)}}.text-cream\/60{color:#fff9}@supports (color:color-mix(in lab, red, red)){.text-cream\/60{color:color-mix(in oklab, var(--color-cream) 60%, transparent)}}.text-cream\/70{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.text-cream\/70{color:color-mix(in oklab, var(--color-cream) 70%, transparent)}}.text-cream\/75{color:#ffffffbf}@supports (color:color-mix(in lab, red, red)){.text-cream\/75{color:color-mix(in oklab, var(--color-cream) 75%, transparent)}}.text-cream\/80{color:#fffc}@supports (color:color-mix(in lab, red, red)){.text-cream\/80{color:color-mix(in oklab, var(--color-cream) 80%, transparent)}}.text-cream\/85{color:#ffffffd9}@supports (color:color-mix(in lab, red, red)){.text-cream\/85{color:color-mix(in oklab, var(--color-cream) 85%, transparent)}}.text-cream\/90{color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.text-cream\/90{color:color-mix(in oklab, var(--color-cream) 90%, transparent)}}.text-ink{color:var(--color-ink)}.text-ink-2{color:var(--color-ink-2)}.text-ink\/60{color:#0009}@supports (color:color-mix(in lab, red, red)){.text-ink\/60{color:color-mix(in oklab, var(--color-ink) 60%, transparent)}}.text-ink\/70{color:#000000b3}@supports (color:color-mix(in lab, red, red)){.text-ink\/70{color:color-mix(in oklab, var(--color-ink) 70%, transparent)}}.text-red{color:var(--color-red)}.text-yellow{color:var(--color-yellow)}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.accent-blue{accent-color:var(--color-blue)}.opacity-0{opacity:0}.opacity-20{opacity:.2}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.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)}.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-lg{--tw-backdrop-blur:blur(var(--blur-lg));-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-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-400{--tw-duration:.4s;transition-duration:.4s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.duration-\[2s\]{--tw-duration:2s;transition-duration:2s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.group-hover\:translate-x-1:is(:where(.group):hover *){--tw-translate-x:var(--spacing);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\:bg-ink:is(:where(.group):hover *){background-color:var(--color-ink)}.group-hover\:text-cream:is(:where(.group):hover *){color:var(--color-cream)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}.last\:pb-0:last-child{padding-bottom:0}.focus-within\:border-blue:focus-within{border-color:var(--color-blue)}@media (hover:hover){.hover\:-translate-y-2:hover{--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:rotate-12:hover{rotate:12deg}.hover\:border-blue:hover{border-color:var(--color-blue)}.hover\:border-cream:hover{border-color:var(--color-cream)}.hover\:border-ink:hover{border-color:var(--color-ink)}.hover\:bg-blue:hover{background-color:var(--color-blue)}.hover\:bg-cream:hover{background-color:var(--color-cream)}.hover\:bg-ink:hover{background-color:var(--color-ink)}.hover\:bg-red:hover{background-color:var(--color-red)}.hover\:bg-surface:hover{background-color:var(--color-surface)}.hover\:bg-yellow:hover{background-color:var(--color-yellow)}.hover\:text-blue:hover{color:var(--color-blue)}.hover\:text-cream:hover{color:var(--color-cream)}.hover\:text-cream\/80:hover{color:#fffc}@supports (color:color-mix(in lab, red, red)){.hover\:text-cream\/80:hover{color:color-mix(in oklab, var(--color-cream) 80%, transparent)}}.hover\:text-ink:hover{color:var(--color-ink)}.hover\:text-yellow:hover{color:var(--color-yellow)}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-\[0_24px_60px_-12px_rgba\(0\,0\,0\,0\.15\)\]:hover{--tw-shadow:0 24px 60px -12px var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-\[0_24px_60px_-12px_rgba\(37\,99\,235\,0\.45\)\]:hover{--tw-shadow:0 24px 60px -12px var(--tw-shadow-color,#2563eb73);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.focus\:border-blue:focus{border-color:var(--color-blue)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-20:disabled{opacity:.2}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}@media (hover:hover){.disabled\:hover\:bg-transparent:disabled:hover{background-color:#0000}.disabled\:hover\:text-ink:disabled:hover{color:var(--color-ink)}}@media (width>=40rem){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}}@media (width>=48rem){.md\:flex{display:flex}.md\:hidden{display:none}.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\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:items-end{align-items:flex-end}.md\:gap-2{gap:calc(var(--spacing) * 2)}}@media (width>=64rem){.lg\:static{position:static}.lg\:sticky{position:sticky}.lg\:top-0{top:0}.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-6{grid-column:span 6/span 6}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:-mx-8{margin-inline:calc(var(--spacing) * -8)}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:h-screen{height:100vh}.lg\:w-56{width:calc(var(--spacing) * 56)}.lg\:w-64{width:calc(var(--spacing) * 64)}.lg\:shrink-0{flex-shrink:0}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-end{align-items:flex-end}.lg\:justify-end{justify-content:flex-end}.lg\:gap-20{gap:calc(var(--spacing) * 20)}.lg\:border-r-2{border-right-style:var(--tw-border-style);border-right-width:2px}.lg\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.lg\:p-8{padding:calc(var(--spacing) * 8)}.lg\:p-9{padding:calc(var(--spacing) * 9)}.lg\:p-10{padding:calc(var(--spacing) * 10)}.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}.lg\:px-10{padding-inline:calc(var(--spacing) * 10)}.lg\:py-14{padding-block:calc(var(--spacing) * 14)}.lg\:py-20{padding-block:calc(var(--spacing) * 20)}.lg\:py-24{padding-block:calc(var(--spacing) * 24)}.lg\:py-28{padding-block:calc(var(--spacing) * 28)}.lg\:py-36{padding-block:calc(var(--spacing) * 36)}.lg\:pt-28{padding-top:calc(var(--spacing) * 28)}.lg\:pt-40{padding-top:calc(var(--spacing) * 40)}.lg\:pb-20{padding-bottom:calc(var(--spacing) * 20)}.lg\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.lg\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.lg\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.lg\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.lg\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.lg\:text-8xl{font-size:var(--text-8xl);line-height:var(--tw-leading,var(--text-8xl--line-height))}}@media (width>=80rem){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}}html,body,#root{height:100%}body{background-color:var(--color-canvas);color:var(--color-ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}::selection{background-color:var(--color-blue);color:var(--color-cream)}html{scrollbar-width:none}html::-webkit-scrollbar{width:0;height:0}.input{border:2px solid var(--color-line);background-color:var(--color-canvas);outline:none;width:100%;padding:.65rem .85rem;font-size:15px}.input:focus{border-color:var(--color-blue)}.budget-slider::-webkit-slider-thumb{appearance:none;background:var(--color-blue);border:2px solid var(--color-ink);cursor:pointer;border-radius:50%;width:20px;height:20px;transition:transform .15s}.budget-slider::-moz-range-thumb{background:var(--color-blue);border:2px solid var(--color-ink);cursor:pointer;border-radius:50%;width:20px;height:20px}.budget-slider:active::-webkit-slider-thumb{transform:scale(1.25)}.logo-blend{mix-blend-mode:multiply;background:0 0}.logo-animate{transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .25s}.logo-link:hover .logo-animate{opacity:.8;transform:scale(1.08)}.logo-link:active .logo-animate{transform:scale(.95)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes fade-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-left{0%{opacity:0;transform:translate(52px)}to{opacity:1;transform:translate(0)}}@keyframes fade-right{0%{opacity:0;transform:translate(-52px)}to{opacity:1;transform:translate(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}@keyframes flip-up{0%{opacity:0;transform:perspective(600px)rotateX(38deg)translateY(28px)}to{opacity:1;transform:perspective(600px)rotateX(0)translateY(0)}}@keyframes pop-in{0%{opacity:0;transform:scale(.5)rotate(-6deg)}70%{transform:scale(1.08)rotate(2deg)}to{opacity:1;transform:scale(1)rotate(0)}}.reveal-fade-up{animation:1s cubic-bezier(.22,1,.36,1) both fade-up;will-change:transform,opacity;backface-visibility:hidden}.reveal-fade-in{animation:.85s both fade-in}.reveal-fade-left{animation:1s cubic-bezier(.22,1,.36,1) both fade-left}.reveal-fade-right{animation:1s cubic-bezier(.22,1,.36,1) both fade-right}.reveal-scale-in{animation:.9s cubic-bezier(.34,1.56,.64,1) both scale-in}.reveal-flip-up{animation:1s cubic-bezier(.22,1,.36,1) both flip-up}.reveal-pop-in{animation:.95s cubic-bezier(.34,1.56,.64,1) both pop-in}.anim-d1{animation-delay:.12s}.anim-d2{animation-delay:.24s}.anim-d3{animation-delay:.36s}.anim-d4{animation-delay:.48s}.anim-d5{animation-delay:.6s}.nav-link-anim{padding-bottom:2px;position:relative}.nav-link-anim:after{content:"";background:var(--color-blue);transform-origin:100%;width:100%;height:2px;transition:transform .3s cubic-bezier(.22,1,.36,1);position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.nav-link-anim:hover:after,.nav-link-anim.active-link:after{transform-origin:0;transform:scaleX(1)}.card-hover{transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s,border-color .2s}.card-hover:hover{transform:translateY(-6px);box-shadow:0 20px 40px -12px #0000002e}@keyframes number-pop{0%{opacity:0;transform:scale(.6)}60%{transform:scale(1.12)}to{opacity:1;transform:scale(1)}}.reveal-number-pop{animation:1.1s cubic-bezier(.34,1.56,.64,1) both number-pop}@keyframes price-bump{0%{opacity:.5;transform:translateY(-8px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}.price-bump{animation:.38s cubic-bezier(.22,1,.36,1) both price-bump}@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-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-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-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}

/* ===================================================================
   TAEQA — mobile layer + shared component polish.
   Appended OUTSIDE @layer, so these rules win over the compiled
   Tailwind utilities (which all live inside @layer utilities) without
   needing !important or specificity hacks.
   =================================================================== */

/* --- Horizontal snap rail -------------------------------------------
   Long stacked card lists (ecosystems, process steps, packages, values)
   become a side-swipe rail on phones instead of endless scrolling.
   The 84% item width leaves the next card peeking, which is what tells
   the user it can be swiped. */
@media (max-width: 767px) {
  .tq-rail {
    display: flex;
    flex-direction: row;
    grid-template-columns: none;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    gap: 14px;
    /* bleed to the screen edges so cards can sit flush while scrolling */
    margin-left: -20px;
    margin-right: -20px;
    padding: 2px 20px 18px;
    scroll-padding-left: 20px;
  }
  .tq-rail::-webkit-scrollbar { display: none; }
  .tq-rail { align-items: stretch; }
  .tq-rail > * {
    flex: 0 0 84%;
    min-width: 0;
    scroll-snap-align: center;
  }
  /* NB: do not force height on descendants here — the package cards carry an
     absolutely-positioned badge as their first child, and stretching it turns the
     badge background into a full-height black bar. */

  /* Process page steps: they were separated by top rules in a tall stack.
     As rail cards each one needs a full border, and the trailing empty
     rule-divider must not become a blank card. */
  .tq-steprail > div:last-child:empty { display: none; }
  .tq-steprail > div {
    border: 2px solid var(--color-line, #1112);
    padding: 22px 18px;
  }

  /* --- Logo strip ---------------------------------------------------
     Was wrapping to one logo per row with a 48px gap (very tall). */
  .tq-logorail {
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 26px;
    overflow-x: auto;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
    margin-left: -20px;
    margin-right: -20px;
    padding: 0 20px;
  }
  .tq-logorail::-webkit-scrollbar { display: none; }
  .tq-logorail > * { flex: 0 0 auto; scroll-snap-align: center; }
  .tq-logorail img { width: 148px; }

  /* --- Trim the oversized vertical rhythm on phones ----------------- */
  .tq-contact { padding-top: 64px; padding-bottom: 64px; }
  .tq-contact h2 { font-size: 44px; }

  /* the lone About photo read as an afterthought at 4:3 */
  .tq-aboutimg { aspect-ratio: 16 / 10; }

  /* Full-bleed decorative bands were 58vh each — roughly 1000px of the
     homepage on a phone for two purely decorative images. */
  .tq-bandimg { height: 38vh; min-height: 260px; }
}

/* --- Mobile nav menu -------------------------------------------------
   The open panel was capped at 20rem, which clipped the last items once
   Cart was added. Only the OPEN state is retargeted, so the collapse
   animation still works. */
.tq-menu.max-h-80 {
  max-height: 78vh;
  overflow-y: auto;
}

/* --- Hamburger button -------------------------------------------------
   Two clean bars of different lengths instead of the generic three, and no
   filled box: the previous version turned into a solid black block on hover,
   which is what it looked like in device emulation. The middle bar is hidden
   permanently — the open state needs it invisible anyway, so the X that the
   remaining two bars form stays symmetric. */
.tq-burger {
  padding: 10px 6px;
  border: 0;
  background: transparent;
}
.tq-burger span {
  height: 2.5px;
  border-radius: 999px;
  transition: width .25s ease, background-color .2s ease, transform .3s ease, opacity .2s ease;
}
.tq-burger span:nth-child(1) { width: 26px; }
.tq-burger span:nth-child(2) { opacity: 0; width: 26px; }
.tq-burger span:nth-child(3) { width: 17px; }
.tq-burger:hover span { background: var(--color-blue, #2563eb); }
/* open state: both visible bars must match so the X is even */
.tq-burger span[class*="rotate-45"] { width: 26px; }

/* --- Cart row inside the mobile menu --------------------------------- */
.tq-menucart {
  margin-top: 6px;
  padding-top: 14px;
  border-top: 1px solid var(--color-line, #1111111f);
  /* gap-2.5 was never compiled into this build's stylesheet, so set it here */
  gap: 10px;
}
.tq-menucart svg { flex: 0 0 auto; }

/* --- "Connect with us" -------------------------------------------------
   Rebuilt as a left-aligned editorial block with the contact details as a
   ruled spec list — the same row language the process page uses. The old
   centred version read as a generic template, and boxed plates looked like
   form fields. */
.tq-contact { text-align: left; }
.tq-contact h2 { margin-left: 0; margin-right: 0; max-width: 13ch; }
.tq-contact > p { margin-left: 0; margin-right: 0; }

.tq-clist {
  margin-top: 46px;
  border-top: 2px solid rgba(255, 255, 255, .34);
  max-width: 720px;
}

/* On wide screens the full-bleed left column left the right half empty. Keeping
   one left-aligned column but capping and centring the block reads as composed
   without the slack a two-column span leaves between the list and the button. */
@media (min-width: 1024px) {
  .tq-contact { max-width: 880px; }
  .tq-contact h2 { max-width: 100%; }
  .tq-clist { max-width: 100%; }
}
.tq-crow {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 24px;
  padding: 19px 2px;
  border-bottom: 2px solid rgba(255, 255, 255, .34);
  text-decoration: none;
  transition: padding-left .25s ease, background-color .25s ease;
}
a.tq-crow:hover { padding-left: 10px; background: rgba(255, 255, 255, .08); }
a.tq-crow:hover .tq-cvalue { text-decoration: underline; text-underline-offset: 4px; }
.tq-clabel {
  flex: 0 0 auto;
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, .68);
}
.tq-cvalue {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  color: #fff;
  text-align: right;
  overflow-wrap: anywhere;
}
@media (max-width: 560px) {
  .tq-clist { margin-top: 34px; }
  .tq-crow { flex-direction: column; align-items: flex-start; gap: 7px; padding: 16px 2px; }
  .tq-cvalue { text-align: left; font-size: 18px; }
}

/* --- Swipe affordance for the rails ------------------------------------
   A rail is only discoverable if it says so. Injected next to every rail
   (see lang_widget.js): dots for position plus an arrow that fades once the
   user has actually scrolled it. */
.tq-swipe {
  display: none;
  align-items: center;
  gap: 10px;
  margin: -4px 0 4px;
  user-select: none;
}
.tq-swipe-dots { display: flex; gap: 6px; }
.tq-swipe-dot {
  width: 7px; height: 7px; border-radius: 999px;
  background: currentColor; opacity: .25;
  transition: opacity .25s ease, transform .25s ease;
}
.tq-swipe-dot.is-on { opacity: 1; transform: scale(1.25); }
.tq-swipe-hint {
  display: inline-flex; align-items: center; gap: 6px;
  font-family: var(--font-mono);
  font-size: 10px; letter-spacing: .18em; text-transform: uppercase;
  opacity: .6; transition: opacity .3s ease;
}
.tq-swipe.is-used .tq-swipe-hint { opacity: 0; }
.tq-swipe-arrow { animation: tq-nudge 1.6s ease-in-out infinite; }
@keyframes tq-nudge { 0%,100% { transform: translateX(0); } 50% { transform: translateX(4px); } }
@media (prefers-reduced-motion: reduce) { .tq-swipe-arrow { animation: none; } }
@media (max-width: 767px) { .tq-swipe { display: flex; } }

/* --- Cloudflare Turnstile ----------------------------------------------
   The widget renders a fixed 300px box; inside the form padding that is
   wider than a 360px phone, so it pushed the layout sideways. The render
   call now asks for the compact size on phones, and this is the belt-and
   -braces guard. */
.tq-turnstile { max-width: 100%; overflow-x: hidden; }
.tq-turnstile iframe { max-width: 100%; }

/* --- Long single words in display headings ------------------------------
   "TAEQA Entertainment" at text-5xl is 391px wide — on a 360px phone that
   widened the whole layout viewport and left a white strip down the side. */
@media (max-width: 767px) {
  /* Fixed px on purpose: a vw-based size is circular here. Once an over-wide
     word stretches the layout viewport, 1vw grows with it, so a vw clamp can
     never shrink the text back far enough to undo the overflow. */
  .tq-h1 { font-size: 38px; line-height: 1.02; }
  /* There are several big page-title h1s; cap them by their size utility so a
     long unbreakable word (Entertainment) can never widen the viewport. */
  h1[class*="text-5xl"], h1[class*="text-6xl"] { font-size: 38px; line-height: 1.03; }
  h1, h2, h3, p { overflow-wrap: break-word; word-break: break-word; }

  /* Stats: 60px numerals in a 2-column grid ran into each other, and the
     wide-tracked labels touched. */
  .tq-stats { column-gap: 18px; }
  .tq-stats .font-display { font-size: 38px; line-height: 1.05; }
  .tq-stats [class*="tracking-"] { letter-spacing: .1em; font-size: 10px; line-height: 1.35; }

  /* Hover-only arrow on the ecosystem list: invisible on touch, but its box
     still stuck out past the viewport. */
  .tq-listarrow { display: none; }
}

/* Ecosystem list rows: the studio name sits next to the "01" number, so at
   36px "TAEQA Entertainment" pushed the row past a 320px screen. */
@media (max-width: 400px) {
  span[class*="text-4xl"][class*="lg:text-7xl"] { font-size: 25px; }
}

/* Very narrow phones (iPhone SE and similar) need one more step down. */
@media (max-width: 380px) {
  .tq-h1 { font-size: 32px; }
  h1[class*="text-5xl"], h1[class*="text-6xl"] { font-size: 32px; }
  .tq-stats .font-display { font-size: 33px; }
}

/* NOTE: deliberately NOT setting overflow-x on html/body. Setting it on the root
   propagates to the viewport and gives <body> its own scroll box, which breaks
   programmatic scrolling and position:fixed children. The rails clip their own
   overflow, and the marquee already sits inside an overflow-hidden section. */

/* --------------------------------------------------------------------------
   Contact sayfası — sosyal medya simgeleri (siyah-beyaz)

   Simgeler <img> değil, CSS mask olarak basılıyor: dosya hangi renkte gelirse
   gelsin tek renk siluet olur, kartın siyahını alır ve hover'da maviye döner.
   Resmi logo dosyaları hiç değiştirilmeden kullanılıyor (marka kuralları
   değiştirilmesini zaten yasaklıyor) — renk dönüşümü tarayıcıda yapılıyor.

   Gerekli dosyalar (assets/ içine), platformların verdiği uzantılarla:
     social-linkedin.png   social-instagram.svg   social-youtube.png

   Her simgenin en-boy oranı farklı (YouTube'unki geniş, Instagram'ınki kare).
   Ortak bir kare kutuya sığdırınca YouTube diğerlerinin yanında küçük kalıyor,
   bu yüzden hepsine aynı YÜKSEKLİK verilip genişlik kendi oranından
   hesaplandı — göz hepsini eşit büyüklükte görüyor.
   -------------------------------------------------------------------------- */
.tq-socrow {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-top: 14px;
}
.tq-soc {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--color-ink, #000);
  transition: color .2s ease, transform .2s ease;
}
.tq-soc:hover { color: var(--color-blue, #2563eb); transform: translateY(-2px); }
.tq-soc:focus-visible { outline: 2px solid var(--color-blue, #2563eb); outline-offset: 4px; }
.tq-soc-i {
  display: block;
  height: 26px;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;  mask-repeat: no-repeat;
  -webkit-mask-position: center;   mask-position: center;
  -webkit-mask-size: contain;      mask-size: contain;
}
.tq-soc-i.is-ig { width: 26px; }   /* 1000x1000 -> 1.000 */
.tq-soc-i.is-li { width: 28px; }   /*  840x779  -> 1.078 */
.tq-soc-i.is-yt { width: 37px; }   /*  827x579  -> 1.428 */

@media (max-width: 640px) {
  .tq-socrow { gap: 20px; }
  .tq-soc-i { height: 24px; }
  .tq-soc-i.is-ig { width: 24px; }
  .tq-soc-i.is-li { width: 26px; }
  .tq-soc-i.is-yt { width: 34px; }
}
@media (prefers-reduced-motion: reduce) {
  .tq-soc:hover { transform: none; }
}

/* ==========================================================================
   Ekosistem detay sayfalari (/ecosystem/entertainment, /web, /posify)

   Yapi: fotograf kahraman + uzerine ASAGI DOGRU BEYAZLASAN perde. Yazi
   perdenin en yogun oldugu alt bolgede duruyor, bu yuzden fotograf koyu da
   olsa acik da olsa siyah baslik her zaman okunuyor.

   Her ekosistemin kendi vurgu rengi var: Entertainment turuncu, Web mavi,
   MenuTab kirmizi. Mavi ve kirmizi tema degiskeninden okunuyor ki admin
   panelinden tema rengi degisince bu sayfalar da takip etsin; turuncu
   temada olmadigi icin sabit.
   ========================================================================== */
.tq-acc-ent  { background-color: #EA580C; }
.tq-acc-web  { background-color: var(--color-blue, #2563eb); }
.tq-acc-menu { background-color: var(--color-red,  #e63030); }

.tq-tone-ent  { color: #EA580C; }
.tq-tone-web  { color: var(--color-blue, #2563eb); }
.tq-tone-menu { color: var(--color-red,  #e63030); }

.tq-btn-ent:hover  { background-color: #EA580C; border-color: #EA580C; color: #fff; }
.tq-btn-web:hover  { background-color: var(--color-blue, #2563eb); border-color: var(--color-blue, #2563eb); color: #fff; }
.tq-btn-menu:hover { background-color: var(--color-red, #e63030);  border-color: var(--color-red, #e63030);  color: #fff; }

/* ---------- Kahraman ---------- */
.tq-ehero { position: relative; height: 540px; overflow: hidden; background: var(--color-canvas, #fff); }
.tq-ehero-img {
  display: block; width: 100%; height: 100%;
  object-fit: cover; object-position: center;
}
/* Fotograf kendi renginde kalir; okunabilirligi asagi dogru koyulasan
   bir perde saglar. Ust taraf neredeyse serbest, alt taraf yaziyi
   tasidigi icin yogun — boylece acik bir fotografta da beyaz baslik
   net cikar. */
.tq-ehero-veil {
  position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(180deg,
    rgba(0,0,0,0.26) 0%,
    rgba(0,0,0,0.14) 38%,
    rgba(0,0,0,0.62) 74%,
    rgba(0,0,0,0.88) 100%);
}
/* Ici bos sira numarasi — sag ustte, cerceve gibi */
.tq-ehero-num {
  position: absolute; top: 38px; right: 34px;
  font-size: clamp(78px, 10vw, 142px); font-weight: 800; line-height: 1;
  letter-spacing: -0.04em; color: transparent;
  -webkit-text-stroke: 2px rgba(255,255,255,0.45);
  pointer-events: none; user-select: none; -webkit-user-select: none;
}
.tq-ehero-bot { position: absolute; left: 0; right: 0; bottom: 0; padding-bottom: 48px; }
.tq-ehero-rule { display: block; width: 56px; height: 3px; margin-bottom: 18px; }
.tq-ehero-kind {
  display: block; font-size: 11px; font-weight: 500;
  letter-spacing: 0.24em; text-transform: uppercase;
}
.tq-ehero .tq-tone-ent  { color: #FB923C; }
.tq-ehero .tq-tone-web  { color: #7CA9FF; }
.tq-ehero .tq-tone-menu { color: #FF8F8F; }
.tq-ehero-h1 {
  margin: 16px 0 0;
  color: var(--color-cream, #fff);
  font-size: clamp(34px, 5.2vw, 82px);
  line-height: 0.9;
  letter-spacing: -0.025em;
}

/* ---------- Yetkinlik kartlari ---------- */
.tq-ecards {
  display: grid; grid-template-columns: 1fr 1fr;
  border: 1px solid var(--color-line, #000);
  margin-top: 22px;
}
.tq-ecard {
  padding: 22px 20px 26px;
  border-right: 1px solid var(--color-line, #dbe0e7);
  border-bottom: 1px solid var(--color-line, #dbe0e7);
}
.tq-ecard:nth-child(2n) { border-right: 0; }
.tq-ecard-wide { grid-column: span 2; border-right: 0; }
.tq-ecards > .tq-ecard:last-child,
.tq-ecards > .tq-ecard:nth-last-child(2):nth-child(2n+1) { border-bottom: 0; }
.tq-ecard-n {
  display: block; font-size: 11px; font-weight: 600; letter-spacing: 0.1em;
  font-variant-numeric: tabular-nums;
}
.tq-ecard-t { display: block; margin-top: 10px; font-size: 14px; line-height: 1.5; }

@media (max-width: 767px) {
  .tq-ehero { height: 420px; }
  .tq-ehero-bot { padding-bottom: 34px; }
  .tq-ehero-num { top: 26px; right: 20px; }
  .tq-ecards { grid-template-columns: 1fr; }
  .tq-ecard { border-right: 0; }
  .tq-ecard-wide { grid-column: span 1; }
}


/* ======================================================================
   Connect with us — yeni duzen. Beyaz zemin, siyah yazi.
   Solda baslik blogu, sagda cerceveli iletisim satirlari.
   ====================================================================== */
.tq-ct { padding-top: 88px; padding-bottom: 88px; }
.tq-ct-grid { display: grid; grid-template-columns: 1fr; gap: 46px; }
@media (min-width: 1024px) {
  .tq-ct-grid { grid-template-columns: 5fr 7fr; gap: 72px; align-items: start; }
}
.tq-ct-eyebrow {
  display: block; font-size: 11px; font-weight: 500; letter-spacing: .24em;
  text-transform: uppercase; color: var(--color-ink-2, #555);
}
.tq-ct-h2 {
  margin: 22px 0 0;
  font-size: clamp(38px, 4.6vw, 66px);
  font-weight: 800; line-height: .94; letter-spacing: -.02em;
  text-transform: uppercase; color: var(--color-ink, #000);
}
.tq-ct-p {
  margin: 22px 0 0; max-width: 36ch;
  font-size: 17px; line-height: 1.65; color: var(--color-ink-2, #555);
}
.tq-ct-btn {
  display: inline-flex; align-items: center; gap: 12px; margin-top: 34px;
  padding: 16px 34px; text-decoration: none;
  background: var(--color-ink, #000); color: var(--color-cream, #fff);
  font-size: 14px; font-weight: 600; letter-spacing: .02em;
  transition: background-color .22s ease;
}
.tq-ct-btn:hover { background: var(--color-blue, #2563eb); }
.tq-ct-btn > span { transition: transform .3s ease; }
.tq-ct-btn:hover > span { transform: translateX(4px); }

.tq-ct-box { border: 2px solid var(--color-line, #000); }
.tq-ct-row {
  display: grid; grid-template-columns: 132px 1fr 30px;
  align-items: center; gap: 20px;
  padding: 26px 24px;
  text-decoration: none; color: inherit;
  border-bottom: 2px solid var(--color-line, #000);
  transition: background-color .22s ease, color .22s ease;
}
.tq-ct-box > .tq-ct-row:last-child { border-bottom: 0; }
a.tq-ct-row:hover { background: var(--color-ink, #000); color: var(--color-cream, #fff); }
.tq-ct-k {
  font-size: 11px; font-weight: 500; letter-spacing: .22em;
  text-transform: uppercase; color: var(--color-ink-2, #555);
  transition: color .22s ease, opacity .22s ease;
}
a.tq-ct-row:hover .tq-ct-k { color: inherit; opacity: .62; }
.tq-ct-v {
  font-size: 22px; font-weight: 700; line-height: 1.25;
  letter-spacing: -.01em; overflow-wrap: anywhere;
}
.tq-ct-arr {
  font-size: 22px; font-weight: 700; text-align: right;
  opacity: 0; transform: translateX(-6px);
  transition: opacity .22s ease, transform .22s ease;
}
a.tq-ct-row:hover .tq-ct-arr { opacity: 1; transform: translateX(0); }

@media (max-width: 767px) {
  .tq-ct { padding-top: 58px; padding-bottom: 58px; }
  .tq-ct-row { grid-template-columns: 1fr; gap: 9px; padding: 20px 18px; }
  .tq-ct-arr { display: none; }
  .tq-ct-v { font-size: 19px; }
  .tq-ct-btn { margin-top: 28px; padding: 15px 28px; }
}
@media (prefers-reduced-motion: reduce) {
  .tq-ct-row, .tq-ct-arr, .tq-ct-btn, .tq-ct-btn > span { transition: none; }
}

/* ======================================================================
   Sayfanin en altindaki dil secici — kose secicisini goremeyenler icin.
   ====================================================================== */
.tq-flangwrap {
  display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px;
  border-top: 1px solid rgba(255, 255, 255, .2);
  padding-top: 26px; margin-bottom: 26px;
}
.tq-flanglabel {
  font-size: 11px; font-weight: 500; letter-spacing: .2em;
  text-transform: uppercase; color: rgba(255, 255, 255, .5);
}
.tq-flang { display: flex; flex-wrap: wrap; gap: 8px; }
.tq-flang-b {
  appearance: none; -webkit-appearance: none; margin: 0;
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 84px; padding: 9px 16px; cursor: pointer;
  border: 1px solid rgba(255, 255, 255, .26);
  background: transparent; color: rgba(255, 255, 255, .74);
  font-family: inherit; font-size: 12px; font-weight: 600;
  letter-spacing: .03em; line-height: 1; white-space: nowrap;
  transition: background-color .18s ease, color .18s ease, border-color .18s ease;
}
.tq-flang-b:hover {
  background: rgba(255, 255, 255, .1);
  border-color: rgba(255, 255, 255, .5); color: #fff;
}
.tq-flang-b.is-on {
  background: rgba(255, 255, 255, .14);
  border-color: rgba(255, 255, 255, .72); color: #fff;
}
.tq-flang-b:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
@media (max-width: 560px) {
  .tq-flangwrap { gap: 10px; }
  .tq-flang-b { padding: 8px 12px; font-size: 11px; }
}