@import "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,400;1,700&display=swap";@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}}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;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}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.theme{--font-heading:var(--font-sans);--font-sans:"Geist Variable", sans-serif}:root{--background:oklch(100% 0 0);--foreground:oklch(14.5% 0 0);--card:oklch(100% 0 0);--card-foreground:oklch(14.5% 0 0);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.5% 0 0);--primary:oklch(20.5% 0 0);--primary-foreground:oklch(98.5% 0 0);--secondary:oklch(97% 0 0);--secondary-foreground:oklch(20.5% 0 0);--muted:oklch(97% 0 0);--muted-foreground:oklch(55.6% 0 0);--accent:oklch(97% 0 0);--accent-foreground:oklch(20.5% 0 0);--destructive:oklch(57.7% .245 27.325);--border:oklch(92.2% 0 0);--input:oklch(92.2% 0 0);--ring:oklch(70.8% 0 0);--chart-1:oklch(87% 0 0);--chart-2:oklch(55.6% 0 0);--chart-3:oklch(43.9% 0 0);--chart-4:oklch(37.1% 0 0);--chart-5:oklch(26.9% 0 0);--radius:.625rem;--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.5% 0 0);--sidebar-primary:oklch(20.5% 0 0);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(97% 0 0);--sidebar-accent-foreground:oklch(20.5% 0 0);--sidebar-border:oklch(92.2% 0 0);--sidebar-ring:oklch(70.8% 0 0)}.dark{--background:oklch(14.5% 0 0);--foreground:oklch(98.5% 0 0);--card:oklch(20.5% 0 0);--card-foreground:oklch(98.5% 0 0);--popover:oklch(20.5% 0 0);--popover-foreground:oklch(98.5% 0 0);--primary:oklch(92.2% 0 0);--primary-foreground:oklch(20.5% 0 0);--secondary:oklch(26.9% 0 0);--secondary-foreground:oklch(98.5% 0 0);--muted:oklch(26.9% 0 0);--muted-foreground:oklch(70.8% 0 0);--accent:oklch(26.9% 0 0);--accent-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--border:oklch(100% 0 0/.1);--input:oklch(100% 0 0/.15);--ring:oklch(55.6% 0 0);--chart-1:oklch(87% 0 0);--chart-2:oklch(55.6% 0 0);--chart-3:oklch(43.9% 0 0);--chart-4:oklch(37.1% 0 0);--chart-5:oklch(26.9% 0 0);--sidebar:oklch(20.5% 0 0);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(48.8% .243 264.376);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(26.9% 0 0);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(55.6% 0 0)}*{--tw-border-opacity:1;border-color:hsl(var(--border) / var(--tw-border-opacity,1));outline-color:hsl(var(--ring) / .5)}body{--tw-bg-opacity:1;background-color:hsl(var(--background) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:hsl(var(--foreground) / var(--tw-text-opacity,1))}html{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.\!container{width:100%!important}.container{width:100%}@media (width>=640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (width>=768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (width>=1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (width>=1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (width>=1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-x-0{left:0;right:0}.inset-y-0{top:0;bottom:0}.-bottom-10{bottom:-2.5rem}.-bottom-20{bottom:-5rem}.-left-20{left:-5rem}.-left-32{left:-8rem}.-right-10{right:-2.5rem}.-right-20{right:-5rem}.-top-1\/4{top:-25%}.-top-20{top:-5rem}.-top-24{top:-6rem}.bottom-0{bottom:0}.bottom-10{bottom:2.5rem}.bottom-6{bottom:1.5rem}.bottom-\[-11px\]{bottom:-11px}.left-0{left:0}.left-1\/2{left:50%}.left-1\/3{left:33.3333%}.left-1\/4{left:25%}.left-10{left:2.5rem}.left-\[-250\%\]{left:-250%}.right-0{right:0}.right-1\/4{right:25%}.right-10{right:2.5rem}.right-5{right:1.25rem}.right-\[-250\%\]{right:-250%}.top-0{top:0}.top-1\/2{top:50%}.top-1\/3{top:33.3333%}.top-1\/4{top:25%}.top-10{top:2.5rem}.top-20{top:5rem}.top-\[-10px\]{top:-10px}.isolate{isolation:isolate}.-z-\[1\]{z-index:-1}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-\[1\]{z-index:1}.mx-auto{margin-left:auto;margin-right:auto}.mb-\[var\(--logoloop-gap\)\]{margin-bottom:var(--logoloop-gap)}.ml-auto{margin-left:auto}.mr-\[var\(--logoloop-gap\)\]{margin-right:var(--logoloop-gap)}.mt-\[75px\]{margin-top:75px}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-20{height:5rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-80{height:20rem}.h-96{height:24rem}.h-\[200px\]{height:200px}.h-\[2px\]{height:2px}.h-\[350px\]{height:350px}.h-\[380px\]{height:380px}.h-\[400px\]{height:400px}.h-\[420px\]{height:420px}.h-\[450px\]{height:450px}.h-\[50\%\]{height:50%}.h-\[500px\]{height:500px}.h-\[clamp\(24px\,8\%\,120px\)\]{height:clamp(24px,8%,120px)}.h-\[var\(--logoloop-logoHeight\)\]{height:var(--logoloop-logoHeight)}.h-full{height:100%}.h-max{height:max-content}.min-h-\[calc\(100vh-75px\)\]{min-height:calc(100vh - 75px)}.w-10{width:2.5rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-8{width:2rem}.w-80{width:20rem}.w-96{width:24rem}.w-\[300\%\]{width:300%}.w-\[300px\]{width:300px}.w-\[350px\]{width:350px}.w-\[380px\]{width:380px}.w-\[400px\]{width:400px}.w-\[420px\]{width:420px}.w-\[450px\]{width:450px}.w-\[500px\]{width:500px}.w-\[600px\]{width:600px}.w-\[700px\]{width:700px}.w-\[clamp\(24px\,8\%\,120px\)\]{width:clamp(24px,8%,120px)}.w-auto{width:auto}.w-full{width:100%}.w-max{width:max-content}.max-w-2xl{max-width:42rem}.max-w-5xl{max-width:64rem}.max-w-7xl{max-width:80rem}.flex-none{flex:none}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes star-movement-bottom{0%{opacity:1;transform:translate(0%)}to{opacity:0;transform:translate(-100%)}}@keyframes star-movement-top{0%{opacity:1;transform:translate(0%)}to{opacity:0;transform:translate(100%)}}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.resize{resize:both}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3\.5{gap:.875rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-hidden{overflow-x:hidden}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-\[28px\]{border-radius:28px}.rounded-\[30px\]{border-radius:30px}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-0{border-width:0}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-white\/15{border-color:#ffffff26}.border-white\/20{border-color:#fff3}.bg-\[\#38bdf8\]\/15{background-color:#38bdf826}.bg-\[\#9d0d12\]{--tw-bg-opacity:1;background-color:rgb(157 13 18/var(--tw-bg-opacity,1))}.bg-\[\#9d0d12\]\/10{background-color:#9d0d121a}.bg-\[\#9d0d12\]\/15{background-color:#9d0d1226}.bg-\[\#9d0d12\]\/20{background-color:#9d0d1233}.bg-\[\#9d0d12\]\/25{background-color:#9d0d1240}.bg-\[\#e63946\]\/10{background-color:#e639461a}.bg-\[\#f472b6\]\/10{background-color:#f472b61a}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\/20{background-color:#0003}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/20{background-color:#fff3}.bg-white\/95{background-color:#fffffff2}.bg-\[linear-gradient\(to_bottom\,var\(--logoloop-fadeColor\,var\(--logoloop-fadeColorAuto\)\)_0\%\,rgba\(0\,0\,0\,0\)_100\%\)\]{background-image:linear-gradient(to bottom,var(--logoloop-fadeColor,var(--logoloop-fadeColorAuto)) 0%,#0000 100%)}.bg-\[linear-gradient\(to_left\,var\(--logoloop-fadeColor\,var\(--logoloop-fadeColorAuto\)\)_0\%\,rgba\(0\,0\,0\,0\)_100\%\)\]{background-image:linear-gradient(to left,var(--logoloop-fadeColor,var(--logoloop-fadeColorAuto)) 0%,#0000 100%)}.bg-\[linear-gradient\(to_right\,var\(--logoloop-fadeColor\,var\(--logoloop-fadeColorAuto\)\)_0\%\,rgba\(0\,0\,0\,0\)_100\%\)\]{background-image:linear-gradient(to right,var(--logoloop-fadeColor,var(--logoloop-fadeColorAuto)) 0%,#0000 100%)}.bg-\[linear-gradient\(to_top\,var\(--logoloop-fadeColor\,var\(--logoloop-fadeColorAuto\)\)_0\%\,rgba\(0\,0\,0\,0\)_100\%\)\]{background-image:linear-gradient(to top,var(--logoloop-fadeColor,var(--logoloop-fadeColorAuto)) 0%,#0000 100%)}.bg-gradient-to-bl{background-image:linear-gradient(to bottom left, var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right, var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right, var(--tw-gradient-stops))}.bg-gradient-to-tl{background-image:linear-gradient(to top left, var(--tw-gradient-stops))}.bg-gradient-to-tr{background-image:linear-gradient(to top right, var(--tw-gradient-stops))}.from-\[\#38bdf8\]\/10{--tw-gradient-from:#38bdf81a var(--tw-gradient-from-position);--tw-gradient-to:#38bdf800 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#9d0d12\]{--tw-gradient-from:#9d0d12 var(--tw-gradient-from-position);--tw-gradient-to:#9d0d1200 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#9d0d12\]\/10{--tw-gradient-from:#9d0d121a var(--tw-gradient-from-position);--tw-gradient-to:#9d0d1200 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#9d0d12\]\/15{--tw-gradient-from:#9d0d1226 var(--tw-gradient-from-position);--tw-gradient-to:#9d0d1200 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#e63946\]\/10{--tw-gradient-from:#e639461a var(--tw-gradient-from-position);--tw-gradient-to:#e6394600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#ee5916\]\/10{--tw-gradient-from:#ee59161a var(--tw-gradient-from-position);--tw-gradient-to:#ee591600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-black\/65{--tw-gradient-from:#000000a6 var(--tw-gradient-from-position);--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-red-500{--tw-gradient-from:#ef4444 var(--tw-gradient-from-position);--tw-gradient-to:#ef444400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-red-600\/20{--tw-gradient-from:#dc262633 var(--tw-gradient-from-position);--tw-gradient-to:#dc262600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-transparent{--tw-gradient-from:transparent var(--tw-gradient-from-position);--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.via-\[\#9d0d12\]\/10{--tw-gradient-to:#9d0d1200 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #9d0d121a var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-\[\#ee5916\]\/10{--tw-gradient-to:#ee591600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #ee59161a var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-\[\#f472b6\]\/10{--tw-gradient-to:#f472b600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #f472b61a var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-\[\#ff4d4d\]{--tw-gradient-to:#ff4d4d00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #ff4d4d var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-black\/30{--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #0000004d var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-red-600{--tw-gradient-to:#dc262600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #dc2626 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-rose-400{--tw-gradient-to:#fb718500 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #fb7185 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-rose-600\/15{--tw-gradient-to:#e11d4800 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #e11d4826 var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-\[\#7b050d\]\/10{--tw-gradient-to:#7b050d1a var(--tw-gradient-to-position)}.to-\[\#9d0d12\]\/10{--tw-gradient-to:#9d0d121a var(--tw-gradient-to-position)}.to-\[\#c084fc\]\/10{--tw-gradient-to:#c084fc1a var(--tw-gradient-to-position)}.to-\[\#f472b6\]\/10{--tw-gradient-to:#f472b61a var(--tw-gradient-to-position)}.to-\[\#fb923c\]\/10{--tw-gradient-to:#fb923c1a var(--tw-gradient-to-position)}.to-amber-400{--tw-gradient-to:#fbbf24 var(--tw-gradient-to-position)}.to-black\/10{--tw-gradient-to:#0000001a var(--tw-gradient-to-position)}.to-rose-600{--tw-gradient-to:#e11d48 var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.stroke-\[2\.5\]{stroke-width:2.5px}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-center{-o-object-position:center;object-position:center}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-\[28px\]{padding-left:28px;padding-right:28px}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-\[10px\]{padding-top:10px;padding-bottom:10px}.py-\[calc\(var\(--logoloop-logoHeight\)\*0\.1\)\]{padding-top:calc(var(--logoloop-logoHeight) * .1);padding-bottom:calc(var(--logoloop-logoHeight) * .1)}.pt-1{padding-top:.25rem}.text-center{text-align:center}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[14\.5px\]{font-size:14.5px}.text-\[length\:var\(--logoloop-logoHeight\)\]{font-size:var(--logoloop-logoHeight)}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.leading-\[1\.15\]{line-height:1.15}.leading-\[1\],.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.tracking-normal{letter-spacing:0}.tracking-tight{letter-spacing:-.025em}.text-\[\#9d0d12\]{--tw-text-opacity:1;color:rgb(157 13 18/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-transparent{color:#0000}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/80{color:#fffc}.text-white\/85{color:#ffffffd9}.no-underline{text-decoration-line:none}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-\[0\.03\]{opacity:.03}.opacity-\[0\.06\]{opacity:.06}.opacity-\[0\.08\]{opacity:.08}.shadow-\[0_8px_25px_-5px_rgba\(230\,57\,70\,0\.5\)\]{--tw-shadow:0 8px 25px -5px #e6394680;--tw-shadow-colored:0 8px 25px -5px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-\[\#9d0d12\]\/40{--tw-shadow-color:#9d0d1266;--tw-shadow:var(--tw-shadow-colored)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-3xl{--tw-blur:blur(64px);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)}.blur-\[120px\]{--tw-blur:blur(120px);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)}.blur-\[130px\]{--tw-blur:blur(130px);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)}.blur-\[140px\]{--tw-blur:blur(140px);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)}.contrast-\[1\.02\]{--tw-contrast:contrast(1.02);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-\[0_4px_24px_rgba\(0\,0\,0\,0\.8\)\]{--tw-drop-shadow:drop-shadow(0 4px 24px #000c);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-brightness-\[1\.05\]{--tw-backdrop-brightness:brightness(1.05);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-\[cubic-bezier\(0\.4\,0\,0\.2\,1\)\],.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-linear{transition-timing-function:linear}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.will-change-transform{will-change:transform}.\[--logoloop-fadeColorAuto\:\#ffffff\]{--logoloop-fadeColorAuto:#fff}.\[--logoloop-gap\:32px\]{--logoloop-gap:32px}.\[--logoloop-logoHeight\:28px\]{--logoloop-logoHeight:28px}.\[-webkit-user-drag\:none\]{-webkit-user-drag:none}.\[image-rendering\:-webkit-optimize-contrast\]{image-rendering:-webkit-optimize-contrast}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--red:#e63946;--dark:#1a1a2e;--text-primary:#222;--text-secondary:#666;--text-muted:#888;--bg-page:#f7f7f9;--bg-card:#fff;--card-shadow:0 2px 16px #0000000f;--card-radius:16px;--font-family:"Roboto", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;max-width:100vw;scroll-padding-top:90px;font-size:16px;overflow-x:hidden}body{font-family:var(--font-family);background:var(--bg-page);color:var(--text-primary);max-width:100vw;margin:0;padding:0;line-height:1.6;position:relative;overflow-x:hidden}#root{width:100%;max-width:100vw;min-height:100vh;overflow-x:hidden}.font-serif-italic{font-family:Instrument Serif,Playfair Display,Georgia,serif;font-style:italic}.font-sans-main{font-family:Plus Jakarta Sans,sans-serif}.text-orange-gradient{background:linear-gradient(135deg,#ff4800 0%,#ff6e1b 50%,#ff8a36 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.bg-cta-gradient{background:linear-gradient(100deg,#ff1a00 0%,#ff3d00 50%,#ff6800 100%)}.bg-cta-gradient:hover{background:linear-gradient(100deg,#e61700 0%,#f03900 50%,#f56100 100%)}.card-border-glow{-webkit-backdrop-filter:blur(12px);background:linear-gradient(145deg,#200a06a6 0%,#0c0c0cbf 60%,#050505d9 100%);border:1px solid #b42d0f59;position:relative;box-shadow:0 10px 30px -10px #ff3c001f}.card-border-glow:hover{border-color:#ff4b14a6;box-shadow:0 14px 40px -10px #ff3c0040}.selection\:bg-red-600 ::selection{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.selection\:text-white ::selection{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.selection\:bg-red-600::selection{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.selection\:text-white::selection{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-white\/50:hover{border-color:#ffffff80}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-95:hover{opacity:.95}.hover\:shadow-\[0_12px_32px_-3px_rgba\(230\,57\,70\,0\.75\)\]:hover{--tw-shadow:0 12px 32px -3px #e63946bf;--tw-shadow-colored:0 12px 32px -3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.focus-visible\:outline:focus-visible{outline-style:solid}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-current:focus-visible{outline-color:currentColor}.active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-\[0\.98\]:active{--tw-scale-x:.98;--tw-scale-y:.98;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:translate-x-1{--tw-translate-x:.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group\/item:hover .group-hover\/item\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-125{--tw-scale-x:1.25;--tw-scale-y:1.25;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.group:hover .group-hover\:text-\[\#9d0d12\]{--tw-text-opacity:1;color:rgb(157 13 18/var(--tw-text-opacity,1))}@media (prefers-reduced-motion:reduce){.motion-reduce\:transform-none{transform:none}.motion-reduce\:transition-none{transition-property:none}}@media (width>=640px){.sm\:bottom-8{bottom:2rem}.sm\:right-8{right:2rem}.sm\:h-12{height:3rem}.sm\:h-6{height:1.5rem}.sm\:w-12{width:3rem}.sm\:w-6{width:1.5rem}.sm\:w-\[320px\]{width:320px}.sm\:gap-6{gap:1.5rem}.sm\:space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2.5rem * var(--tw-space-y-reverse))}.sm\:whitespace-nowrap{white-space:nowrap}.sm\:px-12{padding-left:3rem;padding-right:3rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}}@media (width>=768px){.md\:w-\[340px\]{width:340px}.md\:text-5xl{font-size:3rem;line-height:1}}@media (width>=1024px){.lg\:px-16{padding-left:4rem;padding-right:4rem}.lg\:py-12{padding-top:3rem;padding-bottom:3rem}.lg\:text-6xl{font-size:3.75rem;line-height:1}}@media (prefers-color-scheme:dark){.dark\:\[--logoloop-fadeColorAuto\:\#0b0b0b\]{--logoloop-fadeColorAuto:#0b0b0b}}.custom-navbar-header{z-index:1000;background-color:#fff;width:100%;position:fixed;top:0;left:0;box-shadow:0 4px 20px #0000000d}.custom-navbar-container{align-items:center;width:100%;height:75px;display:flex}.custom-logo-area{z-index:30;background-color:#fff;align-items:center;width:195px;height:100%;padding-left:20px;padding-right:0;display:flex;position:relative}.custom-logo-brand{align-items:center;width:100%;height:100%;text-decoration:none;display:flex}.custom-logo-img{-o-object-fit:contain;object-fit:contain;max-width:100%;height:auto;max-height:60px;display:block}.custom-red-area{z-index:20;background-color:#9d0d12;flex:1;justify-content:flex-end;align-items:center;height:100%;padding-left:140px;padding-right:24px;display:flex;position:relative;overflow:hidden}.custom-slant-svg{z-index:10;pointer-events:none;width:140px;height:100%;position:absolute;top:0;left:0}.custom-desktop-menu{color:#fff;flex:1;justify-content:center;align-items:center;gap:40px;margin:0;padding:0;font-weight:500;list-style:none;display:flex}.custom-desktop-menu li{margin:0}.custom-nav-link{color:#fff;cursor:pointer;font-size:15px;font-weight:500;text-decoration:none;transition:opacity .2s,color .2s}.custom-nav-link:hover{color:#ffffffd9;opacity:.9}.custom-project-btn{color:#9d0d12;white-space:nowrap;background-color:#fff;border-radius:30px;margin-left:auto;padding:12px 32px;font-size:14.5px;font-weight:600;text-decoration:none;transition:background-color .25s,transform .2s;display:inline-block;box-shadow:0 4px 10px #0000001a}.custom-project-btn:hover{background-color:#f3f4f6;transform:translateY(-1px)}.custom-project-btn:active{transform:translateY(1px)}.animate-star-movement-bottom{animation:linear infinite alternate star-movement-bottom}.animate-star-movement-top{animation:linear infinite alternate star-movement-top}.custom-hamburger-btn{color:#fff;cursor:pointer;z-index:30;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;display:none}.custom-mobile-menu{width:100%;box-shadow:none;z-index:999;background-color:#9d0d12;border:none;margin:0;padding:0;display:none}.custom-mobile-menu ul{background-color:#9d0d12;flex-direction:column;margin:0;padding:12px 20px 24px;list-style:none;display:flex}.custom-mobile-menu li{background-color:#9d0d12;border-bottom:1px solid #ffffff26;margin:0;padding:12px 0}.custom-mobile-menu li a{color:#fff;background:0 0;font-size:15px;font-weight:500;text-decoration:none;display:block}@media (width<=1024px){.custom-desktop-menu,.custom-project-btn{display:none}.custom-hamburger-btn{display:flex}.custom-mobile-menu{background-color:#9d0d12;display:block}.custom-logo-area{width:175px;padding-left:14px;padding-right:0}.custom-red-area{padding-left:80px;padding-right:16px}.custom-slant-svg{width:80px}}@media (width<=480px){.custom-logo-area{width:145px;padding-left:8px}.custom-red-area{padding-left:50px;padding-right:10px}.custom-slant-svg{width:50px}}.hero-section{background-color:var(--dark);justify-content:center;align-items:center;width:100%;height:calc(100vh - 75px);min-height:550px;display:flex;position:relative;overflow:hidden}.hero-video{-o-object-fit:cover;object-fit:cover;z-index:1;will-change:auto;backface-visibility:hidden;width:100%;height:100%;position:absolute;top:0;left:0;transform:translateZ(0)}.hero-overlay{z-index:2;background:linear-gradient(135deg,#1a1a2ed9 0%,#1a1a2e99 100%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:3;text-align:center;color:#fff;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:900px;padding:0 24px;display:flex;position:relative}.hero-title{letter-spacing:-1.5px;text-transform:uppercase;margin-bottom:24px;font-size:3.5rem;font-weight:800;line-height:1.25}.hero-title span{background:linear-gradient(135deg,#fff 40%,#9d0d12 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.hero-subtitle{color:#ffffffd9;letter-spacing:.2px;max-width:720px;margin-bottom:40px;font-size:1.2rem;font-weight:400;line-height:1.7}.hero-buttons{justify-content:center;gap:20px;display:flex}.hero-btn{text-transform:uppercase;letter-spacing:.5px;border-radius:30px;padding:14px 36px;font-size:15px;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #0003}.hero-btn.primary-btn{color:#fff;background-color:#9d0d12;border:2px solid #9d0d12}.hero-btn.primary-btn:hover{color:#fff;background-color:#0000;transform:translateY(-3px);box-shadow:0 6px 20px #9d0d1266}.hero-btn.secondary-btn{color:#fff;background-color:#0000;border:2px solid #fff}.hero-btn.secondary-btn:hover{color:var(--dark,#1a1a2e);background-color:#fff;transform:translateY(-3px);box-shadow:0 6px 20px #ffffff40}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.8s ease-out forwards fadeInUp}.animate-fade-in-delayed{opacity:0;animation:.8s ease-out .2s forwards fadeInUp}.animate-fade-in-delayed-more{opacity:0;animation:.8s ease-out .4s forwards fadeInUp}@media (width<=768px){.hero-section{height:480px;min-height:auto}.hero-title{letter-spacing:-.5px;margin-bottom:18px;font-size:2.1rem}.hero-subtitle{margin-bottom:28px;padding:0 10px;font-size:.95rem;line-height:1.6}.hero-btn{padding:12px 28px;font-size:13.5px}.hero-buttons{flex-direction:column;gap:12px;width:100%;max-width:280px}}.about-section{background:linear-gradient(135deg,#fff 0%,#fff7f7 35%,#fdf2f4 70%,#f8eff4 100%);width:100%;padding:95px 20px;position:relative;overflow:hidden}.about-container{max-width:1120px;margin:0 auto}.about-grid{grid-template-columns:1fr 1.12fr;align-items:center;gap:60px;display:grid}.about-image-wrapper{width:100%;max-width:490px;margin:0 auto;position:relative}.about-red-badge{z-index:3;background-color:#9d0d12;border-top-right-radius:95px;border-bottom-left-radius:28px;width:110px;height:110px;position:absolute;bottom:-16px;left:-16px}.about-image{aspect-ratio:1.62;z-index:2;-o-object-fit:cover;object-fit:cover;border-radius:28px;width:100%;height:auto;display:block;position:relative;box-shadow:0 15px 35px #00000017}.about-content{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.about-label{color:#9d0d12;letter-spacing:2px;text-transform:uppercase;margin-bottom:12px;font-size:12px;font-weight:800;display:inline-block}.about-title{color:#1a1a2e;letter-spacing:-.5px;margin:0;font-size:34px;font-weight:500;line-height:1.3}.about-title span{color:#9d0d12}.about-title-line{background-color:#9d0d12;width:50px;height:3px;margin-top:15px;margin-bottom:28px}.about-text{color:#555;letter-spacing:.1px;margin:0 0 20px;font-size:14.5px;line-height:1.8}.about-text:last-of-type{margin-bottom:0}@media (width<=992px){.about-grid{gap:50px}.about-title{font-size:30px}}@media (width<=768px){.about-section{padding:60px 20px}.about-grid{grid-template-columns:1fr;gap:45px}.about-image-wrapper{max-width:400px;margin-bottom:10px}.about-red-badge{border-top-right-radius:90px;border-bottom-left-radius:20px;width:100px;height:100px;bottom:-15px;left:-15px}.about-image{border-radius:20px}.about-content{text-align:center;align-items:center}.about-title-line{margin-left:auto;margin-right:auto}}.services-section{background:linear-gradient(#fcfbfe 0%,#f7f3f9 40%,#fff5f5 100%);width:100%;padding:95px 20px;position:relative;overflow:hidden}.services-container{max-width:1120px;margin:0 auto}.services-header{text-align:center;margin-bottom:52px}.services-header h2{letter-spacing:3px;text-transform:uppercase;color:var(--text-primary);margin-bottom:14px;font-size:28px;font-weight:700}.services-header h2 span{color:var(--red)}.services-header p{color:var(--text-muted);letter-spacing:.2px;max-width:580px;margin:0 auto;font-size:14px;line-height:1.7}.services-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.service-card-link{color:inherit;text-decoration:none;display:block}.service-card-link:hover{color:inherit;text-decoration:none}.service-card{-webkit-backdrop-filter:blur(12px);border-radius:var(--card-radius);background:#fffffff2;border:1px solid #9d0d1214;padding:36px 30px 32px;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 10px 30px #0000000a}.service-card:before{content:"";background:var(--red);border-radius:0 0 var(--card-radius) var(--card-radius);width:0;height:4px;transition:width .35s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:0}.service-card:hover{background:#fff;border-color:#9d0d1240;transform:translateY(-6px);box-shadow:0 16px 40px #9d0d121f}.service-card:hover:before{width:100%}.service-icon{border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:22px;font-size:24px;display:flex}.service-icon.web-dev{background:linear-gradient(135deg,#ffe0e0,#ffd0d0)}.service-icon.app-dev{background:linear-gradient(135deg,#e8e0ff,#ddd5ff)}.service-icon.wordpress{background:linear-gradient(135deg,#ffd5d5,#f5c0c0)}.service-icon.shopify{background:linear-gradient(135deg,#fff3d0,#ffecb0)}.service-icon.power-bi{background:linear-gradient(135deg,#e0e8ff,#d5dfff)}.service-icon.uiux{background:linear-gradient(135deg,#f5d0d0,#e8c0c0)}.service-icon svg{width:26px;height:26px}.service-icon.web-dev svg{color:#d32f2f}.service-icon.app-dev svg{color:#6c47ff}.service-icon.wordpress svg{color:#c62828}.service-icon.shopify svg{color:#f9a825}.service-icon.power-bi svg{color:#5c6bc0}.service-icon.uiux svg{color:#9b2c2c}.service-card h3{color:#1a1a2e;letter-spacing:.2px;margin-bottom:10px;font-size:17px;font-weight:700}.service-card p{color:#555;min-height:60px;margin-bottom:18px;font-size:13px;line-height:1.7}.learn-more{color:#9d0d12;letter-spacing:.3px;align-items:center;gap:6px;font-size:13px;font-weight:600;text-decoration:none;transition:gap .25s,color .25s;display:inline-flex}.learn-more:hover{color:#c62828;gap:10px}.learn-more svg{width:14px;height:14px;transition:transform .25s}@media (width<=992px){.services-grid{grid-template-columns:repeat(2,1fr);gap:22px}.services-section{padding:50px 20px}.services-header h2{letter-spacing:2.5px;font-size:24px}}@media (width<=640px){.services-grid{grid-template-columns:1fr;gap:18px}.services-section{padding:40px 16px}.services-header{margin-bottom:36px}.services-header h2{letter-spacing:2px;font-size:22px}.services-header p{padding:0 8px;font-size:13px}.service-card{padding:28px 24px 26px}.service-card p{min-height:auto}}.projects-section{background:linear-gradient(#f9fafb 0%,#f3f4f8 40%,#faf3f5 75%,#fff5f5 100%);width:100%;padding:95px 20px;position:relative;overflow:hidden}.projects-container{max-width:1120px;margin:0 auto}.projects-header{text-align:center;margin-bottom:52px}.projects-header h2{letter-spacing:3px;text-transform:uppercase;color:var(--text-primary);margin-bottom:14px;font-size:28px;font-weight:700}.projects-header h2 span{color:var(--red)}.projects-header p{color:var(--text-muted);letter-spacing:.2px;max-width:580px;margin:0 auto;font-size:14px;font-style:italic;line-height:1.7}.projects-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.project-card{cursor:pointer;-webkit-backdrop-filter:blur(12px);border-radius:var(--card-radius);background:#ffffffe6;border:1px solid #9d0d1214;transition:all .35s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 10px 30px #0000000a}.project-card:hover{border-color:#9d0d1240;transform:translateY(-6px);box-shadow:0 18px 40px #9d0d121f}.project-image{width:100%;height:200px;overflow:hidden}.project-image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .4s}.project-content{padding:24px 26px 28px}.project-content h3{color:var(--text-primary);letter-spacing:.2px;margin-bottom:10px;font-size:16px;font-weight:700;line-height:1.4}.project-content p{color:var(--text-secondary);min-height:58px;margin-bottom:18px;font-size:13px;line-height:1.7}.project-tags{flex-wrap:wrap;gap:8px;display:flex}.project-tag{letter-spacing:.3px;border-radius:20px;padding:5px 14px;font-size:12px;font-weight:600;transition:transform .2s;display:inline-block}.project-tag:hover{transform:scale(1.05)}@media (width<=992px){.projects-grid{grid-template-columns:repeat(2,1fr);gap:22px}.projects-section{padding:50px 20px}.projects-header h2{letter-spacing:2.5px;font-size:24px}}@media (width<=640px){.projects-grid{grid-template-columns:1fr;gap:18px}.projects-section{padding:40px 16px}.projects-header{margin-bottom:36px}.projects-header h2{letter-spacing:2px;font-size:22px}.projects-header p{padding:0 8px;font-size:13px}.project-image{height:180px}.project-content{padding:20px 20px 24px}.project-content p{min-height:auto}}.choose-us-section{background:linear-gradient(#fff 0%,#fcf8f8 50%,#f9f4f6 100%);width:100%;padding:95px 20px;position:relative;overflow:hidden}.choose-us-container{max-width:1120px;margin:0 auto}.choose-us-banner{color:#fff;background:linear-gradient(105deg,#7b050d 0%,#c62828 50%,#ee5916 100%);border:1px solid #ffffff26;border-radius:20px;align-items:center;gap:50px;padding:56px 60px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 48px #7b050d59,0 0 30px #ee591633}.choose-us-info{flex-direction:column;flex:0 0 34%;align-items:flex-start;display:flex}.choose-us-info h2{color:#fff;letter-spacing:.2px;margin-bottom:16px;font-size:26px;font-weight:700;line-height:1.35}.choose-us-info p{color:#ffffffd1;margin-bottom:28px;font-size:13px;line-height:1.65}.discover-btn{color:#8c0c16;z-index:1;background:#fff;border-radius:30px;align-items:center;gap:8px;padding:11px 26px;font-size:13px;font-weight:700;text-decoration:none;transition:color .3s,box-shadow .25s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #7b050d26}.discover-btn:before{content:"";border-radius:inherit;z-index:-1;background:linear-gradient(#9d0d12 0%,#d91b22 100%);width:100%;height:100%;transition:transform .35s cubic-bezier(.23,1,.32,1);position:absolute;top:0;left:0;transform:translateY(-100%)}.discover-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #7b050d40;color:#fff!important}.discover-btn:hover:before{transform:translateY(0)}.discover-btn .arrow{font-size:13px;transition:transform .25s}.discover-btn:hover .arrow{transform:translate(4px)}.choose-us-stats{flex:1;justify-content:space-between;align-items:center;display:flex}.stat-item-wrapper{flex:1;align-items:center;display:flex}.stat-item{text-align:center;flex-direction:column;flex:1;align-items:center;padding:0 10px;display:flex}.stat-icon{background:#ffffff0d;border:1px solid #ffffff59;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:18px;transition:background-color .3s,border-color .3s;display:flex}.stat-item:hover .stat-icon{background:#ffffff26;border-color:#fff9}.stat-icon svg{color:#fff;width:18px;height:18px}.stat-value{color:#fff;letter-spacing:-.5px;margin-bottom:4px;font-family:inherit;font-size:28px;font-weight:800}.stat-label{color:#ffffffbf;letter-spacing:.2px;font-size:11px;font-weight:500}.stat-divider{background-color:#ffffff2e;flex-shrink:0;width:1px;height:64px}@media (width<=992px){.choose-us-banner{flex-direction:column;align-items:stretch;gap:40px;padding:48px 40px}.choose-us-info{text-align:center;flex:none;align-items:center}.choose-us-info p{max-width:500px}.stat-divider{height:52px}}@media (width<=640px){.choose-us-section{padding:50px 16px}.choose-us-banner{gap:32px;padding:36px 20px}.choose-us-info h2{font-size:22px}.choose-us-stats{flex-wrap:wrap;gap:24px 0}.stat-item-wrapper{flex:0 0 50%}.stat-divider{display:none}.stat-item{padding:0 5px}.stat-value{font-size:24px}.stat-label{font-size:10px}}.industry-section{background:linear-gradient(#fff 0%,#f8f7fd 50%,#f3f0fb 100%);width:100%;padding:95px 0;position:relative;overflow:hidden}.industry-container{max-width:1120px;margin:0 auto;padding:0 20px}.industry-header{text-align:center;margin-bottom:56px}.industry-header h2{letter-spacing:3px;text-transform:uppercase;color:var(--text-primary);margin-bottom:14px;font-size:28px;font-weight:700}.industry-header h2 span{color:var(--red)}.industry-header p{color:var(--text-muted);letter-spacing:.2px;max-width:580px;margin:0 auto;font-size:14px;line-height:1.7}.industry-grid{grid-template-columns:repeat(6,1fr);gap:16px;display:grid}.industry-card{-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #9d0d1214;border-radius:14px;flex-direction:column;align-items:flex-start;padding:28px 18px 24px;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 16px #00000008}.industry-card:hover{background:#fff;border-color:#9d0d1240;transform:translateY(-5px);box-shadow:0 12px 30px #9d0d121a}.industry-card-header{flex-direction:column;align-items:flex-start;width:100%;display:flex}.industry-icon{border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:18px;display:flex}.industry-icon svg{color:#fff;width:20px;height:20px}.industry-card h3{color:var(--text-primary);margin-bottom:10px;font-size:15px;font-weight:700;line-height:1.35}.industry-desc{color:var(--text-secondary);margin-bottom:18px;font-size:12px;line-height:1.6}.industry-list{width:100%;margin:0;padding:0;list-style:none}.industry-list li{color:var(--text-secondary);align-items:flex-start;gap:6px;margin-bottom:6px;font-size:11.5px;line-height:1.6;display:flex}.bullet-point{color:var(--text-muted);font-weight:700}@media (width<=1100px){.industry-grid{grid-template-columns:repeat(3,1fr);gap:20px}}@media (width<=768px){.industry-grid{grid-template-columns:repeat(2,1fr);gap:16px}.industry-section{padding:50px 16px}.industry-header h2{letter-spacing:2px;font-size:24px}}@media (width<=500px){.industry-grid{grid-template-columns:1fr;gap:16px}.industry-header{margin-bottom:36px}.industry-card{padding:24px 20px}}.contact-section{background:linear-gradient(135deg,#fff7f6 0%,#fef2f2 40%,#f8edf5 75%,#fff5f5 100%);width:100%;padding:95px 20px;position:relative;overflow:hidden}.contact-container{max-width:1120px;margin:0 auto}.contact-grid{grid-template-columns:1fr 1.5fr;align-items:start;gap:40px;display:grid}.contact-info{flex-direction:column;align-items:flex-start;display:flex}.contact-info h2{color:var(--text-primary);letter-spacing:.5px;margin-bottom:16px;font-size:26px;font-weight:700;line-height:1.35}.contact-info h2 span{color:var(--red)}.contact-intro{color:var(--text-secondary);margin-bottom:32px;font-size:13px;line-height:1.7}.contact-details{flex-direction:column;gap:20px;width:100%;display:flex}.contact-item{align-items:center;gap:14px;display:flex}.contact-item.align-start{align-items:flex-start}.contact-icon-badge{background-color:#7b050d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.contact-icon-badge svg{color:#fff;width:17px;height:17px}.contact-text{color:var(--text-primary);word-break:break-word;font-size:13px;font-weight:500;line-height:1.5}.contact-text a{color:var(--text-primary);text-decoration:none;transition:color .25s}.contact-text a:hover{color:var(--red)}.contact-form-wrapper{-webkit-backdrop-filter:blur(16px);background:#fffffff2;border:1px solid #0000000f;border-radius:16px;padding:32px;box-shadow:0 12px 40px #0000000a}.contact-form{flex-direction:column;gap:16px;display:flex}.form-row{gap:16px;display:flex}.form-group{flex-direction:column;flex:1;display:flex}.form-group.full-width{width:100%}.contact-form input,.contact-form select,.contact-form textarea{width:100%;color:var(--text-primary);background-color:#fff;border:1px solid #dcdad7;border-radius:6px;padding:12px 16px;font-family:inherit;font-size:13px;transition:border-color .25s,box-shadow .25s}.contact-form select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:14px;padding-right:40px}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#7b050d;outline:none;box-shadow:0 0 0 3px #7b050d14}.contact-form textarea{resize:vertical}.submit-btn{color:#fff;letter-spacing:.8px;cursor:pointer;background-color:#7b050d;border:none;border-radius:6px;width:100%;padding:14px 20px;font-size:13px;font-weight:700;position:relative;overflow:hidden}.contact-map-wrapper{width:100%}.contact-map-mock{background-color:#f3f2ef;border:1px solid #ebe9e5;border-radius:12px;width:100%;height:270px;position:relative;overflow:hidden;box-shadow:0 4px 16px #0000000a}.map-logo-text{color:#555;z-index:2;align-items:center;gap:6px;font-size:15px;font-weight:700;display:flex;position:absolute;top:16px;left:16px}.map-logo-text:before{content:"";background-color:#555;border-radius:3px;width:12px;height:12px;display:inline-block}.map-streets{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.map-pin-popup{z-index:2;background-color:#fff;border:1px solid #00000008;border-radius:8px;align-items:flex-start;gap:10px;padding:12px 16px;display:flex;position:absolute;top:50%;right:12%;transform:translateY(-50%);box-shadow:0 6px 18px #00000014}.map-pin-icon-red{flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.map-pin-icon-red svg{color:#c62828;width:18px;height:18px}.map-pin-info{flex-direction:column;width:150px;display:flex}.map-pin-info h4{color:var(--text-primary);margin:0 0 3px;font-size:11.5px;font-weight:700}.map-pin-info p{color:var(--text-secondary);margin:0;font-size:9.5px;line-height:1.35}@media (width<=992px){.contact-grid{grid-template-columns:1fr 1.3fr;gap:30px}.contact-map-wrapper{grid-column:span 2}.contact-map-mock{height:240px}}@media (width<=768px){.contact-section{padding:50px 16px}.contact-grid{grid-template-columns:1fr;gap:36px}.contact-map-wrapper{grid-column:span 1}.contact-info{text-align:center;align-items:center}.form-row{flex-direction:column;gap:16px}.map-pin-popup{left:50%;right:auto;transform:translate(-50%,-50%)}}.site-footer{color:#ffffffb3;box-sizing:border-box;background:linear-gradient(135deg,#4a030b 0%,#770511 40%,#0d0720 100%);width:100%;padding:70px 24px 50px;position:relative;overflow-x:hidden}.footer-container{max-width:1180px;margin:0 auto}.footer-grid{grid-template-columns:1.6fr 1fr 1.1fr 1fr 1.6fr;align-items:start;gap:36px;display:grid}.footer-brand-col{flex-direction:column;align-items:flex-start;display:flex}.footer-logo{border:none;outline:none;padding:0;text-decoration:none;display:inline-block;background:0 0!important}.footer-logo img{-o-object-fit:contain;object-fit:contain;width:auto;max-height:72px;margin-top:-8px}.footer-logo-img{mix-blend-mode:normal;box-shadow:none;border:none;max-width:180px;height:auto;display:block;background:0 0!important}.footer-desc{color:#ffffffb8;max-width:280px;margin-top:16px;margin-bottom:22px;font-size:13.5px;line-height:1.65}.footer-socials{align-items:center;gap:14px;display:flex}.footer-socials .social-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;text-decoration:none;transition:transform .25s,filter .25s;display:inline-flex;overflow:hidden}.footer-socials .social-icon:hover{filter:brightness(1.15);transform:translateY(-3px)scale(1.1)}.footer-socials .social-icon svg{width:100%;height:100%;display:block}.footer-col h4{color:#fff;letter-spacing:.5px;margin-bottom:20px;font-size:15px;font-weight:700;display:inline-block;position:relative}.footer-col h4:after{content:"";background:linear-gradient(90deg,#ff4d4d,#0000);border-radius:2px;width:24px;height:2px;position:absolute;bottom:-6px;left:0}.footer-links{flex-direction:column;gap:12px;display:flex}.footer-links a{color:#ffffffb3;font-size:13.5px;text-decoration:none;transition:color .25s,transform .25s;display:inline-block}.footer-links a:hover{color:#fff;transform:translate(4px)}.footer-contact-details{flex-direction:column;gap:14px;display:flex}.footer-contact-item{color:#ffffffbf;align-items:flex-start;gap:12px;font-size:13px;line-height:1.5;display:flex}.footer-contact-item svg{color:#ff4d4d;flex-shrink:0;width:16px;height:16px;margin-top:2px}.footer-contact-item a{color:#ffffffbf;word-break:break-word;overflow-wrap:anywhere;text-decoration:none;transition:color .25s}.footer-contact-item a:hover{color:#fff}.footer-contact-item span{word-break:break-word;line-height:1.55}.footer-divider-line{background:linear-gradient(90deg,#0000,#ffffff1f,#0000);width:100%;height:1px;margin:45px 0 26px}.footer-bottom{justify-content:space-between;align-items:center;gap:16px;display:flex}.footer-bottom .copyright{color:#ffffff80;margin:0;font-size:12.5px}.footer-bottom-links{align-items:center;gap:12px;display:flex}.footer-bottom-links a{color:#ffffff80;font-size:12.5px;text-decoration:none;transition:color .25s}.footer-bottom-links a:hover{color:#ffffffe6}.footer-bottom-links span{color:#fff3;-webkit-user-select:none;user-select:none;font-size:11px}@media (width<=1024px){.footer-grid{grid-template-columns:repeat(4,1fr);gap:32px 24px}.footer-brand-col{text-align:center;border-bottom:1px solid #ffffff14;grid-column:span 4;align-items:center;margin-bottom:4px;padding-bottom:24px}.footer-logo{justify-content:center}.footer-desc{text-align:center;max-width:480px;margin-left:auto;margin-right:auto}.footer-socials{justify-content:center}.footer-col h4:after{left:50%;transform:translate(-50%)}.footer-col{text-align:center}.footer-links a:hover{transform:translateY(-2px)}.footer-contact-item{text-align:left;justify-content:center}}@media (width<=768px){.site-footer{padding:50px 20px 75px}.footer-grid{grid-template-columns:repeat(2,1fr);gap:28px 20px}.footer-brand-col{grid-column:span 2;padding-bottom:22px}.footer-col{text-align:left}.footer-col h4{margin-bottom:14px;font-size:14px}.footer-col h4:after{left:0;transform:none}.footer-links{gap:10px}.footer-links a{font-size:13px}.footer-contact-col{border-top:1px solid #ffffff14;grid-column:span 2;margin-top:10px;padding-top:24px}.footer-contact-col h4{text-align:left}.footer-contact-details{grid-template-columns:1fr;gap:12px;display:grid}.footer-contact-item{box-sizing:border-box;background:#ffffff09;border:1px solid #ffffff0f;border-radius:10px;justify-content:flex-start;padding:10px 14px;font-size:13px}.footer-contact-item svg{width:16px;height:16px;margin-top:2px}.footer-divider-line{margin:32px 0 22px}.footer-bottom{text-align:center;flex-direction:column;gap:14px}.footer-bottom-links{flex-wrap:wrap;justify-content:center;gap:8px 12px}.footer-bottom-links span{display:none}}@media (width<=480px){.site-footer{padding:40px 16px 85px}.footer-grid{grid-template-columns:repeat(2,1fr);gap:24px 16px}.footer-brand-col{grid-column:span 2;padding-bottom:18px}.footer-logo img{max-height:60px}.footer-desc{max-width:310px;margin-top:12px;margin-bottom:18px;font-size:12.5px;line-height:1.6}.footer-socials{gap:12px}.footer-socials .social-icon{width:36px;height:36px}.footer-socials .social-icon svg{width:100%;height:100%}.footer-col h4{margin-bottom:12px;font-size:14px}.footer-links{gap:9px}.footer-links a{font-size:12.5px}.footer-contact-col{grid-column:span 2;margin-top:4px;padding-top:20px}.footer-contact-item{gap:10px;padding:10px 12px;font-size:12.5px}.footer-contact-item svg{width:15px;height:15px}.footer-contact-item span,.footer-contact-item a{font-size:12.5px;line-height:1.5}.footer-divider-line{margin:26px 0 18px}.footer-bottom .copyright,.footer-bottom-links a{font-size:11.5px}}html{scroll-behavior:smooth}.shiny-text{color:#0000;background:linear-gradient(120deg,#ffffffd9 0%,#fff 25%,#ffc3a0 45%,#fff 65%,#ffffffd9 100%) 0 0/200%;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite shiny-text-anim;display:inline-block}.shiny-text-dark{color:#0000;background:linear-gradient(120deg,#9d0d12 0%,#c9181e 25%,#ff4d4d 45%,#9d0d12 65%,#7a090d 100%) 0 0/200%;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite shiny-text-anim;display:inline-block}@keyframes shiny-text-anim{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes floatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-float{animation:5s ease-in-out infinite floatSlow}@keyframes pulseGlow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.08)}}.animate-pulse-glow{animation:4s ease-in-out infinite pulseGlow}.service-card,.project-card,.industry-card{transition:transform .35s cubic-bezier(.215,.61,.355,1),box-shadow .35s cubic-bezier(.215,.61,.355,1),border-color .35s}.service-card:hover{transform:translateY(-8px);box-shadow:0 16px 32px #9d0d121f}.project-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001f}.project-card .project-image img{transition:transform .5s cubic-bezier(.215,.61,.355,1)}.project-card:hover .project-image img{transform:scale(1.06)}.learn-more{transition:color .25s,gap .25s}.learn-more svg{transition:transform .25s cubic-bezier(.215,.61,.355,1)}.learn-more:hover svg{transform:translate(5px)}.contact-form input,.contact-form select,.contact-form textarea{transition:border-color .25s,box-shadow .25s,transform .2s}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#9d0d12;box-shadow:0 0 0 4px #9d0d121f}.submit-btn{transition:all .3s cubic-bezier(.215,.61,.355,1)}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #9d0d124d}.submit-btn:active{transform:translateY(1px)}.footer-socials .social-icon{transition:transform .25s cubic-bezier(.215,.61,.355,1),background-color .25s,color .25s}.footer-socials .social-icon:hover{color:#fff;background-color:#9d0d12;transform:translateY(-3px)scale(1.1)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes carousel-scroll{0%{transform:translate(0,0)}to{transform:translate(-33.333%)}}.animate-carousel-track{backface-visibility:hidden;perspective:1000px;animation:25s linear infinite carousel-scroll}.hero-btn-sweep-primary:before,.hero-btn-sweep-secondary:before,.submit-btn:before{content:"";border-radius:inherit;z-index:1;width:100%;height:100%;transition:transform .4s cubic-bezier(.23,1,.32,1);position:absolute;top:0;left:0;transform:translateY(-100%)}.hero-btn-sweep-primary:before{background:linear-gradient(#00000040 0%,#9d0d1299 100%)}.hero-btn-sweep-secondary:before{background:linear-gradient(#fff3 0%,#ffffff14 100%)}.hero-btn-sweep-primary:hover:before,.hero-btn-sweep-secondary:hover:before,.submit-btn:hover:before{transform:translateY(0)}.navbar-projects-btn{z-index:1;color:#9d0d12;background-color:#fff;transition:color .3s,border-color .3s;position:relative;overflow:hidden}.navbar-projects-btn:before{content:"";border-radius:inherit;z-index:-1;background:linear-gradient(#9d0d12 0%,#d91b22 100%);width:100%;height:100%;transition:transform .35s cubic-bezier(.23,1,.32,1);position:absolute;top:0;left:0;transform:translateY(-100%)}.navbar-projects-btn:hover{color:#fff!important}.navbar-projects-btn:hover:before{transform:translateY(0)}:root{--sdp-bg-dark:#f8fafc;--sdp-card-dark:#fff;--sdp-card-border:#9d0d1214;--sdp-text-muted:#555;--sdp-accent-red:#9d0d12;--sdp-section-padding:72px 0;--sdp-section-header-mb:40px}.sdp-page-wrapper,.sdp-hero,.sdp-overview-section,.sdp-features-section,.sdp-casestudies-section,.sdp-estimator-section,.sdp-tech-section,.sdp-process-section,.sdp-comparison-section,.sdp-testimonials-section,.sdp-pricing-section,.sdp-faq-section,.sdp-cyber-cta{box-sizing:border-box;width:100%;max-width:100vw;overflow-x:hidden}.sdp-container{box-sizing:border-box;width:100%;max-width:1240px;margin:0 auto;padding:0 24px}.sdp-section-header{text-align:center;margin-bottom:var(--sdp-section-header-mb)}.sdp-section-label{letter-spacing:2.5px;text-transform:uppercase;margin-bottom:12px;font-size:12px;font-weight:800;display:inline-block}.sdp-section-header h2{color:#1a1a2e;letter-spacing:-.025em;word-break:break-word;overflow-wrap:break-word;margin:0 0 12px;font-size:2.4rem;font-weight:850}.sdp-hero{box-sizing:border-box;background:linear-gradient(135deg,#fff7f6 0%,#fef2f2 40%,#f8edf5 75%,#fff5f5 100%);align-items:center;width:100%;height:calc(100vh - 75px);min-height:540px;max-height:800px;margin-top:50px;padding:32px 0 28px;display:flex;position:relative;overflow:hidden}.sdp-hero-bg-canvas{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.sdp-cyber-grid{background-image:linear-gradient(90deg,#9d0d120a 1px,#0000 1px),linear-gradient(#9d0d120a 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 25%,#0000 75%);mask-image:radial-gradient(#000 25%,#0000 75%)}.sdp-glow-orb{filter:blur(80px);will-change:transform;border-radius:50%;position:absolute}.sdp-glow-orb.orb-1{width:520px;height:520px;top:-120px;right:-60px}.sdp-glow-orb.orb-2{width:400px;height:400px;bottom:-90px;left:-90px}.sdp-cyber-particle{border-radius:50%;width:3px;height:3px;position:absolute}.sdp-hero-container{z-index:2;box-sizing:border-box;grid-template-columns:1.15fr .85fr;align-items:center;gap:40px;width:100%;max-width:100%;display:grid;position:relative}.sdp-hero-content{box-sizing:border-box;width:100%;max-width:100%;overflow:hidden}.sdp-hero-pill-badge{box-sizing:border-box;background:#9d0d120f;border:1px solid #9d0d122e;border-radius:20px;flex-wrap:wrap;align-items:center;gap:8px;max-width:100%;margin-bottom:16px;padding:6px 14px;display:inline-flex}.sdp-hero-pill-badge .pulse-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s infinite pulse-dot;box-shadow:0 0 12px #9d0d12}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.4)}}.sdp-hero-pill-badge .pill-text{letter-spacing:.5px;color:#9d0d12;white-space:normal;word-break:break-word;overflow-wrap:anywhere;text-align:center;font-size:11px;font-weight:700}.sdp-hero-title{color:#1a1a2e;letter-spacing:-.02em;word-break:break-word;overflow-wrap:anywhere;box-sizing:border-box;max-width:100%;margin:0 0 12px;font-size:clamp(1.3rem,4vw,3rem);font-weight:850;line-height:1.18}.sdp-hero-tagline{color:#555;word-break:break-word;overflow-wrap:break-word;box-sizing:border-box;max-width:580px;margin-bottom:20px;font-size:clamp(.9rem,2.5vw,1.08rem);line-height:1.6}.sdp-hero-kpi-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-sizing:border-box;background:#ffffffe6;border:1px solid #9d0d121f;border-radius:14px;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:16px;width:100%;max-width:100%;margin-bottom:22px;padding:14px 18px;display:grid;box-shadow:0 10px 30px #0000000a}.kpi-item{flex-direction:column;display:flex}.kpi-val{font-size:1.4rem;font-weight:850}.kpi-lbl{text-transform:uppercase;color:#666;letter-spacing:.5px;font-size:11px;font-weight:600}.sdp-hero-actions{box-sizing:border-box;flex-wrap:wrap;gap:16px;width:100%;max-width:100%;display:flex}.sdp-btn-primary{z-index:1;border-radius:30px;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:750;text-decoration:none;transition:box-shadow .3s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 8px 25px #9d0d124d}.sdp-btn-primary:before{content:"";border-radius:inherit;z-index:-1;pointer-events:none;background:linear-gradient(#00000047 0%,#0000 100%);width:100%;height:100%;transition:transform .35s cubic-bezier(.23,1,.32,1);position:absolute;top:0;left:0;transform:translateY(-100%)}.sdp-btn-primary:hover:before{transform:translateY(0)}.sdp-btn-outline{z-index:1;color:#1a1a2e;background:0 0;border:1.5px solid #1a1a2e;border-radius:30px;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:600;text-decoration:none;transition:color .3s,border-color .3s;display:inline-flex;position:relative;overflow:hidden}.sdp-btn-outline:before{content:"";border-radius:inherit;z-index:-1;background:linear-gradient(#9d0d12 0%,#d91b22 100%);width:100%;height:100%;transition:transform .35s cubic-bezier(.23,1,.32,1);position:absolute;top:0;left:0;transform:translateY(-100%)}.sdp-btn-outline:hover{color:#fff;border-color:#9d0d12}.sdp-btn-outline:hover:before{transform:translateY(0)}.sdp-cyber-cta .sdp-btn-outline{color:#fff;border-color:#fff9}.sdp-cyber-cta .sdp-btn-outline:before{background:linear-gradient(#ffffff40 0%,#ffffff14 100%)}.sdp-cyber-cta .sdp-btn-outline:hover{color:#fff;border-color:#fff}.sdp-hero-ide-container{box-sizing:border-box;width:100%;max-width:100%}.sdp-hero-ide-window{box-sizing:border-box;background:#090d1a;border:1px solid #9d0d1233;border-radius:18px;width:100%;max-width:100%;font-family:JetBrains Mono,Fira Code,monospace;overflow:hidden;box-shadow:0 25px 60px #00000026,0 0 40px #9d0d1214}.sdp-ide-header{box-sizing:border-box;background:#11172a;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px 16px;display:flex;overflow-x:auto}.sdp-ide-controls{flex-shrink:0;gap:6px;display:flex}.sdp-ide-controls .dot{border-radius:50%;width:10px;height:10px}.sdp-ide-controls .red{background:#f43f5e}.sdp-ide-controls .yellow{background:#f59e0b}.sdp-ide-controls .green{background:#10b981}.sdp-ide-tabs{flex-shrink:0;gap:4px;max-width:100%;display:flex;overflow-x:auto}.sdp-ide-tab{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;flex-shrink:0;align-items:center;gap:6px;padding:5px 12px;font-size:11.5px;transition:all .2s;display:flex}.sdp-ide-tab.active{color:#ff4d5a;background:#030712}.sdp-ide-badge{color:#ffffff80;letter-spacing:.5px;flex-shrink:0;align-items:center;gap:6px;font-size:10px;font-weight:700;display:flex}.sdp-ide-badge .live-pulse{border-radius:50%;width:6px;height:6px}.sdp-ide-body{box-sizing:border-box;background:#030712;width:100%;min-height:200px;padding:20px;overflow-x:auto}.sdp-code-block{white-space:pre-wrap;word-break:break-all;overflow-wrap:anywhere;box-sizing:border-box;min-width:0;max-width:100%;margin:0;font-size:12.5px;line-height:1.7}.sdp-code-line{box-sizing:border-box;gap:12px;min-width:0;max-width:100%;display:flex}.sdp-code-line .line-num{color:#475569;-webkit-user-select:none;user-select:none;text-align:right;flex-shrink:0;width:18px}.sdp-code-line .line-text{color:#f1f5f9;white-space:pre-wrap;word-break:break-all;overflow-wrap:anywhere;flex:1;min-width:0}.sdp-ide-footer{color:#94a3b8;background:#11172a;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:10px 16px;font-size:11px;display:flex}.sdp-ide-footer .status-item{align-items:center;gap:6px;display:flex}.sdp-ide-footer .status-metrics{gap:16px;display:flex}.sdp-overview-section{padding:var(--sdp-section-padding);background:linear-gradient(#fff 0%,#fff7f7 50%,#fdf2f4 100%)}.sdp-overview-card{box-sizing:border-box;background:#fff;border:1px solid #9d0d1214;border-radius:24px;width:100%;max-width:100%;padding:56px 48px;box-shadow:0 10px 35px #0000000a}.overview-badge{letter-spacing:1.5px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;font-size:12px;font-weight:800;display:flex}.sdp-overview-card h2{color:#1a1a2e;word-break:break-word;overflow-wrap:break-word;max-width:100%;margin:0 0 20px;font-size:clamp(1.4rem,4vw,2.2rem);font-weight:850}.sdp-overview-card p{color:#555;word-break:break-word;overflow-wrap:break-word;margin-bottom:40px;font-size:1.1rem;line-height:1.85}.sdp-overview-highlights{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.highlight-box{background:#f9fafbe6;border:1px solid #0000000f;border-radius:16px;align-items:flex-start;gap:16px;padding:20px;display:flex}.highlight-box h4{color:#1a1a2e;margin:0 0 4px;font-size:1rem;font-weight:700}.highlight-box p{color:#555;margin:0;font-size:.88rem;line-height:1.5}.sdp-features-section{padding:var(--sdp-section-padding);background:linear-gradient(#fdf2f4 0%,#fcfbfe 50%,#fff 100%)}.sdp-features-grid{perspective:1000px;grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.sdp-feature-card{background:#fff;border:1px solid #9d0d1214;border-radius:22px;padding:36px 30px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000000a}.sdp-feature-glow{pointer-events:none;border-radius:22px;position:absolute;inset:0}.sdp-feature-top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.sdp-feature-num{font-size:2.2rem;font-weight:850}.sdp-feature-badge{letter-spacing:1px;color:#9d0d12;background:#9d0d120f;border-radius:12px;padding:4px 10px;font-size:10px;font-weight:800}.sdp-feature-card h3{color:#1a1a2e;margin:0 0 12px;font-size:1.25rem;font-weight:750}.sdp-feature-card p{color:#555;margin:0 0 24px;font-size:.94rem;line-height:1.7}.sdp-feature-footer{border-top:1px solid #0000000f;padding-top:16px}.sdp-feature-link{align-items:center;gap:6px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.sdp-casestudies-section{padding:var(--sdp-section-padding);background:linear-gradient(#fff 0%,#f8f7fd 50%,#fff 100%)}.sdp-casestudies-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.sdp-casestudy-card{background:#fff;border:1px solid #9d0d1214;border-radius:22px;flex-direction:column;justify-content:space-between;padding:32px;display:flex;box-shadow:0 10px 30px #0000000a}.cs-top-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.cs-category{color:#9d0d12;text-transform:uppercase;letter-spacing:.5px;font-size:11.5px;font-weight:800}.cs-metrics-pill{background:#9d0d120f;border:1px solid #9d0d1226;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:800}.sdp-casestudy-card h3{color:#1a1a2e;margin:0 0 10px;font-size:1.3rem;font-weight:800}.sdp-casestudy-card p{color:#555;margin:0 0 20px;font-size:.92rem;line-height:1.65}.cs-tech-tags{flex-wrap:wrap;gap:6px;display:flex}.cs-tag{color:#374151;background:#f3f4f6;border-radius:8px;padding:4px 10px;font-size:11px;font-weight:600}.sdp-estimator-section{padding:var(--sdp-section-padding);background:linear-gradient(#fff 0%,#fff7f7 50%,#fef2f2 100%)}.sdp-estimator-card{background:#fff;border:1px solid #9d0d1214;border-radius:28px;padding:48px;box-shadow:0 15px 45px #0000000d}.sdp-estimator-header{text-align:center;max-width:640px;margin:0 auto 40px}.sdp-est-tag{letter-spacing:1.5px;color:#9d0d12;align-items:center;gap:8px;margin-bottom:12px;font-size:11px;font-weight:800;display:inline-flex}.sdp-estimator-header h2{color:#1a1a2e;margin:0 0 10px;font-size:2.1rem;font-weight:850}.sdp-estimator-header p{color:#555;font-size:.98rem}.sdp-estimator-body{grid-template-columns:1.2fr .8fr;gap:40px;display:grid}.sdp-est-group{margin-bottom:28px}.sdp-est-label{color:#1a1a2e;margin-bottom:12px;font-size:13px;font-weight:700;display:block}.sdp-est-grid-types{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.sdp-est-type-chip{color:#374151;cursor:pointer;text-align:left;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:14px;align-items:center;gap:10px;padding:14px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.sdp-est-type-chip.active{color:#9d0d12;background:#9d0d120f;border-color:#9d0d12}.sdp-est-tabs-speed{gap:12px;display:flex}.sdp-speed-btn{color:#6b7280;cursor:pointer;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:12px;flex:1;padding:12px;font-size:13px;font-weight:600;transition:all .2s}.sdp-speed-btn.active{color:#9d0d12;background:#fff;border-color:#9d0d12}.sdp-est-addons-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.sdp-addon-chip{color:#374151;cursor:pointer;text-align:left;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;font-size:12.5px;transition:all .2s;display:flex}.sdp-addon-chip .check-box{border:1.5px solid #d1d5db;border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.sdp-est-result-box{background:linear-gradient(135deg,#fff7f7 0%,#fef2f2 100%);border:1px solid #9d0d1226;border-radius:22px;flex-direction:column;justify-content:space-between;padding:32px;display:flex;box-shadow:0 10px 30px #9d0d120d}.result-header{color:#9d0d12;letter-spacing:1px;align-items:center;gap:8px;font-size:11px;font-weight:800;display:flex}.result-price{margin:20px 0 10px}.result-price .price-label{color:#666;margin-bottom:4px;font-size:12px;display:block}.result-price .price-val{color:#9d0d12;font-size:2.7rem;font-weight:850;line-height:1}.result-price .price-note{color:#64748b;margin-top:8px;font-size:11px;display:block}.result-divider{background:#00000014;height:1px;margin:20px 0}.result-metrics{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.metric-row{justify-content:space-between;align-items:center;font-size:13px;display:flex}.metric-row .m-label{color:#666;align-items:center;gap:6px;display:flex}.metric-row .m-val{color:#1a1a2e;font-weight:700}.sdp-est-cta-btn{color:#fff;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:14px;font-weight:800;text-decoration:none;transition:filter .2s;display:flex}.sdp-est-cta-btn:hover{filter:brightness(1.15)}.sdp-tech-section{padding:var(--sdp-section-padding);background:#fff}.sdp-logo-marquee-wrapper{padding:20px 0}.sdp-process-section{padding:var(--sdp-section-padding);background:linear-gradient(#fff 0%,#f8f9fa 100%)}.sdp-process-timeline-v2{flex-direction:column;gap:20px;max-width:800px;margin:0 auto;display:flex}.sdp-process-step-v2{background:#fff;border:1px solid #9d0d1214;border-radius:18px;align-items:flex-start;gap:20px;padding:24px 28px;display:flex;box-shadow:0 8px 24px #00000008}.step-num-badge{color:#9d0d12;background:#9d0d1214;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;font-weight:850;display:flex}.step-body h3{color:#1a1a2e;margin:0 0 6px;font-size:1.15rem;font-weight:750}.step-body p{color:#555;margin:0;font-size:.92rem;line-height:1.6}.sdp-comparison-section{padding:var(--sdp-section-padding);background:linear-gradient(#f8f9fa 0%,#fff 100%)}.sdp-comparison-table-wrapper{overflow-x:auto}.sdp-comparison-table{border-collapse:collapse;background:#fff;border:1px solid #9d0d1214;border-radius:20px;width:100%;overflow:hidden;box-shadow:0 10px 30px #0000000a}.sdp-comparison-table th{text-align:left;color:#1a1a2e;background:#f3f4f6;padding:20px 24px;font-size:14px;font-weight:700}.shri-brand-head{align-items:center;gap:8px;display:flex}.shri-brand-head .pro-pill{border-radius:10px;padding:2px 8px;font-size:10px;font-weight:850}.sdp-comparison-table td{border-top:1px solid #0000000f;padding:18px 24px;font-size:13.5px}.td-feature{color:#1a1a2e;width:35%;font-weight:600}.td-shri{color:#1a1a2e;background:#9d0d1208;width:35%}.td-others{color:#666;width:30%}.sdp-testimonials-section{padding:var(--sdp-section-padding);background:linear-gradient(#fff 0%,#fff7f7 100%)}.sdp-testimonials-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.sdp-testimonial-card{background:#fff;border:1px solid #9d0d1214;border-radius:22px;flex-direction:column;justify-content:space-between;padding:32px;display:flex;box-shadow:0 10px 30px #0000000a}.testi-top{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.testi-stars{gap:4px;display:flex}.testi-metric-badge{border-radius:12px;padding:4px 10px;font-size:11px;font-weight:800}.testi-quote{color:#4b5563;margin:0 0 24px;font-size:.95rem;font-style:italic;line-height:1.7}.testi-author{align-items:center;gap:12px;display:flex}.author-avatar{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:850;display:flex}.author-name{color:#1a1a2e;font-size:14px;font-weight:700;display:block}.author-role{color:#6b7280;font-size:12px;display:block}.sdp-pricing-section{padding:var(--sdp-section-padding);background:linear-gradient(#fff7f7 0%,#fff 100%)}.sdp-pricing-sub{color:#555;margin-top:6px;font-size:1rem}.sdp-pricing-grid-v2{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.sdp-pricing-card-v2{background:#fff;border:1.5px solid #9d0d1214;border-radius:24px;flex-direction:column;padding:40px 32px;display:flex;position:relative;box-shadow:0 10px 30px #0000000a}.sdp-pricing-card-v2.highlighted{border-width:2px;box-shadow:0 16px 40px #9d0d121f}.popular-badge{letter-spacing:.5px;border-radius:12px;padding:4px 16px;font-size:11px;font-weight:850;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.sdp-pricing-card-v2 h3{color:#1a1a2e;margin:0 0 16px;font-size:1.3rem;font-weight:750}.pricing-amount-box{margin-bottom:28px}.pricing-amount-box .amount{color:#1a1a2e;font-size:2.3rem;font-weight:850}.pricing-amount-box .period{color:#6b7280;font-size:.9rem}.plan-features-list{flex:1;margin:0 0 32px;padding:0;list-style:none}.plan-features-list li{color:#4b5563;border-bottom:1px solid #0000000d;align-items:center;gap:10px;padding:8px 0;font-size:13.5px;display:flex}.plan-cta-btn{text-align:center;border:1.5px solid;border-radius:30px;padding:14px;font-size:14px;font-weight:750;text-decoration:none;transition:all .3s;display:block}.sdp-faq-section{padding:var(--sdp-section-padding);background:linear-gradient(#fff 0%,#fcfbfe 100%)}.sdp-faq-search-box{max-width:600px;margin:0 auto 40px;position:relative}.sdp-faq-search-box .search-icon{color:#6b7280;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.sdp-faq-search-box input{color:#1a1a2e;background:#fff;border:1px solid #d1d5db;border-radius:30px;outline:none;width:100%;padding:16px 20px 16px 48px;font-size:14px;box-shadow:0 4px 12px #00000005}.sdp-faq-list-v2{max-width:780px;margin:0 auto}.sdp-faq-item{background:#fff;border:1px solid #9d0d1214;border-radius:16px;margin-bottom:12px;position:relative;overflow:hidden;box-shadow:0 4px 16px #00000008}.sdp-faq-accent-border{width:3px;position:absolute;top:0;bottom:0;left:0}.sdp-faq-question{cursor:pointer;text-align:left;color:#1a1a2e;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:20px 24px;font-size:1rem;font-weight:700;display:flex}.sdp-faq-answer p{color:#555;margin:0;padding:0 24px 20px;font-size:.94rem;line-height:1.75}.no-faq-msg{text-align:center;color:#6b7280;padding:40px}.sdp-cyber-cta{padding:var(--sdp-section-padding);text-align:center;color:#fff;background:linear-gradient(105deg,#7b050d 0%,#c62828 50%,#ee5916 100%);position:relative;overflow:hidden}.sdp-cyber-cta-content{max-width:680px;margin:0 auto}.cta-badge{letter-spacing:1.5px;color:#fff;margin-bottom:16px;font-size:12px;font-weight:850;display:inline-block}.sdp-cyber-cta-content h2{color:#fff;margin:0 0 16px;font-size:2.5rem;font-weight:850}.sdp-cyber-cta-content p{color:#ffffffe6;margin-bottom:36px;font-size:1.1rem;line-height:1.7}.cta-actions-row{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}@media (width<=1024px){:root{--sdp-section-padding:52px 0;--sdp-section-header-mb:32px}.sdp-hero{height:auto;min-height:unset;max-height:unset;padding:36px 0 28px}.sdp-hero-container{text-align:center;grid-template-columns:1fr;gap:28px}.sdp-hero-content{flex-direction:column;align-items:center;display:flex}.sdp-hero-tagline{margin-left:auto;margin-right:auto}.sdp-hero-kpi-bar{justify-content:center;margin-left:auto;margin-right:auto}.sdp-hero-actions{justify-content:center}.sdp-features-grid,.sdp-pricing-grid-v2,.sdp-testimonials-grid,.sdp-casestudies-grid{grid-template-columns:repeat(2,1fr)}.sdp-estimator-body,.sdp-overview-highlights{grid-template-columns:1fr}}@media (width<=768px){:root{--sdp-section-padding:36px 0;--sdp-section-header-mb:24px}.sdp-glow-orb.orb-1,.sdp-glow-orb.orb-2,.sdp-cyber-particle{display:none!important}.sdp-container{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:0 16px!important}.sdp-hero-container{box-sizing:border-box!important;grid-template-columns:1fr!important;gap:20px!important;width:100%!important;min-width:0!important;max-width:100%!important}.sdp-hero-content{text-align:center!important;box-sizing:border-box!important;flex-direction:column!important;align-items:center!important;width:100%!important;min-width:0!important;max-width:100%!important;display:flex!important}.sdp-hero-title{text-align:center!important;word-break:break-word!important;overflow-wrap:anywhere!important;min-width:0!important;max-width:100%!important;font-size:1.5rem!important;line-height:1.25!important}.sdp-hero-tagline{text-align:center!important;min-width:0!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;font-size:.88rem!important;line-height:1.55!important}.sdp-hero-pill-badge{box-sizing:border-box!important;text-align:center!important;justify-content:center!important;min-width:0!important;max-width:100%!important;padding:5px 10px!important}.sdp-hero-pill-badge .pill-text{letter-spacing:.3px!important;white-space:normal!important;word-break:break-word!important;overflow-wrap:anywhere!important;text-align:center!important;font-size:9px!important}.sdp-hero-kpi-bar{box-sizing:border-box!important;grid-template-columns:repeat(2,1fr)!important;gap:10px!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:12px!important}.kpi-item{text-align:center!important;align-items:center!important}.kpi-val{font-size:1.15rem!important}.kpi-lbl{letter-spacing:0!important;font-size:9px!important}.sdp-hero-actions{box-sizing:border-box!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;min-width:0!important;max-width:100%!important}.sdp-btn-primary,.sdp-btn-outline{box-sizing:border-box!important;justify-content:center!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:12px 14px!important;font-size:13.5px!important}.sdp-hero-ide-container{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important}.sdp-hero-ide-window{box-sizing:border-box!important;border-radius:14px!important;width:100%!important;min-width:0!important;max-width:100%!important}.sdp-ide-header{box-sizing:border-box!important;gap:6px!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:8px 10px!important;overflow-x:auto!important}.sdp-ide-tab{padding:4px 8px!important;font-size:10px!important}.sdp-ide-body{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:160px!important;padding:12px 10px!important;overflow-x:auto!important}.sdp-code-block{white-space:pre-wrap!important;word-break:break-all!important;overflow-wrap:anywhere!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;font-size:10px!important;line-height:1.5!important}.sdp-code-line{box-sizing:border-box!important;gap:8px!important;width:100%!important;min-width:0!important;max-width:100%!important;display:flex!important}.sdp-code-line .line-text{white-space:pre-wrap!important;word-break:break-all!important;overflow-wrap:anywhere!important;flex:1!important;min-width:0!important}.sdp-ide-footer{box-sizing:border-box!important;flex-wrap:wrap!important;gap:4px!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:8px 10px!important}.sdp-features-grid,.sdp-pricing-grid-v2,.sdp-testimonials-grid,.sdp-casestudies-grid{grid-template-columns:1fr!important;gap:16px!important;width:100%!important;min-width:0!important;max-width:100%!important}.sdp-est-grid-types,.sdp-est-addons-grid{grid-template-columns:1fr!important;width:100%!important;min-width:0!important;max-width:100%!important}.sdp-estimator-card,.sdp-overview-card{box-sizing:border-box!important;border-radius:16px!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:20px 14px!important}.sdp-comparison-table-wrapper{-webkit-overflow-scrolling:touch!important;box-sizing:border-box!important;width:calc(100% + 32px)!important;max-width:calc(100% + 32px)!important;margin:0 -16px!important;padding:0 16px!important;overflow-x:auto!important}.sdp-comparison-table{min-width:540px!important}.sdp-process-step-v2{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:18px 16px!important}.sdp-cyber-cta-content h2{font-size:1.4rem!important}.sdp-cyber-cta-content p{margin-bottom:24px!important;font-size:.92rem!important}.cta-actions-row{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.sdp-faq-search-box input{padding:14px 16px 14px 44px!important;font-size:13px!important}.sdp-faq-question{padding:16px 18px!important;font-size:.92rem!important}.sdp-faq-answer p{padding:0 18px 16px!important;font-size:.88rem!important}.sdp-estimator-header h2{font-size:1.35rem!important}.result-price .price-val{font-size:1.9rem!important}}@media (width<=480px){.sdp-container{padding:0 10px!important}.sdp-hero{padding:20px 0 16px!important}.sdp-hero-title{font-size:1.3rem!important}.sdp-section-header h2{font-size:1.25rem!important}.sdp-hero-pill-badge .pill-text{font-size:8px!important}.sdp-hero-kpi-bar{gap:6px!important;padding:10px 6px!important}.kpi-val{font-size:1rem!important}.kpi-lbl{font-size:8px!important}.sdp-btn-primary,.sdp-btn-outline{padding:10px 12px!important;font-size:12.5px!important}.sdp-code-block{font-size:9px!important;line-height:1.4!important}.sdp-process-step-v2{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;padding:14px 10px!important}.sdp-estimator-card,.sdp-est-result-box{padding:12px 8px!important}.result-price .price-val{font-size:1.65rem!important}.sdp-overview-card h2{font-size:1.2rem!important}.sdp-overview-card p{font-size:.85rem!important}.sdp-cyber-cta-content h2{font-size:1.2rem!important}}
