@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@theme inline{--animation-delay-0: 0s; --animation-delay-75: 75ms; --animation-delay-100: .1s; --animation-delay-150: .15s; --animation-delay-200: .2s; --animation-delay-300: .3s; --animation-delay-500: .5s; --animation-delay-700: .7s; --animation-delay-1000: 1s; --animation-repeat-0: 0; --animation-repeat-1: 1; --animation-repeat-infinite: infinite; --animation-direction-normal: normal; --animation-direction-reverse: reverse; --animation-direction-alternate: alternate; --animation-direction-alternate-reverse: alternate-reverse; --animation-fill-mode-none: none; --animation-fill-mode-forwards: forwards; --animation-fill-mode-backwards: backwards; --animation-fill-mode-both: both; --percentage-0: 0; --percentage-5: .05; --percentage-10: .1; --percentage-15: .15; --percentage-20: .2; --percentage-25: .25; --percentage-30: .3; --percentage-35: .35; --percentage-40: .4; --percentage-45: .45; --percentage-50: .5; --percentage-55: .55; --percentage-60: .6; --percentage-65: .65; --percentage-70: .7; --percentage-75: .75; --percentage-80: .8; --percentage-85: .85; --percentage-90: .9; --percentage-95: .95; --percentage-100: 1; --percentage-translate-full: 1; --animate-in: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-out: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); @keyframes enter { from { opacity: var(--tw-enter-opacity,1); transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0)); filter: blur(var(--tw-enter-blur,0)); }}@keyframes exit { to { opacity: var(--tw-exit-opacity,1); transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0)); filter: blur(var(--tw-exit-blur,0)); }}--animate-accordion-down: accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-accordion-up: accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-collapsible-down: collapsible-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-collapsible-up: collapsible-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); @keyframes accordion-down { from { height: 0; }to { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto))))); }}@keyframes accordion-up { from { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto))))); }to { height: 0; }}@keyframes collapsible-down { from { height: 0; }to { height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto)))); }}@keyframes collapsible-up { from { height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto)))); }to { height: 0; }}--animate-caret-blink: caret-blink 1.25s ease-out infinite; @keyframes caret-blink { 0%,70%,100% { opacity: 1; }20%,50% { opacity: 0; }}}@utility animation-duration-*{--tw-animation-duration: calc(--value(number)*1ms); --tw-animation-duration: --value(--animation-duration-*,[duration],"initial",[*]); animation-duration: calc(--value(number)*1ms); animation-duration: --value(--animation-duration-*,[duration],"initial",[*]);}@utility delay-*{animation-delay: calc(--value(number)*1ms); animation-delay: --value(--animation-delay-*,[duration],"initial",[*]); --tw-animation-delay: calc(--value(number)*1ms); --tw-animation-delay: --value(--animation-delay-*,[duration],"initial",[*]);}@utility repeat-*{animation-iteration-count: --value(--animation-repeat-*,number,"initial",[*]); --tw-animation-iteration-count: --value(--animation-repeat-*,number,"initial",[*]);}@utility direction-*{animation-direction: --value(--animation-direction-*,"initial",[*]); --tw-animation-direction: --value(--animation-direction-*,"initial",[*]);}@utility fill-mode-*{animation-fill-mode: --value(--animation-fill-mode-*,"initial",[*]); --tw-animation-fill-mode: --value(--animation-fill-mode-*,"initial",[*]);}@utility running{animation-play-state: running;}@utility paused{animation-play-state: paused;}@utility play-state-*{animation-play-state: --value("initial",[*]);}@utility blur-in{--tw-enter-blur: 20px;}@utility blur-in-*{--tw-enter-blur: calc(--value(number)*1px); --tw-enter-blur: --value(--blur-*,[*]);}@utility blur-out{--tw-exit-blur: 20px;}@utility blur-out-*{--tw-exit-blur: calc(--value(number)*1px); --tw-exit-blur: --value(--blur-*,[*]);}@utility fade-in{--tw-enter-opacity: 0;}@utility fade-in-*{--tw-enter-opacity: calc(--value(number)/100); --tw-enter-opacity: --value(--percentage-*,[*]);}@utility fade-out{--tw-exit-opacity: 0;}@utility fade-out-*{--tw-exit-opacity: calc(--value(number)/100); --tw-exit-opacity: --value(--percentage-*,[*]);}@utility zoom-in{--tw-enter-scale: 0;}@utility zoom-in-*{--tw-enter-scale: calc(--value(number)*1%); --tw-enter-scale: calc(--value(ratio)); --tw-enter-scale: --value(--percentage-*,[*]);}@utility -zoom-in-*{--tw-enter-scale: calc(--value(number)*-1%); --tw-enter-scale: calc(--value(ratio)*-1); --tw-enter-scale: --value(--percentage-*,[*]);}@utility zoom-out{--tw-exit-scale: 0;}@utility zoom-out-*{--tw-exit-scale: calc(--value(number)*1%); --tw-exit-scale: calc(--value(ratio)); --tw-exit-scale: --value(--percentage-*,[*]);}@utility -zoom-out-*{--tw-exit-scale: calc(--value(number)*-1%); --tw-exit-scale: calc(--value(ratio)*-1); --tw-exit-scale: --value(--percentage-*,[*]);}@utility spin-in{--tw-enter-rotate: 30deg;}@utility spin-in-*{--tw-enter-rotate: calc(--value(number)*1deg); --tw-enter-rotate: calc(--value(ratio)*360deg); --tw-enter-rotate: --value(--rotate-*,[*]);}@utility -spin-in{--tw-enter-rotate: -30deg;}@utility -spin-in-*{--tw-enter-rotate: calc(--value(number)*-1deg); --tw-enter-rotate: calc(--value(ratio)*-360deg); --tw-enter-rotate: --value(--rotate-*,[*]);}@utility spin-out{--tw-exit-rotate: 30deg;}@utility spin-out-*{--tw-exit-rotate: calc(--value(number)*1deg); --tw-exit-rotate: calc(--value(ratio)*360deg); --tw-exit-rotate: --value(--rotate-*,[*]);}@utility -spin-out{--tw-exit-rotate: -30deg;}@utility -spin-out-*{--tw-exit-rotate: calc(--value(number)*-1deg); --tw-exit-rotate: calc(--value(ratio)*-360deg); --tw-exit-rotate: --value(--rotate-*,[*]);}@utility slide-in-from-top{--tw-enter-translate-y: -100%;}@utility slide-in-from-top-*{--tw-enter-translate-y: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-enter-translate-y: calc(--value(ratio)*-100%); --tw-enter-translate-y: calc(--value(--translate-*,[percentage],[length])*-1);}@utility slide-in-from-bottom{--tw-enter-translate-y: 100%;}@utility slide-in-from-bottom-*{--tw-enter-translate-y: calc(--value(integer)*var(--spacing)); --tw-enter-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-enter-translate-y: calc(--value(ratio)*100%); --tw-enter-translate-y: --value(--translate-*,[percentage],[length]);}@utility slide-in-from-left{--tw-enter-translate-x: -100%;}@utility slide-in-from-left-*{--tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-enter-translate-x: calc(--value(ratio)*-100%); --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1);}@utility slide-in-from-right{--tw-enter-translate-x: 100%;}@utility slide-in-from-right-*{--tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-enter-translate-x: calc(--value(ratio)*100%); --tw-enter-translate-x: --value(--translate-*,[percentage],[length]);}@utility slide-in-from-start{&:dir(ltr){ --tw-enter-translate-x: -100%; }&:dir(rtl){ --tw-enter-translate-x: 100%; }}@utility slide-in-from-start-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-enter-translate-x: calc(--value(ratio)*-100%); --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-enter-translate-x: calc(--value(ratio)*100%); --tw-enter-translate-x: --value(--translate-*,[percentage],[length]); }}@utility slide-in-from-end{&:dir(ltr){ --tw-enter-translate-x: 100%; }&:dir(rtl){ --tw-enter-translate-x: -100%; }}@utility slide-in-from-end-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-enter-translate-x: calc(--value(ratio)*100%); --tw-enter-translate-x: --value(--translate-*,[percentage],[length]); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-enter-translate-x: calc(--value(ratio)*-100%); --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1); }}@utility slide-out-to-top{--tw-exit-translate-y: -100%;}@utility slide-out-to-top-*{--tw-exit-translate-y: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-exit-translate-y: calc(--value(ratio)*-100%); --tw-exit-translate-y: calc(--value(--translate-*,[percentage],[length])*-1);}@utility slide-out-to-bottom{--tw-exit-translate-y: 100%;}@utility slide-out-to-bottom-*{--tw-exit-translate-y: calc(--value(integer)*var(--spacing)); --tw-exit-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-exit-translate-y: calc(--value(ratio)*100%); --tw-exit-translate-y: --value(--translate-*,[percentage],[length]);}@utility slide-out-to-left{--tw-exit-translate-x: -100%;}@utility slide-out-to-left-*{--tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-exit-translate-x: calc(--value(ratio)*-100%); --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1);}@utility slide-out-to-right{--tw-exit-translate-x: 100%;}@utility slide-out-to-right-*{--tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-exit-translate-x: calc(--value(ratio)*100%); --tw-exit-translate-x: --value(--translate-*,[percentage],[length]);}@utility slide-out-to-start{&:dir(ltr){ --tw-exit-translate-x: -100%; }&:dir(rtl){ --tw-exit-translate-x: 100%; }}@utility slide-out-to-start-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-exit-translate-x: calc(--value(ratio)*-100%); --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-exit-translate-x: calc(--value(ratio)*100%); --tw-exit-translate-x: --value(--translate-*,[percentage],[length]); }}@utility slide-out-to-end{&:dir(ltr){ --tw-exit-translate-x: 100%; }&:dir(rtl){ --tw-exit-translate-x: -100%; }}@utility slide-out-to-end-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-exit-translate-x: calc(--value(ratio)*100%); --tw-exit-translate-x: --value(--translate-*,[percentage],[length]); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-exit-translate-x: calc(--value(ratio)*-100%); --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1); }}
@theme inline{@keyframes accordion-down { from { height: 0; } to { height: var(--radix-accordion-content-height,var(--accordion-panel-height,auto)); } } @keyframes accordion-up { from { height: var(--radix-accordion-content-height,var(--accordion-panel-height,auto)); } to { height: 0; } }}@custom-variant data-open{&:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) { @slot; }}@custom-variant data-closed{&:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) { @slot; }}@custom-variant data-checked{&:where([data-state="checked"]), &:where([data-checked]:not([data-checked="false"])) { @slot; }}@custom-variant data-unchecked{&:where([data-state="unchecked"]), &:where([data-unchecked]:not([data-unchecked="false"])) { @slot; }}@custom-variant data-selected{&:where([data-selected="true"]) { @slot; }}@custom-variant data-disabled{&:where([data-disabled="true"]), &:where([data-disabled]:not([data-disabled="false"])) { @slot; }}@custom-variant data-active{&:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) { @slot; }}@custom-variant data-horizontal{&:where([data-orientation="horizontal"]) { @slot; }}@custom-variant data-vertical{&:where([data-orientation="vertical"]) { @slot; }}@utility no-scrollbar{-ms-overflow-style: none; scrollbar-width: none; &::-webkit-scrollbar { display: none; }}@property --scroll-fade-t{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-b{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-s{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-e{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-mask{syntax:"*";inherits:false}@theme inline{@keyframes scroll-fade-reveal-t { from { --scroll-fade-t: 0px; } to { --scroll-fade-t: var(--_scroll-fade-size-t,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); } } @keyframes scroll-fade-reveal-b { from { --scroll-fade-b: var(--_scroll-fade-size-b,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); } to { --scroll-fade-b: 0px; } } @keyframes scroll-fade-reveal-s { from { --scroll-fade-s: 0px; } to { --scroll-fade-s: var(--_scroll-fade-size-s,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); } } @keyframes scroll-fade-reveal-e { from { --scroll-fade-e: var(--_scroll-fade-size-e,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); } to { --scroll-fade-e: 0px; } }}@utility scroll-fade{--_scroll-fade-size-t: var(--scroll-fade-t-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --_scroll-fade-size-b: var(--scroll-fade-b-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --scroll-fade-block: linear-gradient(to bottom, transparent 0, #000 var(--scroll-fade-t,0px), #000 calc(100% - var(--scroll-fade-b,0px)), transparent 100%); -webkit-mask-image: var(--scroll-fade-mask,var(--scroll-fade-block)); mask-image: var(--scroll-fade-mask,var(--scroll-fade-block)); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-t 1ms ease-in-out, scroll-fade-reveal-b 1ms ease-in-out; animation-timeline: scroll(self y), scroll(self y); animation-range: 0 var(--scroll-fade-reveal,calc(var(--spacing) * 24)), calc(100% - var(--scroll-fade-reveal,calc(var(--spacing) * 24))) 100%; animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-t: var(--_scroll-fade-size-t); --scroll-fade-b: var(--_scroll-fade-size-b); }}@utility scroll-fade-y{--_scroll-fade-size-t: var(--scroll-fade-t-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --_scroll-fade-size-b: var(--scroll-fade-b-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --scroll-fade-block: linear-gradient(to bottom, transparent 0, #000 var(--scroll-fade-t,0px), #000 calc(100% - var(--scroll-fade-b,0px)), transparent 100%); -webkit-mask-image: var(--scroll-fade-mask,var(--scroll-fade-block)); mask-image: var(--scroll-fade-mask,var(--scroll-fade-block)); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-t 1ms ease-in-out, scroll-fade-reveal-b 1ms ease-in-out; animation-timeline: scroll(self y), scroll(self y); animation-range: 0 var(--scroll-fade-reveal,calc(var(--spacing) * 24)), calc(100% - var(--scroll-fade-reveal,calc(var(--spacing) * 24))) 100%; animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-t: var(--_scroll-fade-size-t); --scroll-fade-b: var(--_scroll-fade-size-b); }}@utility scroll-fade-x{--_scroll-fade-size-s: var(--scroll-fade-s-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --_scroll-fade-size-e: var(--scroll-fade-e-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --scroll-fade-inline: linear-gradient(to right, transparent 0, #000 var(--scroll-fade-s,0px), #000 calc(100% - var(--scroll-fade-e,0px)), transparent 100%); &:where([dir="rtl"], [dir="rtl"] *) { --scroll-fade-inline: linear-gradient(to left, transparent 0, #000 var(--scroll-fade-s,0px), #000 calc(100% - var(--scroll-fade-e,0px)), transparent 100%); } -webkit-mask-image: var(--scroll-fade-mask,var(--scroll-fade-inline)); mask-image: var(--scroll-fade-mask,var(--scroll-fade-inline)); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-s 1ms ease-in-out, scroll-fade-reveal-e 1ms ease-in-out; animation-timeline: scroll(self inline), scroll(self inline); animation-range: 0 var(--scroll-fade-reveal,calc(var(--spacing) * 24)), calc(100% - var(--scroll-fade-reveal,calc(var(--spacing) * 24))) 100%; animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-s: var(--_scroll-fade-size-s); --scroll-fade-e: var(--_scroll-fade-size-e); }}@utility scroll-fade-t{--_scroll-fade-size-t: var(--scroll-fade-t-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --scroll-fade-mask: linear-gradient(to bottom, transparent 0, #000 var(--scroll-fade-t,0px), #000 100%); -webkit-mask-image: var(--scroll-fade-mask); mask-image: var(--scroll-fade-mask); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-t 1ms ease-in-out; animation-timeline: scroll(self y); animation-range: 0 var(--scroll-fade-reveal,calc(var(--spacing) * 24)); animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-t: var(--_scroll-fade-size-t); }}@utility scroll-fade-b{--_scroll-fade-size-b: var(--scroll-fade-b-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --scroll-fade-mask: linear-gradient(to bottom, #000 0, #000 calc(100% - var(--scroll-fade-b,0px)), transparent 100%); -webkit-mask-image: var(--scroll-fade-mask); mask-image: var(--scroll-fade-mask); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-b 1ms ease-in-out; animation-timeline: scroll(self y); animation-range: calc(100% - var(--scroll-fade-reveal,calc(var(--spacing) * 24))) 100%; animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-b: var(--_scroll-fade-size-b); }}@utility scroll-fade-l{--_scroll-fade-size-s: var(--scroll-fade-s-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --scroll-fade-mask: linear-gradient(to right, transparent 0, #000 var(--scroll-fade-s,0px), #000 100%); -webkit-mask-image: var(--scroll-fade-mask); mask-image: var(--scroll-fade-mask); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-s 1ms ease-in-out; animation-timeline: scroll(self x); animation-range: 0 var(--scroll-fade-reveal,calc(var(--spacing) * 24)); animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-s: var(--_scroll-fade-size-s); }}@utility scroll-fade-r{--_scroll-fade-size-e: var(--scroll-fade-e-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --scroll-fade-mask: linear-gradient(to right, #000 0, #000 calc(100% - var(--scroll-fade-e,0px)), transparent 100%); -webkit-mask-image: var(--scroll-fade-mask); mask-image: var(--scroll-fade-mask); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-e 1ms ease-in-out; animation-timeline: scroll(self x); animation-range: calc(100% - var(--scroll-fade-reveal,calc(var(--spacing) * 24))) 100%; animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-e: var(--_scroll-fade-size-e); }}@utility scroll-fade-s{--_scroll-fade-size-s: var(--scroll-fade-s-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --scroll-fade-mask: linear-gradient(to right, transparent 0, #000 var(--scroll-fade-s,0px), #000 100%); &:where([dir="rtl"], [dir="rtl"] *) { --scroll-fade-mask: linear-gradient(to left, transparent 0, #000 var(--scroll-fade-s,0px), #000 100%); } -webkit-mask-image: var(--scroll-fade-mask); mask-image: var(--scroll-fade-mask); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-s 1ms ease-in-out; animation-timeline: scroll(self inline); animation-range: 0 var(--scroll-fade-reveal,calc(var(--spacing) * 24)); animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-s: var(--_scroll-fade-size-s); }}@utility scroll-fade-e{--_scroll-fade-size-e: var(--scroll-fade-e-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --scroll-fade-mask: linear-gradient(to right, #000 0, #000 calc(100% - var(--scroll-fade-e,0px)), transparent 100%); &:where([dir="rtl"], [dir="rtl"] *) { --scroll-fade-mask: linear-gradient(to left, #000 0, #000 calc(100% - var(--scroll-fade-e,0px)), transparent 100%); } -webkit-mask-image: var(--scroll-fade-mask); mask-image: var(--scroll-fade-mask); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-e 1ms ease-in-out; animation-timeline: scroll(self inline); animation-range: calc(100% - var(--scroll-fade-reveal,calc(var(--spacing) * 24))) 100%; animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-e: var(--_scroll-fade-size-e); }}@utility scroll-fade-*{--scroll-fade-size: calc(var(--spacing) * --value(integer)); --scroll-fade-size: --value([length], [percentage]);}@utility scroll-fade-t-*{--scroll-fade-t-size: calc(var(--spacing) * --value(integer)); --scroll-fade-t-size: --value([length], [percentage]);}@utility scroll-fade-b-*{--scroll-fade-b-size: calc(var(--spacing) * --value(integer)); --scroll-fade-b-size: --value([length], [percentage]);}@utility scroll-fade-s-*{--scroll-fade-s-size: calc(var(--spacing) * --value(integer)); --scroll-fade-s-size: --value([length], [percentage]);}@utility scroll-fade-e-*{--scroll-fade-e-size: calc(var(--spacing) * --value(integer)); --scroll-fade-e-size: --value([length], [percentage]);}@utility scroll-fade-none{--scroll-fade-mask: none;}@property --shimmer-angle{syntax:"<angle>";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:"*";inherits:false}@property --shimmer-text-fill{syntax:"*";inherits:false}@theme inline{@keyframes tw-shimmer { from { background-position: 100% 0; } to { background-position: 0 0; } }}@utility shimmer{--_spread: var(--shimmer-spread,calc(3ch + 40px)); --_base: currentColor; --_highlight: var(--shimmer-color,oklch(from currentColor l c h / calc(alpha* .2))); background-image: var(--shimmer-image,linear-gradient(calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% - var(--_spread) * .5), var(--_highlight) 50%, color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% + var(--_spread) * .5), var(--_base) calc(50% + var(--_spread)))); background-repeat: no-repeat; background-size: calc(200% + var(--_spread) * 2) 100%; background-position: 0 0; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: var(--shimmer-text-fill,transparent); animation: tw-shimmer var(--shimmer-duration,2s) linear infinite; @variant dark { --_highlight: var(--shimmer-color,oklch(from currentColor max(.8, calc(l + .4)) c h / calc(alpha + .4))); } &:where([dir="rtl"], [dir="rtl"] *) { animation-direction: reverse; }}@utility shimmer-once{animation-iteration-count: 1;}@utility shimmer-reverse{animation-direction: reverse;}@utility shimmer-none{--shimmer-image: none; --shimmer-text-fill: currentColor;}@utility shimmer-color-*{--shimmer-color: --value(--color, [color]); --shimmer-color: color-mix(in oklch, --value(--color, [color]) calc(--modifier(integer) * 1%), transparent);}@utility shimmer-duration-*{--shimmer-duration: calc(--value(integer) * 1ms);}@utility shimmer-spread-*{--shimmer-spread: calc(var(--spacing) * --value(integer)); --shimmer-spread: --value([length], [percentage]);}@utility shimmer-angle-*{--shimmer-angle: calc(--value(integer) * 1deg);}@media (prefers-reduced-motion:reduce){.shimmer{-webkit-text-fill-color:currentColor;background-image:none;animation:none}}
@custom-variant dark (&:is(.dark *));@theme inline{--color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --radius-sm: calc(var(--radius) * .65); --radius-md: calc(var(--radius) * .82); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) * 1.25); --radius-2xl: calc(var(--radius) * 1.6); --radius-3xl: calc(var(--radius) * 2);}:root{--background:#f8f6ff;--foreground:#15234d;--card:#fff;--card-foreground:#15234d;--popover:#fff;--popover-foreground:#15234d;--primary:#173fd3;--primary-foreground:#fff;--secondary:#ffe345;--secondary-foreground:#17204b;--muted:#eaf0ff;--muted-foreground:#586487;--accent:#ff5ba8;--accent-foreground:#29143a;--destructive:#b42318;--border:#cbd7ff;--input:#cbd7ff;--ring:#ffe345;--radius:1rem;--blue-950:#0c1f66;--blue-900:#102a98;--blue-700:#1d4ed8;--blue-500:#3f7df1;--sky:#81dcff;--yellow:#ffe345;--purple:#8d66ee;--pink:#ff69b5;--coral:#ff8066;--cream:#fff9e9;--ink:#15234d;--font-heading:"Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;--font-body:"Trebuchet MS", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--background);color:var(--foreground);font-family:var(--font-body);text-rendering:optimizelegibility;margin:0;font-size:17px;line-height:1.6}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:4px solid var(--yellow);outline-offset:4px}.skip-link{z-index:100;color:var(--blue-950);background:#fff;border-radius:999px;padding:10px 16px;font-weight:800;transition:transform .16s;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.page-width{width:min(1180px,100% - 40px);margin-inline:auto}.site-shell{background:var(--blue-900);min-height:100vh;overflow:hidden}.site-header{z-index:30;background:var(--blue-900);color:#fff;border-bottom:1px solid #ffffff2e;position:relative}.header-inner{justify-content:space-between;align-items:center;gap:28px;min-height:84px;display:flex}.wordmark{min-height:48px;font-family:var(--font-heading);letter-spacing:-.04em;align-items:baseline;gap:7px;padding:7px 2px;font-size:clamp(1.28rem,2vw,1.65rem);font-weight:900;line-height:1;display:inline-flex;position:relative}.wordmark-klein{color:var(--yellow)}.wordmark-star{color:var(--pink);font-size:.75em;position:absolute;top:1px;right:-14px;transform:rotate(12deg)}.desktop-nav{align-items:center;gap:clamp(14px,2.1vw,28px);font-size:.84rem;font-weight:800;display:flex}.desktop-nav a{align-items:center;min-height:44px;display:inline-flex;position:relative}.desktop-nav a:after{background:var(--yellow);content:"";border-radius:999px;height:3px;transition:transform .18s;position:absolute;bottom:5px;left:0;right:0;transform:scaleX(0)rotate(-1deg)}.desktop-nav a:hover:after,.desktop-nav a:focus-visible:after{transform:scaleX(1)rotate(-1deg)}.mobile-menu-button{color:#fff;cursor:pointer;min-height:48px;font:inherit;background:#ffffff1a;border:2px solid #ffffff6b;border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:.85rem;font-weight:900;display:none}.mobile-menu-button svg{width:20px}.mobile-menu{background:var(--cream)!important;width:min(88vw,380px)!important;color:var(--ink)!important;border:0!important;padding:34px 26px!important}.mobile-menu-title{font-family:var(--font-heading);letter-spacing:-.05em;font-size:2rem!important;font-weight:900!important}.mobile-menu-description{color:#5e6784!important;font-size:1rem!important}.mobile-nav{gap:8px;margin-top:18px;display:grid}.mobile-nav a{min-height:56px;font-family:var(--font-heading);border-bottom:2px solid #d9dded;align-items:center;gap:15px;font-size:1.2rem;font-weight:900;display:flex}.mobile-nav a span{color:var(--blue-700);font-family:var(--font-body);font-size:.7rem}.hero-section{background:radial-gradient(circle at 76% 27%, #4c7dffcc 0, transparent 28%), linear-gradient(145deg, var(--blue-900) 0%, var(--blue-700) 64%, #2f67dd 100%);color:#fff;isolation:isolate;position:relative}.hero-section:after{z-index:-1;background:var(--cream);content:"";clip-path:polygon(0 44%,11% 72%,26% 48%,42% 78%,59% 42%,75% 68%,90% 36%,100% 58%,100% 100%,0 100%);height:72px;position:absolute;bottom:0;left:-8%;right:-8%}.hero-grid{grid-template-columns:minmax(0,1.06fr) minmax(360px,.94fr);align-items:center;gap:clamp(48px,8vw,104px);min-height:650px;padding-block:64px 126px;display:grid}.hero-copy{max-width:670px}.eyebrow{color:var(--yellow);letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:9px;margin:0 0 15px;font-size:.84rem;font-weight:900;display:inline-flex}.eyebrow span{font-size:1.15rem}.hero-copy h1{max-width:680px;font-family:var(--font-heading);letter-spacing:-.075em;margin:0;font-size:clamp(3.8rem,7.4vw,7.25rem);font-weight:900;line-height:.88}.hero-copy h1 span{color:var(--yellow);display:inline-block;position:relative}.hero-copy h1 span:after{background:var(--pink);content:"";border-radius:50%;height:9px;position:absolute;bottom:-10px;left:1%;right:2%;transform:rotate(-1.5deg)}.hero-lede{color:#eff4ff;max-width:650px;margin:31px 0 0;font-size:clamp(1.08rem,1.55vw,1.3rem);line-height:1.63}.hero-question{color:#fff;font-family:var(--font-heading);margin:17px 0 22px;font-size:clamp(1.3rem,2vw,1.65rem);font-weight:900}.primary-cta{border:3px solid var(--blue-950);background:var(--yellow);min-height:62px;box-shadow:7px 7px 0 var(--blue-950);color:var(--blue-950);font-family:var(--font-heading);letter-spacing:.04em;text-transform:uppercase;border-radius:18px;justify-content:center;align-items:center;gap:12px;padding:0 25px;font-size:1.05rem;font-weight:900;transition:transform .16s,box-shadow .16s;display:inline-flex}.primary-cta:hover{box-shadow:4px 4px 0 var(--blue-950);transform:translate(3px,3px)rotate(-1deg)}.primary-cta svg{width:20px}.tiny-trust{color:#cedbff;align-items:center;gap:8px;margin:19px 0 0;font-size:.8rem;display:flex}.tiny-trust svg{width:16px;fill:var(--pink);color:var(--pink)}.hero-art{min-height:470px;position:relative}.speech-bubble{z-index:2;border:3px solid var(--blue-950);width:min(330px,85%);color:var(--ink);font-family:var(--font-heading);background:#fff;border-radius:30px 30px 30px 7px;padding:20px 24px;font-size:clamp(1.08rem,2vw,1.35rem);font-weight:900;line-height:1.25;position:absolute;top:0;left:0;transform:rotate(-2deg);box-shadow:7px 7px #0c1f66b3}.speech-bubble span{color:var(--blue-700);display:block}.buddy-preview{aspect-ratio:.94;border:3px solid var(--blue-950);color:#fff;background:linear-gradient(150deg,#ff8dc7,#8d66ee 70%);border-radius:48% 52% 42% 58%/54% 39% 61% 46%;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:min(390px,92%);display:flex;position:absolute;bottom:24px;right:0;transform:rotate(3deg);box-shadow:11px 13px #0c1f66b8}.buddy-preview svg{width:72px;height:72px;color:var(--yellow)}.buddy-preview span{font-family:var(--font-heading);font-size:1.15rem;font-weight:900}.hero-sticker{z-index:2;border:3px solid var(--blue-950);background:var(--yellow);width:132px;box-shadow:4px 5px 0 var(--blue-950);color:var(--blue-950);text-align:center;text-transform:uppercase;border-radius:50%;padding:22px 13px;font-size:.76rem;font-weight:900;line-height:1.25;position:absolute;bottom:9px;right:-18px;transform:rotate(9deg)}.hero-doodle{color:var(--yellow);opacity:.7;position:absolute}.hero-doodle svg{width:100%;height:100%}.hero-doodle-one{width:28px;top:14%;left:2.5%;transform:rotate(-13deg)}.hero-doodle-two{width:40px;color:var(--pink);top:12%;right:3%;transform:rotate(11deg)}.explore-strip{z-index:4;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:-95px;padding-bottom:55px;display:grid;position:relative}.explore-pill{border:3px solid var(--blue-950);min-height:112px;box-shadow:5px 6px 0 var(--blue-950);color:var(--blue-950);font-family:var(--font-heading);border-radius:22px;grid-template-rows:auto 1fr;grid-template-columns:1fr auto;align-items:end;padding:14px 14px 16px;font-size:.98rem;font-weight:900;line-height:1.05;transition:transform .16s,box-shadow .16s;display:grid}.explore-pill:hover{box-shadow:3px 4px 0 var(--blue-950);transform:translateY(-4px)rotate(-1deg)}.explore-number{opacity:.62;font-family:var(--font-body);letter-spacing:.08em;grid-column:1/-1;align-self:start;font-size:.64rem}.explore-pill svg{align-self:end;width:18px}.explore-yellow{background:var(--yellow)}.explore-pink{background:#ff91c8}.explore-purple{background:#b89cff}.explore-sky{background:var(--sky)}.explore-coral{background:#ff9b82}.mascot{margin:0}.mascot-image-wrap{aspect-ratio:.92;border:3px solid var(--blue-950);background:var(--blue-700);box-shadow:10px 12px 0 var(--blue-950);border-radius:44% 56% 48% 52%/54% 42% 58% 46%;position:relative;overflow:hidden;transform:rotate(2deg)}.mascot-image-wrap img{object-fit:cover;object-position:100% center;transform-origin:100%;width:100%;height:100%;transform:scale(1.2)}.mascot figcaption{color:#626e91;text-align:center;margin-top:20px;font-size:.78rem}.hero-art .mascot-compact{width:min(390px,92%);position:absolute;bottom:24px;right:0}.hero-art .mascot-image-wrap{box-shadow:11px 13px #0c1f66b8}.home-intro{background:var(--cream);padding:82px 0 54px}.home-intro-grid{grid-template-columns:.42fr 1.58fr;align-items:start;gap:54px;display:grid}.home-intro-kicker{border:2px solid var(--blue-950);background:var(--yellow);width:max-content;color:var(--blue-950);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;margin:9px 0 0;padding:6px 13px;font-size:.75rem;font-weight:900;display:inline-block;transform:rotate(-2deg)}.home-intro h2{max-width:850px;font-family:var(--font-heading);letter-spacing:-.06em;margin:0;font-size:clamp(2.6rem,5vw,5rem);font-weight:900;line-height:.98}.home-intro h2 span{color:var(--blue-700)}.home-intro-grid>div>p{color:#56627f;max-width:760px;margin:25px 0 0;font-size:1.08rem}.content-section{padding-block:78px}.section-tight-top{padding-top:22px}.section-intro{grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);align-items:end;column-gap:55px;margin-bottom:34px;display:grid}.section-intro>p{color:var(--blue-700);letter-spacing:.12em;text-transform:uppercase;grid-column:1/-1;margin:0 0 8px;font-size:.75rem;font-weight:900}.section-intro h2{font-family:var(--font-heading);letter-spacing:-.055em;margin:0;font-size:clamp(2.3rem,4.5vw,4.2rem);font-weight:900;line-height:1}.section-intro>div{color:#606b89;line-height:1.55}.home-feature-section{background:var(--cream)}.home-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.home-feature-card{border:3px solid var(--blue-950);min-height:390px;box-shadow:7px 8px 0 var(--blue-950);color:var(--blue-950);border-radius:28px;flex-direction:column;align-items:flex-start;padding:clamp(25px,4vw,42px);transition:transform .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden}.home-feature-card:hover{box-shadow:4px 5px 0 var(--blue-950);transform:translateY(-5px)rotate(-.5deg)}.home-feature-card:after{border:3px solid var(--blue-950);content:"";background:#ffffff40;border-radius:48% 52% 42% 58%;width:210px;height:210px;position:absolute;bottom:-75px;right:-55px;transform:rotate(22deg)}.home-feature-icon{border:3px solid var(--blue-950);width:58px;height:58px;box-shadow:3px 4px 0 var(--blue-950);background:#fff;border-radius:18px;place-items:center;display:grid}.home-feature-icon svg{width:27px;height:27px}.home-feature-card>p{letter-spacing:.1em;text-transform:uppercase;margin:30px 0 5px;font-size:.73rem;font-weight:900}.home-feature-card h2{max-width:500px;font-family:var(--font-heading);letter-spacing:-.055em;margin:0;font-size:clamp(2rem,4vw,3.45rem);font-weight:900;line-height:1}.feature-body{max-width:490px;margin-top:18px;line-height:1.5}.feature-link{align-items:center;gap:8px;margin-top:auto;padding-top:24px;font-weight:900;display:inline-flex}.feature-link svg{width:19px}.home-feature-yellow{background:var(--yellow)}.home-feature-pink{background:#ff94cb}.home-feature-sky{background:var(--sky)}.home-feature-purple{background:#b69bff}.home-quote-band{border:3px solid var(--blue-950);background:var(--blue-700);box-shadow:9px 10px 0 var(--pink);color:#fff;text-align:center;border-radius:32px;margin-block:20px 78px;padding:clamp(40px,7vw,80px);position:relative;overflow:hidden}.home-quote-band:before,.home-quote-band:after{background:var(--yellow);content:"";border-radius:999px;width:160px;height:36px;position:absolute}.home-quote-band:before{top:28px;left:-68px;transform:rotate(21deg)}.home-quote-band:after{bottom:28px;right:-68px;transform:rotate(-21deg)}.quote-stars{color:var(--yellow);letter-spacing:.7em}.home-quote-band p{color:#cddaff;margin:12px 0 0;font-weight:900}.home-quote-band h2{font-family:var(--font-heading);letter-spacing:-.06em;margin:3px 0 26px;font-size:clamp(2.3rem,5.3vw,5rem);font-weight:900;line-height:1}.home-quote-band a{border-bottom:3px solid var(--yellow);min-height:48px;color:var(--yellow);align-items:center;gap:8px;font-weight:900;display:inline-flex}.home-quote-band a svg{width:18px}.home-safety{padding-bottom:90px}.inner-site-shell{background:var(--cream)}.page-intro{background:var(--blue-700);color:#fff;padding:75px 0 104px;position:relative;overflow:hidden}.page-intro:after{background:var(--cream);content:"";clip-path:polygon(0 48%,12% 70%,26% 38%,41% 72%,58% 35%,73% 64%,87% 32%,100% 59%,100% 100%,0 100%);height:58px;position:absolute;bottom:-1px;left:-2%;right:-2%}.page-intro:before{background:var(--intro-accent,var(--yellow));content:"";opacity:.23;border-radius:48% 52% 44% 56%;width:260px;height:260px;position:absolute;top:-80px;right:8%;transform:rotate(18deg)}.page-intro-yellow{--intro-accent:var(--yellow)}.page-intro-pink{--intro-accent:var(--pink)}.page-intro-purple{--intro-accent:#c5afff}.page-intro-sky{--intro-accent:var(--sky)}.page-intro-coral{--intro-accent:var(--coral)}.page-intro-grid{z-index:1;grid-template-columns:1.08fr .92fr;align-items:end;gap:clamp(45px,8vw,110px);display:grid;position:relative}.page-eyebrow{color:var(--intro-accent,var(--yellow));letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 12px;font-size:.8rem;font-weight:900;display:flex}.page-eyebrow svg{width:18px}.page-intro h1{font-family:var(--font-heading);letter-spacing:-.075em;margin:0;font-size:clamp(4rem,8vw,7.6rem);font-weight:900;line-height:.9}.page-intro-copy>p:first-child{color:#eff4ff;margin:0;font-size:clamp(1.08rem,1.5vw,1.3rem);line-height:1.6}.page-intro-note{border:2px solid var(--blue-950);background:var(--intro-accent,var(--yellow));box-shadow:3px 3px 0 var(--blue-950);color:var(--blue-950);border-radius:999px;margin:20px 0 0;padding:7px 13px;font-size:.78rem;font-weight:900;display:inline-block;transform:rotate(-1deg)}.safety-note{border:3px solid var(--blue-950);box-shadow:6px 7px 0 var(--blue-950);color:var(--blue-950);background:#e5f7ff;border-radius:24px;grid-template-columns:auto 1fr;gap:20px;padding:clamp(23px,4vw,36px);display:grid}.safety-note-strong{background:var(--yellow)}.safety-note>svg{width:30px;height:30px;margin-top:2px}.safety-note h2{font-family:var(--font-heading);letter-spacing:-.02em;margin:0;font-size:1.35rem;font-weight:900}.safety-note p{margin:6px 0 0;line-height:1.55}.parent-note{border-top:2px dashed #bbc5e2;align-items:flex-start;gap:10px;margin-top:20px;padding-top:18px;display:flex}.parent-note svg{width:22px;min-width:22px;color:var(--blue-700)}.parent-note p{margin:0;font-size:.86rem;line-height:1.5}.felicity-says{border:3px solid var(--blue-950);box-shadow:8px 9px 0 var(--pink);color:var(--blue-950);background:#fff;border-radius:30px 30px 8px;margin:0;padding:clamp(30px,5vw,55px);position:relative;transform:rotate(1deg)}.felicity-says span{color:var(--blue-700);letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:900}.felicity-says p{font-family:var(--font-heading);letter-spacing:-.04em;margin:9px 0 0;font-size:clamp(1.8rem,3vw,2.8rem);font-weight:900;line-height:1.05}.card-grid{align-items:start;gap:24px;display:grid}.card-grid-activities{grid-template-columns:repeat(3,minmax(0,1fr))}.card-grid-recipes,.card-grid-tech{grid-template-columns:repeat(2,minmax(0,1fr))}.content-card{border:3px solid var(--blue-950);box-shadow:7px 8px 0 var(--blue-950);color:var(--blue-950);background:#fff;border-radius:27px;overflow:hidden}.card-top{border-bottom:3px solid var(--blue-950);min-height:175px;padding:27px 25px;position:relative;overflow:hidden}.card-top p{letter-spacing:.1em;text-transform:uppercase;margin:0 0 7px;font-size:.7rem;font-weight:900}.card-top h2{max-width:92%;font-family:var(--font-heading);letter-spacing:-.05em;margin:0;font-size:clamp(1.8rem,3vw,2.7rem);font-weight:900;line-height:1}.card-top-yellow{background:var(--yellow)}.card-top-pink{background:#ff94cb}.card-top-purple{background:#b69bff}.card-top-sky{background:var(--sky)}.card-corner{border:3px solid var(--blue-950);background:#ffffff5c;border-radius:50%;place-items:center;width:108px;height:108px;display:grid;position:absolute;bottom:-30px;right:-24px}.card-corner svg{width:32px;transform:translate(-8px,-9px)}.card-body{padding:25px}.card-description{margin:0 0 22px;font-size:1.02rem;font-weight:700;line-height:1.5}.status-badge{border:2px solid var(--blue-950);min-height:29px;color:var(--blue-950);text-transform:uppercase;background:#eef2ff;border-radius:999px;align-items:center;gap:6px;margin-bottom:15px;padding:4px 9px;font-size:.68rem;font-weight:900;line-height:1;display:inline-flex}.status-badge svg{width:13px;height:13px}.card-facts{gap:20px;margin:0;display:grid}.card-facts dt{color:var(--blue-700);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:6px;font-size:.77rem;font-weight:900;display:flex}.card-facts dt svg{width:17px}.card-facts dd{margin:0;font-size:.9rem;line-height:1.5}.card-facts ol,.split-facts ol,.split-facts ul{margin:0;padding-left:20px}.card-facts li+li,.split-facts li+li{margin-top:5px}.fun-meter{border-top:2px dashed #bbc5e2;align-items:center;gap:6px;margin-top:22px;padding-top:17px;display:flex}.fun-meter span{text-transform:uppercase;margin-right:4px;font-size:.72rem;font-weight:900}.fun-meter i{color:#aab2cb;font-style:normal}.fun-meter i.filled{color:#f0ad00;text-shadow:0 1px 0 var(--blue-950)}.felicity-note{color:#5c6786;background:#f2f4fb;border-radius:14px;margin:18px 0 0;padding:12px 14px;font-size:.82rem}.split-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 22px;display:grid}.split-facts>div{background:#f1f5ff;border-radius:18px;padding:17px}.split-facts h3{align-items:center;gap:8px;margin:0 0 8px;font-size:.83rem;display:flex}.split-facts h3 svg{width:18px}.split-facts li{font-size:.86rem}.observation{border-top:2px solid #dce2f3;grid-template-columns:120px 1fr;gap:14px;margin:0;padding:15px 0;font-size:.87rem;line-height:1.45;display:grid}.carb-note{border:2px dashed var(--blue-700);background:#f7f9ff;border-radius:15px;margin:14px 0 0;padding:13px 15px;font-size:.82rem}.experience-box{background:#edf3ff;border-radius:18px;gap:13px;padding:17px;display:flex}.experience-box>svg{width:24px;min-width:24px;color:var(--pink)}.experience-box p{margin:0;font-size:.88rem;line-height:1.5}.experience-box strong{margin-bottom:3px;display:block}.question-line,.context-line{align-items:flex-start;gap:9px;font-size:.84rem;line-height:1.45;display:flex}.question-line{color:var(--blue-700);margin:20px 0 0;font-weight:800}.context-line{border-top:2px dashed #bbc5e2;margin:15px 0 0;padding-top:15px}.question-line svg,.context-line svg{width:18px;min-width:18px}.easter-egg-section{grid-template-columns:1.05fr .95fr;align-items:center;gap:38px;padding:15px 0 105px;display:grid}.easter-egg-card{border:3px solid var(--blue-950);background:var(--purple);box-shadow:9px 10px 0 var(--blue-950);color:var(--blue-950);border-radius:30px;padding:clamp(35px,6vw,62px);position:relative;overflow:hidden;transform:rotate(-1deg)}.easter-egg-card:after{border:3px solid var(--blue-950);background:var(--yellow);content:"";border-radius:45%;width:180px;height:180px;position:absolute;bottom:-50px;right:-30px;transform:rotate(22deg)}.easter-sticker{border-block:2px solid var(--blue-950);background:var(--pink);text-transform:uppercase;padding:7px 42px;font-size:.65rem;font-weight:900;position:absolute;top:25px;right:-36px;transform:rotate(35deg)}.easter-kicker{letter-spacing:.1em;text-transform:uppercase;margin:0 0 7px;font-size:.72rem;font-weight:900}.easter-egg-card h2{font-family:var(--font-heading);letter-spacing:-.065em;margin:0;font-size:clamp(2.8rem,6vw,5.5rem);font-weight:900;line-height:.88}.easter-egg-card>p:last-child{z-index:1;max-width:430px;margin:25px 0 0;line-height:1.5;position:relative}.cooking-manifesto{border-block:3px solid var(--blue-950);grid-template-columns:70px .7fr 1.3fr;align-items:baseline;gap:16px 25px;margin-bottom:92px;padding-block:42px;display:grid}.cooking-manifesto p,.cooking-manifesto h2{margin:0}.manifesto-number{color:var(--pink);font-size:.72rem;font-weight:900}.cooking-manifesto h2{font-family:var(--font-heading);letter-spacing:-.04em;font-size:1.65rem;font-weight:900}.cooking-manifesto>p:not(.manifesto-number){color:#5b6684}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.story-card{border:3px solid var(--blue-950);min-height:345px;box-shadow:6px 7px 0 var(--blue-950);color:var(--blue-950);border-radius:26px;padding:28px;position:relative;overflow:hidden}.story-card-yellow{background:var(--yellow)}.story-card-pink{background:#ff94cb}.story-card-sky{background:var(--sky)}.story-card-purple{background:#b69bff}.story-number{opacity:.5;font-family:var(--font-heading);font-size:1.4rem;font-weight:900;position:absolute;top:20px;right:24px}.story-card h2{max-width:80%;font-family:var(--font-heading);letter-spacing:-.05em;margin:12px 0 10px;font-size:clamp(1.8rem,3vw,2.7rem);font-weight:900;line-height:1}.story-card>p{margin:0;line-height:1.5}.story-card blockquote{border-left:4px solid var(--blue-950);font-family:var(--font-heading);margin:38px 0 0;padding-left:18px;font-size:1.35rem;font-weight:900}.story-placeholder{border-top:2px dashed var(--blue-950);text-transform:uppercase;justify-content:space-between;align-items:center;padding-top:14px;font-size:.76rem;font-weight:900;display:flex;position:absolute;bottom:25px;left:27px;right:27px}.story-placeholder svg{width:19px}.story-prompt-band{border:3px solid var(--blue-950);background:var(--blue-700);box-shadow:8px 9px 0 var(--pink);color:#fff;border-radius:28px;margin-bottom:90px;padding:clamp(35px,6vw,62px)}.story-prompt-band p{color:var(--yellow);letter-spacing:.1em;text-transform:uppercase;margin:0 0 5px;font-size:.72rem;font-weight:900}.story-prompt-band h2{max-width:920px;font-family:var(--font-heading);letter-spacing:-.055em;margin:0;font-size:clamp(2rem,5vw,4.4rem);font-weight:900;line-height:1}.story-prompt-band span{color:#cddaff;margin-top:20px;display:block}.review-path{border-block:3px solid var(--blue-950);grid-template-columns:.8fr 1.2fr;gap:55px;margin-bottom:90px;padding-block:40px;display:grid}.review-path>div p{color:var(--blue-700);letter-spacing:.1em;text-transform:uppercase;margin:0 0 5px;font-size:.72rem;font-weight:900}.review-path h2{font-family:var(--font-heading);letter-spacing:-.05em;margin:0;font-size:clamp(2rem,4vw,3.5rem);font-weight:900;line-height:1}.review-path ol{gap:12px;margin:0;padding:0;list-style:none;display:grid}.review-path li{grid-template-columns:34px 1fr;align-items:center;gap:12px;display:grid}.review-path li span{border:2px solid var(--blue-950);background:var(--yellow);border-radius:50%;place-items:center;width:32px;height:32px;font-size:.75rem;font-weight:900;display:grid}.learning-feed{gap:17px;display:grid}.learning-card{border:3px solid var(--blue-950);box-shadow:5px 6px 0 var(--blue-950);color:var(--blue-950);border-radius:24px;grid-template-columns:auto 1fr;gap:24px;padding:clamp(23px,4vw,36px);display:grid}.learning-card-yellow{background:var(--yellow)}.learning-card-pink{background:#ff94cb}.learning-card-sky{background:var(--sky)}.learning-card-purple{background:#b69bff}.learning-icon{border:3px solid var(--blue-950);width:54px;height:54px;box-shadow:3px 4px 0 var(--blue-950);background:#fff;border-radius:18px;place-items:center;display:grid}.learning-icon svg{width:25px}.learning-meta{justify-content:space-between;align-items:center;gap:15px;display:flex}.learning-meta>span:first-child{letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:900}.learning-meta .status-badge{margin:0}.learning-card h2{font-family:var(--font-heading);letter-spacing:-.045em;margin:7px 0 5px;font-size:clamp(1.6rem,3vw,2.6rem);font-weight:900;line-height:1}.learning-card p{margin:0}.learning-question{font-weight:800;margin-top:12px!important}.learning-prompt{border-block:3px solid var(--blue-950);grid-template-columns:auto 1fr;align-items:center;gap:28px;margin-bottom:90px;padding-block:42px;display:grid}.learning-prompt>span{border:3px solid var(--blue-950);background:var(--coral);width:80px;height:80px;box-shadow:5px 6px 0 var(--blue-950);font-family:var(--font-heading);border-radius:50%;place-items:center;font-size:2.5rem;font-weight:900;display:grid;transform:rotate(-8deg)}.learning-prompt p{color:var(--blue-700);text-transform:uppercase;margin:0;font-size:.75rem;font-weight:900}.learning-prompt h2{font-family:var(--font-heading);letter-spacing:-.045em;margin:5px 0 0;font-size:clamp(1.7rem,4vw,3.2rem);font-weight:900;line-height:1.05}.about-grid{grid-template-columns:1.08fr .92fr;align-items:center;gap:clamp(50px,8vw,100px);padding-block:85px 110px;display:grid}.about-big-copy{font-family:var(--font-heading);letter-spacing:-.06em;margin:0 0 40px;font-size:clamp(2.7rem,5.4vw,5rem);font-weight:900;line-height:.98}.about-big-copy span{color:var(--blue-700)}.about-values{gap:22px;display:grid}.about-values>div{grid-template-columns:auto 1fr;column-gap:14px;display:grid}.about-values svg{width:27px;color:var(--pink);grid-row:1/3}.about-values h2{font-family:var(--font-heading);margin:0;font-size:1.2rem;font-weight:900}.about-values p{color:#5c6785;margin:2px 0 0;line-height:1.5}.about-cta{margin-top:38px}.privacy-band{background:var(--yellow);color:var(--blue-950)}.privacy-inner{grid-template-columns:auto 1fr;align-items:start;gap:26px;padding-block:65px;display:grid}.privacy-inner>svg{width:48px;height:48px}.privacy-inner p:first-child{color:var(--blue-700);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:900}.privacy-inner h2{font-family:var(--font-heading);letter-spacing:-.05em;margin:3px 0 8px;font-size:clamp(2rem,4vw,3.5rem);font-weight:900}.privacy-inner p:last-child{max-width:820px;margin:0;line-height:1.55}.site-footer{background:var(--blue-950);color:#fff;padding:64px 0 38px}.footer-safety{grid-template-columns:auto 1fr;gap:22px;max-width:940px;margin-bottom:58px;display:grid}.footer-safety>svg{width:34px;height:34px;color:var(--yellow)}.footer-safety h2{color:var(--yellow);font-family:var(--font-heading);margin:0;font-size:1.25rem;font-weight:900}.footer-safety p{color:#c7d3fc;margin:6px 0 0;line-height:1.55}.footer-bottom{border-top:1px solid #ffffff2e;grid-template-columns:auto 1fr auto;align-items:center;gap:35px;padding-top:28px;display:grid}.footer-wordmark{min-height:44px;font-family:var(--font-heading);letter-spacing:-.04em;justify-content:center;align-items:center;font-size:1.3rem;font-weight:900;display:inline-flex}.footer-wordmark span{color:var(--yellow)}.footer-bottom nav{color:#c7d3fc;flex-wrap:wrap;justify-content:center;gap:11px 22px;font-size:.78rem;font-weight:800;display:flex}.footer-bottom nav a{align-items:center;min-height:44px;display:inline-flex}.footer-made{color:#c7d3fc;white-space:nowrap;align-items:center;gap:6px;margin:0;font-size:.72rem;display:flex}.footer-made svg{width:14px;fill:var(--pink);color:var(--pink)}@media (max-width:980px){.desktop-nav{display:none}.mobile-menu-button{display:inline-flex}.hero-grid{grid-template-columns:1fr;gap:55px;min-height:0;padding-top:52px;padding-bottom:135px}.hero-copy{max-width:720px}.hero-art{width:min(590px,100%);min-height:520px;margin:0 auto}.explore-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.home-intro-grid,.page-intro-grid,.about-grid{grid-template-columns:1fr}.home-intro-grid{gap:25px}.page-intro-grid{gap:30px}.card-grid-activities{grid-template-columns:repeat(2,minmax(0,1fr))}.card-grid-activities .content-card:last-child{grid-column:1/-1}.review-path,.easter-egg-section{grid-template-columns:1fr}.footer-bottom{text-align:center;grid-template-columns:1fr}.footer-bottom nav,.footer-made{justify-content:center}}@media (max-width:640px){body{font-size:16px}.page-width{width:min(100% - 28px,1180px)}.header-inner{min-height:72px}.wordmark{font-size:1.3rem}.mobile-menu-button{min-height:44px;padding:0 13px}.hero-grid{gap:43px;padding-top:42px;padding-bottom:128px}.hero-copy h1{font-size:clamp(3.55rem,20vw,5.4rem)}.hero-lede{margin-top:27px;font-size:1.05rem}.primary-cta{width:100%}.hero-art{min-height:410px}.speech-bubble{width:88%;padding:17px 20px}.buddy-preview{width:88%}.hero-sticker{width:118px;padding:19px 10px;right:-7px}.explore-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:-88px;padding-bottom:42px}.explore-pill{min-height:102px;font-size:.92rem}.explore-pill:last-child{grid-column:1/-1}.home-intro{padding-top:66px}.home-intro h2{font-size:2.75rem}.section-intro{grid-template-columns:1fr;gap:14px}.section-intro>p{margin-bottom:2px}.content-section{padding-block:60px}.home-feature-grid,.card-grid-activities,.card-grid-recipes,.card-grid-tech,.story-grid{grid-template-columns:1fr}.card-grid-activities .content-card:last-child{grid-column:auto}.home-feature-card{min-height:350px}.page-intro{padding:55px 0 92px}.page-intro h1{font-size:clamp(3.65rem,18vw,5.7rem)}.page-intro-copy>p:first-child{font-size:1rem}.split-facts{grid-template-columns:1fr}.observation{grid-template-columns:1fr;gap:3px}.easter-egg-section{padding-bottom:80px}.cooking-manifesto{grid-template-columns:44px 1fr}.cooking-manifesto>p:not(.manifesto-number){grid-column:2;margin-top:-11px}.review-path{gap:30px}.learning-card{grid-template-columns:1fr}.learning-meta{align-items:flex-start}.learning-prompt,.privacy-inner,.footer-safety{grid-template-columns:1fr}.footer-bottom nav{gap:5px 16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}