*,:after,:before{--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:rgba(59,130,246,.5);--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: }::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:rgba(59,130,246,.5);--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: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings: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:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-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,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.-inset-5{inset:-1.25rem}.-inset-6{inset:-1.5rem}.inset-0{inset:0}.inset-x-0{left:0;right:0}.-bottom-16{bottom:-4rem}.-bottom-20{bottom:-5rem}.-bottom-24{bottom:-6rem}.-left-16{left:-4rem}.-left-20{left:-5rem}.-left-24{left:-6rem}.-right-1\.5{right:-.375rem}.-right-16{right:-4rem}.-right-2{right:-.5rem}.-right-20{right:-5rem}.-right-24{right:-6rem}.-top-1\.5{top:-.375rem}.-top-16{top:-4rem}.-top-2{top:-.5rem}.-top-20{top:-5rem}.-top-24{top:-6rem}.-top-28{top:-7rem}.-top-3\.5{top:-.875rem}.bottom-0{bottom:0}.left-0{left:0}.left-1\/2{left:50%}.left-1\/3{left:33.333333%}.left-1\/4{left:25%}.left-8{left:2rem}.right-0{right:0}.right-1\/3{right:33.333333%}.right-1\/4{right:25%}.right-2{right:.5rem}.right-4{right:1rem}.top-0{top:0}.top-1\/2{top:50%}.top-1\/3{top:33.333333%}.top-10{top:2.5rem}.top-4{top:1rem}.top-8{top:2rem}.top-\[66px\]{top:66px}.z-10{z-index:10}.z-50{z-index:50}.z-\[70\]{z-index:70}.order-1{order:1}.order-2{order:2}.mx-auto{margin-left:auto;margin-right:auto}.-mt-1{margin-top:-.25rem}.mb-1{margin-bottom:.25rem}.mb-12{margin-bottom:3rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.ml-1{margin-left:.25rem}.ml-3{margin-left:.75rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-14{margin-top:3.5rem}.mt-2{margin-top:.5rem}.mt-2\.5{margin-top:.625rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-9{margin-top:2.25rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.inline-grid{display:inline-grid}.hidden{display:none}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-24{height:6rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-40{height:10rem}.h-44{height:11rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[18px\]{height:18px}.h-\[200px\]{height:200px}.h-\[20px\]{height:20px}.h-\[220px\]{height:220px}.h-\[22px\]{height:22px}.h-\[240px\]{height:240px}.h-\[300px\]{height:300px}.h-\[320px\]{height:320px}.h-\[340px\]{height:340px}.h-\[360px\]{height:360px}.h-\[380px\]{height:380px}.h-\[440px\]{height:440px}.h-\[72px\]{height:72px}.h-full{height:100%}.min-h-\[260px\]{min-height:260px}.min-h-\[380px\]{min-height:380px}.min-h-\[46px\]{min-height:46px}.w-1\/2{width:50%}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-24{width:6rem}.w-28{width:7rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-3\/4{width:75%}.w-4{width:1rem}.w-5{width:1.25rem}.w-5\/6{width:83.333333%}.w-56{width:14rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[18px\]{width:18px}.w-\[200px\]{width:200px}.w-\[220px\]{width:220px}.w-\[240px\]{width:240px}.w-\[300px\]{width:300px}.w-\[320px\]{width:320px}.w-\[340px\]{width:340px}.w-\[360px\]{width:360px}.w-\[380px\]{width:380px}.w-\[440px\]{width:440px}.w-\[47\%\]{width:47%}.w-\[68\%\]{width:68%}.w-\[82\%\]{width:82%}.w-\[86\%\]{width:86%}.w-\[92\%\]{width:92%}.w-auto{width:auto}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\[20px\]{min-width:20px}.min-w-\[22px\]{min-width:22px}.min-w-\[34px\]{min-width:34px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-7xl{max-width:80rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{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%}.translate-x-full{--tw-translate-x:100%}.transform,.translate-x-full{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))}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.scroll-mt-16{scroll-margin-top:4rem}.scroll-mt-20{scroll-margin-top:5rem}.scroll-mt-24{scroll-margin-top:6rem}.list-none{list-style-type:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-14{gap:3.5rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-7{gap:1.75rem}.gap-8{gap:2rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-y-1{row-gap:.25rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2.5rem*var(--tw-space-y-reverse))}.space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.625rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem*var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.space-y-3\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.875rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.875rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem*var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-balance{text-wrap:balance}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-y{border-top-width:1px}.border-b,.border-y{border-bottom-width:1px}.border-t{border-top-width:1px}.border-amber-300\/40{border-color:rgba(252,211,77,.4)}.border-cyan-200{--tw-border-opacity:1;border-color:rgb(165 243 252/var(--tw-border-opacity,1))}.border-cyan-300\/40{border-color:rgba(103,232,249,.4)}.border-cyan-400\/40{border-color:rgba(34,211,238,.4)}.border-lime-200{--tw-border-opacity:1;border-color:rgb(217 249 157/var(--tw-border-opacity,1))}.border-lime-400{--tw-border-opacity:1;border-color:rgb(163 230 53/var(--tw-border-opacity,1))}.border-lime-400\/30{border-color:rgba(163,230,53,.3)}.border-lime-400\/40{border-color:rgba(163,230,53,.4)}.border-lime-400\/50{border-color:rgba(163,230,53,.5)}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.border-slate-300{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.border-transparent{border-color:transparent}.border-white\/10{border-color:hsla(0,0%,100%,.1)}.border-white\/15{border-color:hsla(0,0%,100%,.15)}.border-white\/20{border-color:hsla(0,0%,100%,.2)}.bg-\[\#070d18\]{--tw-bg-opacity:1;background-color:rgb(7 13 24/var(--tw-bg-opacity,1))}.bg-\[\#070d18\]\/80{background-color:rgba(7,13,24,.8)}.bg-\[\#0b1424\]{--tw-bg-opacity:1;background-color:rgb(11 20 36/var(--tw-bg-opacity,1))}.bg-amber-100{--tw-bg-opacity:1;background-color:rgb(254 243 199/var(--tw-bg-opacity,1))}.bg-amber-300\/10{background-color:rgba(252,211,77,.1)}.bg-amber-400\/10{background-color:rgba(251,191,36,.1)}.bg-amber-400\/70{background-color:rgba(251,191,36,.7)}.bg-black\/60{background-color:rgba(0,0,0,.6)}.bg-black\/70{background-color:rgba(0,0,0,.7)}.bg-cyan-300\/10{background-color:rgba(103,232,249,.1)}.bg-cyan-400\/10{background-color:rgba(34,211,238,.1)}.bg-cyan-50{--tw-bg-opacity:1;background-color:rgb(236 254 255/var(--tw-bg-opacity,1))}.bg-cyan-500{--tw-bg-opacity:1;background-color:rgb(6 182 212/var(--tw-bg-opacity,1))}.bg-cyan-600{--tw-bg-opacity:1;background-color:rgb(8 145 178/var(--tw-bg-opacity,1))}.bg-lime-100{--tw-bg-opacity:1;background-color:rgb(236 252 203/var(--tw-bg-opacity,1))}.bg-lime-400\/10{background-color:rgba(163,230,53,.1)}.bg-lime-400\/70{background-color:rgba(163,230,53,.7)}.bg-lime-50{--tw-bg-opacity:1;background-color:rgb(247 254 231/var(--tw-bg-opacity,1))}.bg-lime-500{--tw-bg-opacity:1;background-color:rgb(132 204 22/var(--tw-bg-opacity,1))}.bg-red-400\/70{background-color:hsla(0,91%,71%,.7)}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/10{background-color:hsla(0,0%,100%,.1)}.bg-white\/15{background-color:hsla(0,0%,100%,.15)}.bg-white\/20{background-color:hsla(0,0%,100%,.2)}.bg-white\/5{background-color:hsla(0,0%,100%,.05)}.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-tr{background-image:linear-gradient(to top right,var(--tw-gradient-stops))}.from-cyan-100{--tw-gradient-from:#cffafe var(--tw-gradient-from-position);--tw-gradient-to:rgba(207,250,254,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cyan-400\/20{--tw-gradient-from:rgba(34,211,238,.2) var(--tw-gradient-from-position);--tw-gradient-to:rgba(34,211,238,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cyan-500\/20{--tw-gradient-from:rgba(6,182,212,.2) var(--tw-gradient-from-position);--tw-gradient-to:rgba(6,182,212,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-lime-100{--tw-gradient-from:#ecfccb var(--tw-gradient-from-position);--tw-gradient-to:hsla(80,89%,89%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-lime-400{--tw-gradient-from:#a3e635 var(--tw-gradient-from-position);--tw-gradient-to:rgba(163,230,53,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-lime-400\/20{--tw-gradient-from:rgba(163,230,53,.2) var(--tw-gradient-from-position);--tw-gradient-to:rgba(163,230,53,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),transparent var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-white{--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#fff var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-cyan-100{--tw-gradient-to:#cffafe var(--tw-gradient-to-position)}.to-cyan-400{--tw-gradient-to:#22d3ee var(--tw-gradient-to-position)}.to-cyan-400\/20{--tw-gradient-to:rgba(34,211,238,.2) var(--tw-gradient-to-position)}.to-lime-100{--tw-gradient-to:#ecfccb var(--tw-gradient-to-position)}.to-lime-400\/20{--tw-gradient-to:rgba(163,230,53,.2) var(--tw-gradient-to-position)}.to-lime-500\/20{--tw-gradient-to:rgba(132,204,22,.2) var(--tw-gradient-to-position)}.object-cover{-o-object-fit:cover;object-fit:cover}.p-12{padding:3rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.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-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-14{padding-bottom:3.5rem}.pb-20{padding-bottom:5rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pl-3{padding-left:.75rem}.pl-6{padding-left:1.5rem}.pr-10{padding-right:2.5rem}.pr-4{padding-right:1rem}.pr-6{padding-right:1.5rem}.pt-10{padding-top:2.5rem}.pt-16{padding-top:4rem}.pt-8{padding-top:2rem}.pt-\[76px\]{padding-top:76px}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[15px\]{font-size:15px}.text-\[17px\]{font-size:17px}.text-\[7px\]{font-size:7px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.not-italic{font-style:normal}.leading-\[1\.06\]{line-height:1.06}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-\[\.25em\]{letter-spacing:.25em}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-\[\#07121f\]{--tw-text-opacity:1;color:rgb(7 18 31/var(--tw-text-opacity,1))}.text-amber-300{--tw-text-opacity:1;color:rgb(252 211 77/var(--tw-text-opacity,1))}.text-amber-400{--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity,1))}.text-amber-700{--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1))}.text-cyan-300{--tw-text-opacity:1;color:rgb(103 232 249/var(--tw-text-opacity,1))}.text-cyan-400{--tw-text-opacity:1;color:rgb(34 211 238/var(--tw-text-opacity,1))}.text-cyan-600{--tw-text-opacity:1;color:rgb(8 145 178/var(--tw-text-opacity,1))}.text-cyan-700{--tw-text-opacity:1;color:rgb(14 116 144/var(--tw-text-opacity,1))}.text-cyan-800{--tw-text-opacity:1;color:rgb(21 94 117/var(--tw-text-opacity,1))}.text-lime-300{--tw-text-opacity:1;color:rgb(190 242 100/var(--tw-text-opacity,1))}.text-lime-400{--tw-text-opacity:1;color:rgb(163 230 53/var(--tw-text-opacity,1))}.text-lime-500{--tw-text-opacity:1;color:rgb(132 204 22/var(--tw-text-opacity,1))}.text-lime-600{--tw-text-opacity:1;color:rgb(101 163 13/var(--tw-text-opacity,1))}.text-lime-700{--tw-text-opacity:1;color:rgb(77 124 15/var(--tw-text-opacity,1))}.text-slate-200{--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity,1))}.text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.accent-cyan-500{accent-color:#06b6d4}.opacity-0{opacity:0}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px 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-black\/50{--tw-shadow-color:rgba(0,0,0,.5);--tw-shadow:var(--tw-shadow-colored)}.shadow-black\/60{--tw-shadow-color:rgba(0,0,0,.6);--tw-shadow:var(--tw-shadow-colored)}.blur-2xl{--tw-blur:blur(40px)}.blur-2xl,.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)}.backdrop-blur-md,.backdrop-blur-sm{-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-blur-sm{--tw-backdrop-blur:blur(4px)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.\[mask-image\:linear-gradient\(90deg\2c transparent\2c \#000_10\%\2c \#000_90\%\2c transparent\)\]{-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.\[mask-image\:linear-gradient\(90deg\2c transparent\2c \#000_12\%\2c \#000_88\%\2c transparent\)\]{-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.placeholder\:text-slate-500::-moz-placeholder{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.placeholder\:text-slate-500::placeholder{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.open\:border-cyan-300[open]{--tw-border-opacity:1;border-color:rgb(103 232 249/var(--tw-border-opacity,1))}.hover\:-translate-y-0\.5:hover{--tw-translate-y:-0.125rem;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-cyan-400:hover{--tw-border-opacity:1;border-color:rgb(34 211 238/var(--tw-border-opacity,1))}.hover\:border-cyan-400\/60:hover{border-color:rgba(34,211,238,.6)}.hover\:border-lime-400:hover{--tw-border-opacity:1;border-color:rgb(163 230 53/var(--tw-border-opacity,1))}.hover\:border-red-400\/50:hover{border-color:hsla(0,91%,71%,.5)}.hover\:bg-white\/10:hover{background-color:hsla(0,0%,100%,.1)}.hover\:bg-white\/5:hover{background-color:hsla(0,0%,100%,.05)}.hover\:text-cyan-400:hover{--tw-text-opacity:1;color:rgb(34 211 238/var(--tw-text-opacity,1))}.hover\:text-cyan-700:hover{--tw-text-opacity:1;color:rgb(14 116 144/var(--tw-text-opacity,1))}.hover\:text-cyan-800:hover{--tw-text-opacity:1;color:rgb(21 94 117/var(--tw-text-opacity,1))}.hover\:text-red-400:hover{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.hover\:text-slate-200:hover{--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.focus\:border-cyan-400:focus{--tw-border-opacity:1;border-color:rgb(34 211 238/var(--tw-border-opacity,1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-cyan-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(34 211 238/var(--tw-ring-opacity,1))}.group:hover .group-hover\:gap-3{gap:.75rem}@media (min-width:640px){.sm\:right-3{right:.75rem}.sm\:inline-flex{display:inline-flex}.sm\:hidden{display:none}.sm\:h-8{height:2rem}.sm\:h-80{height:20rem}.sm\:w-auto{width:auto}.sm\:min-w-\[38px\]{min-width:38px}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:gap-1\.5{gap:.375rem}.sm\:gap-x-5{-moz-column-gap:1.25rem;column-gap:1.25rem}.sm\:p-10{padding:2.5rem}.sm\:p-8{padding:2rem}.sm\:px-10{padding-left:2.5rem;padding-right:2.5rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.sm\:py-20{padding-top:5rem;padding-bottom:5rem}.sm\:py-24{padding-top:6rem;padding-bottom:6rem}.sm\:py-28{padding-top:7rem;padding-bottom:7rem}.sm\:pt-24{padding-top:6rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-6xl{font-size:3.75rem;line-height:1}.sm\:text-\[8px\]{font-size:8px}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-xs{font-size:.75rem;line-height:1rem}}@media (min-width:768px){.md\:inline{display:inline}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.lg\:order-1{order:1}.lg\:order-2{order:2}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.lg\:text-7xl{font-size:4.5rem;line-height:1}}@media (min-width:1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}/* ===== Grafx Ajans — ortak stiller & animasyonlar ===== */
:root{
  --cyan:#22d3ee; --lime:#a3e635; --ink:#070d18; --ink2:#0b1424; --cream:#fffcf2; --hdr-h:118px;
}
html{scroll-behavior:smooth}
html,body{overflow-x:clip;max-width:100%}
body{overflow-x:hidden}
img,video{max-width:100%}
#site-header{background:transparent!important;min-height:0!important}
#site-header img[alt="Grafx Ajans"],#site-footer img[alt="Grafx Ajans"]{width:auto}
#site-footer{min-height:356px;background:#070d18}
h1,h2,h3,p{overflow-wrap:break-word}
/* Sabit header yüksekliği (topbar dahil) — sayfa üst boşlukları buna uyar */
.pt-\[76px\]{padding-top:var(--hdr-h,76px)!important}
body{font-family:'Manrope',system-ui,sans-serif;color:#0f172a;background:#f7f9fc}
h1,h2,h3,h4,.font-display{font-family:'Sora',system-ui,sans-serif}
.text-red-600{color:#dc2626}
.text-lime-700{color:#4d7c0f}

/* Gradient metin */
.grad-text{background:linear-gradient(90deg,var(--cyan),var(--lime));-webkit-background-clip:text;background-clip:text;color:transparent}
.grad-bg{background:linear-gradient(90deg,var(--cyan),var(--lime))}
.grad-border{border:1.5px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,var(--cyan),var(--lime)) border-box}

/* ===== Hero animasyonları ===== */
@keyframes blobFloat{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(40px,-30px) scale(1.12)}66%{transform:translate(-30px,25px) scale(.94)}}
@keyframes blobFloat2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-50px,40px) scale(1.15)}}
.blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;pointer-events:none}
.blob-a{animation:blobFloat 14s ease-in-out infinite}
.blob-b{animation:blobFloat2 18s ease-in-out infinite}
@keyframes gridPan{from{background-position:0 0}to{background-position:0 -48px}}
.hero-grid{background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:48px 48px;animation:gridPan 6s linear infinite}
@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
.float-y{animation:floatY 5s ease-in-out infinite}
@keyframes pulseRing{0%{box-shadow:0 0 0 0 rgba(34,211,238,.45)}100%{box-shadow:0 0 0 22px rgba(34,211,238,0)}}
.pulse-ring{animation:pulseRing 2.2s ease-out infinite}

/* Parçacıklar */
@keyframes particleUp{0%{transform:translateY(0);opacity:0}12%{opacity:.9}100%{transform:translateY(-110vh);opacity:0}}
.particle{position:absolute;bottom:-10px;border-radius:9999px;background:linear-gradient(90deg,var(--cyan),var(--lime));animation:particleUp linear infinite;pointer-events:none}

/* ===== Marquee ===== */
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.marquee-track{display:flex;width:max-content;animation:marquee 32s linear infinite}
.marquee-track.fast{animation-duration:22s}
.marquee-track.reverse{animation-direction:reverse}
.marquee:hover .marquee-track{animation-play-state:paused}

/* ===== Scroll reveal ===== */
.reveal{opacity:0;transform:translateY(34px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}
.reveal.in{opacity:1;transform:none}
.reveal[data-reveal="left"]{transform:translateX(-44px)}
.reveal[data-reveal="right"]{transform:translateX(44px)}
.reveal[data-reveal="zoom"]{transform:scale(.9)}
.reveal.in[data-reveal]{transform:none}

/* ===== 3D tilt kartlar ===== */
.tilt{transform-style:preserve-3d;transition:transform .18s ease,box-shadow .3s ease;will-change:transform}
.tilt:hover{box-shadow:0 26px 60px -18px rgba(8,145,178,.35)}
.tilt .tilt-inner{transform:translateZ(28px)}

/* Kart hover parlama */
.shine{position:relative;overflow:hidden}
.shine::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.55) 50%,transparent 60%);transform:translateX(-120%);transition:transform .7s ease}
.shine:hover::after{transform:translateX(120%)}

/* ===== Mega menü / dropdown ===== */
.nav-item>.menu-panel{opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .25s ease,transform .25s ease,visibility .25s}
.nav-item:hover>.menu-panel,.nav-item:focus-within>.menu-panel{opacity:1;visibility:visible;transform:translateY(0)}
.nav-link{position:relative}
.nav-link::after{content:"";position:absolute;left:0;bottom:-4px;height:2px;width:0;background:linear-gradient(90deg,var(--cyan),var(--lime));transition:width .3s ease}
.nav-link:hover::after,.nav-link.active::after{width:100%}
.nav-item:hover .chev{transform:rotate(180deg)}
.chev{transition:transform .3s ease}

/* Header / SaaS tipi cam menü */
#site-header .hdr{transition:transform .3s ease}
.preload-hdr{position:fixed;inset:0 0 auto 0;z-index:50}
.preload-top{height:37px;display:flex;align-items:center;justify-content:center;gap:.5rem;background:#0b1424;border-bottom:1px solid rgba(255,255,255,.10);color:#cbd5e1;font-size:.82rem;font-weight:900}
.preload-top span:first-child{color:#a3e635}
.preload-nav{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;background:rgba(7,13,24,.94);border-bottom:1px solid rgba(255,255,255,.10)}
.preload-nav img{height:2rem;width:auto}
.preload-nav span{display:none;width:5.25rem;height:.62rem;border-radius:999px;background:rgba(255,255,255,.18)}
.preload-nav b{display:none;border-radius:999px;background:linear-gradient(90deg,var(--cyan),var(--lime));padding:.72rem 1.15rem;color:#07121f;font-size:.82rem}
@media (min-width:1024px){
  .preload-nav{height:64px;width:min(calc(100% - 48px),1180px);margin:12px auto 0;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(7,13,24,.66);box-shadow:0 24px 70px -38px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.10);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:0 1.35rem}
  .preload-nav span,.preload-nav b{display:block}
}
.nav-shell{background:rgba(7,13,24,.94);border-bottom:1px solid rgba(255,255,255,.10);transition:background .3s ease,border-color .3s ease,box-shadow .3s ease,transform .3s ease}
#site-header.scrolled .nav-shell{background:rgba(7,13,24,.96);box-shadow:0 18px 40px -24px rgba(0,0,0,.72)}
.menu-surface{background:rgba(11,20,36,.92)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
@media (min-width:1024px){
  .nav-shell{height:64px!important;width:min(calc(100% - 48px),1180px);margin-top:12px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(7,13,24,.66);box-shadow:0 24px 70px -38px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.10);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
  #site-header.scrolled .nav-shell{background:rgba(7,13,24,.78);border-color:rgba(255,255,255,.18);transform:translateY(-2px)}
  .nav-shell .nav-item{height:64px!important}
  .nav-shell .nav-link{font-size:14px}
  .nav-shell #quote-open{padding:.65rem 1.15rem;font-size:13px}
  .mega-panel{padding-top:14px}
  .dropdown-panel{top:58px!important;padding-top:14px}
  .menu-surface{border-radius:24px!important;box-shadow:0 30px 80px -36px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.08)!important}
}

/* Topbar baloncukları */
@keyframes bubbleUp{0%{transform:translateY(130%) scale(.8);opacity:0}25%{opacity:.75}100%{transform:translateY(-160%) scale(1.15);opacity:0}}
.tb-bubble{position:absolute;bottom:-12px;border-radius:9999px;background:linear-gradient(120deg,var(--cyan),var(--lime));opacity:0;animation:bubbleUp linear infinite;pointer-events:none}

/* Kampanya popup */
@keyframes popIn{from{opacity:0;transform:translateY(26px) scale(.94)}to{opacity:1;transform:none}}
#promo-pop.show{display:flex}

/* Teklife Ekle butonu */
.aq-btn{transition:all .25s ease}
.aq-btn.added{background:linear-gradient(90deg,var(--cyan),var(--lime));color:#07121f;border-color:transparent}

/* Mobil menü + teklif çekmecesi — Tailwind CDN yüklenmeden önce de gizli kalsın (açılıp kapanma flaşını önler) */
#mobile-menu,#quote-drawer{transform:translateX(102%);transition:transform .35s cubic-bezier(.22,1,.36,1);overflow-x:hidden;visibility:hidden}
#mobile-menu[aria-hidden="false"],#quote-drawer[aria-hidden="false"]{visibility:visible}
#mobile-menu.open{transform:translateX(0)}
.mobile-menu-panel{background:linear-gradient(155deg,rgba(5,10,20,.98),rgba(9,20,35,.98) 46%,rgba(6,26,30,.98));border-left:1px solid rgba(255,255,255,.14);box-shadow:-34px 0 80px -42px rgba(0,0,0,.95);overflow:hidden}
.mobile-menu-panel::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.08),transparent 22%,transparent 72%,rgba(163,230,53,.08));pointer-events:none}
.mobile-menu-glow{position:absolute;right:-90px;top:72px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(34,211,238,.32),transparent 68%);filter:blur(8px);pointer-events:none}
.mobile-close-btn{background:rgba(255,255,255,.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.mobile-stat{display:grid;gap:2px;border:1px solid rgba(255,255,255,.10);border-radius:14px;background:rgba(255,255,255,.055);padding:.6rem .35rem}
.mobile-stat b{font-family:'Sora',sans-serif;font-size:.78rem;color:#fff;line-height:1}
.mobile-stat small{font-size:.58rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8}
.mobile-nav-link{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025));padding:1rem 1rem;color:#f8fafc;box-shadow:inset 0 1px 0 rgba(255,255,255,.08);transition:transform .22s ease,border-color .22s ease,background .22s ease}
.mobile-nav-link:hover{transform:translateX(-3px);border-color:rgba(34,211,238,.45);background:linear-gradient(135deg,rgba(34,211,238,.16),rgba(163,230,53,.07))}
.mobile-nav-link span{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;color:#a3e635;font-size:.68rem;font-weight:900;letter-spacing:.08em}
.mobile-nav-link .acc-chev{min-width:auto;color:#a3e635}
.mobile-sub-link{display:block;border-left:1px solid rgba(163,230,53,.22);padding:.65rem .85rem;color:#cbd5e1;transition:color .2s ease,background .2s ease}
.mobile-sub-link:hover{color:#fff;background:rgba(255,255,255,.04)}
.acc-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}
.acc-open .acc-body{grid-template-rows:1fr}
.acc-body>div{overflow:hidden}
.acc-open .acc-chev{transform:rotate(180deg)}

/* SSS akordeon */
details.faq summary{cursor:pointer;list-style:none}
details.faq summary::-webkit-details-marker{display:none}
details.faq[open] .faq-icon{transform:rotate(45deg)}
.faq-icon{transition:transform .3s ease}

/* Buton */
.btn-grad{background:linear-gradient(90deg,var(--cyan),var(--lime));background-size:150% 100%;transition:background-position .4s ease,transform .2s ease,box-shadow .3s ease}
.btn-grad:hover{background-position:100% 0;transform:translateY(-2px);box-shadow:0 14px 30px -10px rgba(132,204,22,.5)}

/* Sabit WhatsApp satış CTA */
.whatsapp-float{position:fixed;left:22px;bottom:22px;z-index:60;display:flex;align-items:center;gap:12px;min-height:64px;max-width:calc(100vw - 32px);padding:10px 16px 10px 10px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:linear-gradient(135deg,rgba(7,13,24,.96),rgba(11,20,36,.9));box-shadow:0 24px 70px -28px rgba(7,18,31,.9),0 0 0 1px rgba(34,211,238,.12),inset 0 1px 0 rgba(255,255,255,.12);color:#fff;text-decoration:none;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transform:translateZ(0);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.whatsapp-float::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(120deg,#22c55e,var(--cyan),var(--lime));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.72}
.whatsapp-float:hover{transform:translateY(-4px);border-color:rgba(34,197,94,.48);box-shadow:0 30px 82px -28px rgba(7,18,31,.96),0 16px 42px -22px rgba(34,197,94,.95),inset 0 1px 0 rgba(255,255,255,.14)}
.wa-icon{position:relative;display:grid;place-items:center;flex:0 0 auto;width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#22c55e,#86efac);color:#052e16;box-shadow:0 12px 32px -12px rgba(34,197,94,.95)}
.wa-icon svg{width:28px;height:28px}
.wa-copy{position:relative;display:grid;gap:1px;line-height:1.12}
.wa-copy strong{font-family:'Sora',system-ui,sans-serif;font-size:13px;font-weight:900;letter-spacing:.01em;color:#f8fafc;white-space:nowrap}
.wa-copy small{font-size:11px;font-weight:800;color:#a3e635;white-space:nowrap}
.wa-ping{position:absolute;left:8px;top:8px;width:50px;height:50px;border-radius:50%;background:rgba(34,197,94,.32);animation:waPulse 2.2s ease-out infinite;pointer-events:none}
@keyframes waPulse{0%{transform:scale(.72);opacity:.82}80%,100%{transform:scale(1.9);opacity:0}}

/* Sekme */
.tab-btn.active{background:linear-gradient(90deg,var(--cyan),var(--lime));color:#07121f}
.tab-pane{display:none}
.tab-pane.active{display:grid;animation:fadeIn .5s ease}
@keyframes fadeIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* Gerçek marka wordmark'ları (pazaryeri) */
.mk-logo,.brand-logo{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:11rem;height:4rem;background:#fff;border:1px solid #e2e8f0;border-radius:14px;font-family:'Sora',sans-serif;font-weight:800;font-size:1.2rem;letter-spacing:-.01em}
.brand-logo{padding:.7rem;box-shadow:0 18px 42px -30px rgba(7,18,31,.45)}
.brand-logo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.brand-logo.dark{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 20px 60px -34px rgba(34,211,238,.65)}
.brand-marquee-label{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:.35rem;width:max-content;max-width:calc(100% - 2rem);margin:0 auto 1.25rem;padding:.55rem 1rem;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:linear-gradient(135deg,rgba(7,13,24,.82),rgba(11,20,36,.58));box-shadow:0 18px 48px -26px rgba(34,211,238,.65),inset 0 1px 0 rgba(255,255,255,.12);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#f8fafc;text-align:center;font-size:.72rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase;text-shadow:0 1px 14px rgba(0,0,0,.65)}
.brand-marquee-label::before{content:"";width:.45rem;height:.45rem;border-radius:999px;background:linear-gradient(90deg,var(--cyan),var(--lime));box-shadow:0 0 18px rgba(163,230,53,.9);flex:none}
.brand-marquee-label span{background:linear-gradient(90deg,var(--cyan),var(--lime));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
@keyframes earthTurn{from{background-position:0 0,0 0,50% 50%}to{background-position:220px 0,-160px 0,50% 50%}}
@keyframes orbitSweep{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes glowBreath{0%,100%{opacity:.72;transform:translateX(-50%) translateY(var(--scroll-shift,0)) scale(1)}50%{opacity:1;transform:translateX(-50%) translateY(calc(var(--scroll-shift,0) - 10px)) scale(1.025)}}
.hero-world{position:absolute;left:50%;bottom:-33rem;width:min(1180px,150vw);aspect-ratio:1/1;transform:translateX(-50%) translateY(var(--scroll-shift,0));border-radius:50%;pointer-events:none;opacity:.95;background:linear-gradient(90deg,rgba(34,211,238,.16) 1px,transparent 1px),linear-gradient(rgba(163,230,53,.10) 1px,transparent 1px),radial-gradient(circle at 50% 34%,rgba(34,211,238,.45),rgba(34,211,238,.16) 28%,rgba(7,13,24,.98) 63%,rgba(7,13,24,0) 70%);background-size:42px 42px,42px 42px,100% 100%;box-shadow:0 -34px 110px rgba(34,211,238,.22),inset 0 42px 110px rgba(163,230,53,.16);animation:earthTurn 18s linear infinite,glowBreath 7s ease-in-out infinite}
.hero-world::before{content:"";position:absolute;inset:8%;border-radius:50%;border:1px solid rgba(34,211,238,.28);background:radial-gradient(circle at 50% 23%,transparent 0 33%,rgba(163,230,53,.13) 34% 35%,transparent 36% 100%),repeating-radial-gradient(circle at 50% 50%,transparent 0 72px,rgba(255,255,255,.10) 74px,transparent 76px);filter:drop-shadow(0 0 30px rgba(34,211,238,.35))}
.hero-world::after{content:"";position:absolute;inset:1%;border-radius:50%;border-top:2px solid rgba(163,230,53,.75);border-left:1px solid rgba(34,211,238,.28);transform:rotate(-10deg);animation:orbitSweep 15s linear infinite}
.hero-aurora{position:absolute;left:50%;bottom:1.5rem;width:min(980px,120vw);height:150px;transform:translateX(-50%) translateY(calc(var(--scroll-shift,0) * .45));background:radial-gradient(ellipse at center,rgba(163,230,53,.34),rgba(34,211,238,.18) 42%,transparent 72%);filter:blur(22px);pointer-events:none}
.scroll-fx{position:absolute;inset:auto 0 -1px 0;height:180px;background:linear-gradient(180deg,transparent,rgba(247,249,252,.96));pointer-events:none}
/* Kurgusal müşteri markaları */
.fx-logo{display:flex;align-items:center;justify-content:center;width:9.5rem;height:3rem;background:rgba(255,255,255,.78);border-radius:12px;font-family:'Sora',sans-serif;font-weight:800;font-size:1.05rem;letter-spacing:.04em;color:#0f172a}
.fx-logo-d{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:10rem;height:3.5rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:14px;font-family:'Sora',sans-serif;font-weight:800;font-size:1.05rem;letter-spacing:.06em;color:#cbd5e1}
.ref-logo-card{position:relative;background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 24px 70px -48px rgba(7,18,31,.7)}
.ref-logo-stage{position:relative;height:12rem;display:grid;place-items:center;padding:2rem;background:radial-gradient(circle at 18% 14%,rgba(34,211,238,.18),transparent 30%),radial-gradient(circle at 82% 86%,rgba(163,230,53,.16),transparent 34%),linear-gradient(135deg,#f8fafc,#fff)}
.ref-logo-stage.dark-stage{background:radial-gradient(circle at 18% 14%,rgba(34,211,238,.22),transparent 32%),radial-gradient(circle at 82% 86%,rgba(163,230,53,.16),transparent 34%),linear-gradient(135deg,#07121f,#0b1424)}
.ref-logo-stage::after{content:"";position:absolute;inset:auto 1rem 0;height:1px;background:linear-gradient(90deg,transparent,rgba(34,211,238,.45),rgba(163,230,53,.45),transparent)}
.ref-logo-img{display:block;width:auto;height:auto;max-width:min(100%,22rem);max-height:7.2rem;object-fit:contain;filter:drop-shadow(0 18px 28px rgba(7,18,31,.14))}
.ref-logo-img.tall{max-height:9.6rem}
.ref-logo-img.compact{max-height:5.3rem}
.ref-logo-chip{display:inline-flex;align-items:center;gap:.4rem;border:1px solid rgba(34,211,238,.22);border-radius:999px;background:rgba(34,211,238,.08);padding:.35rem .7rem;color:#0e7490;font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.ref-logo-chip::before{content:"";width:.38rem;height:.38rem;border-radius:999px;background:linear-gradient(90deg,var(--cyan),var(--lime));box-shadow:0 0 12px rgba(34,211,238,.65)}
.ref-marquee-logo{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:12rem;height:4.25rem;padding:.8rem 1rem;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 24px 60px -42px rgba(34,211,238,.8)}
.ref-marquee-logo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(0,0,0,.28))}

/* Kazı kazan + konfeti */
#scratch-canvas{touch-action:none;transition:opacity .5s ease}
.confetti-bit{position:absolute;top:-10px;border-radius:2px;pointer-events:none;z-index:20}

/* Placeholder logo kutuları */
.ph-logo{display:flex;align-items:center;justify-content:center;font-family:'Sora',sans-serif;font-weight:700;letter-spacing:.06em;color:#64748b;background:#fff;border:1px dashed #cbd5e1;border-radius:14px}

@media (prefers-reduced-motion:reduce){
  .blob,.marquee-track,.particle,.float-y,.hero-grid,.hero-world,.hero-world::after{animation:none!important}
  .reveal{opacity:1;transform:none;transition:none}
}

@media (max-width:639px){
  #topbar .topbar-inner{min-height:64px;padding-left:2.25rem;padding-right:2.75rem}
  #topbar .topbar-copy{width:100%;font-size:11px}
  #offer-timer{width:100%;justify-content:center}
  .hero-world{bottom:-22rem;width:165vw}
  .hero-aurora{bottom:0;width:135vw}
  #site-footer{min-height:602px}
  #site-footer{text-align:center}
  #site-footer .lg\:col-span-2{padding-right:0}
  #site-footer img[alt="Grafx Ajans"],#site-footer .max-w-xs{margin-left:auto;margin-right:auto}
  #site-footer .flex{justify-content:center}
  #site-footer ul{display:grid;justify-items:center}
  #site-footer .sm\:flex-row{align-items:center}
  #site-footer .border-t .flex{flex-wrap:wrap}
  .whatsapp-float{left:14px;bottom:14px;min-height:58px;padding:8px 12px 8px 8px;gap:9px}
  .wa-icon{width:42px;height:42px}
  .wa-icon svg{width:25px;height:25px}
  .wa-copy strong{font-size:12px}
  .wa-copy small{font-size:10px}
  .wa-ping{left:6px;top:6px;width:46px;height:46px}
}