/* Self-hosted Google Fonts */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(./assets/fonts/inter-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(./assets/fonts/playfair-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Playfair Display";
  font-style: italic;
  font-weight: 400 700;
  font-display: swap;
  src: url(./assets/fonts/playfair-italic-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

*,: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.19 | 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}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-x-0{left:0;right:0}.-right-3{right:-.75rem}.-top-3{top:-.75rem}.bottom-0{bottom:0}.bottom-6{bottom:1.5rem}.left-0{left:0}.left-1\/4{left:25%}.left-6{left:1.5rem}.right-0{right:0}.right-3{right:.75rem}.right-4{right:1rem}.right-6{right:1.5rem}.top-0{top:0}.top-1\/2{top:50%}.top-3{top:.75rem}.top-4{top:1rem}.top-\[18px\]{top:18px}.z-10{z-index:10}.z-50{z-index:50}.z-\[9998\]{z-index:9998}.z-\[9999\]{z-index:9999}.order-1{order:1}.order-2{order:2}.col-span-2{grid-column:span 2/span 2}.row-span-2{grid-row:span 2/span 2}.mx-6{margin-left:1.5rem;margin-right:1.5rem}.mx-auto{margin-left:auto;margin-right:auto}.-mt-2{margin-top:-.5rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-14{margin-bottom:3.5rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-auto{margin-top:auto}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-1{height:.25rem}.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-20{height:5rem}.h-24{height:6rem}.h-28{height:7rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[2px\]{height:2px}.h-\[500px\]{height:500px}.h-\[550px\]{height:550px}.h-full{height:100%}.h-px{height:1px}.max-h-0{max-height:0}.max-h-\[400px\]{max-height:400px}.max-h-\[80vh\]{max-height:80vh}.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-48{width:12rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[500px\]{width:500px}.w-auto{width:auto}.w-full{width:100%}.min-w-0{min-width:0}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.-translate-x-2{--tw-translate-x:-0.5rem}.-translate-x-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-y-\[7px\]{--tw-translate-y:-7px}.-translate-y-\[7px\],.translate-x-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-x-2{--tw-translate-x:0.5rem}.translate-y-\[7px\]{--tw-translate-y:7px}.-rotate-45,.translate-y-\[7px\]{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))}.-rotate-45{--tw-rotate:-45deg}.rotate-45{--tw-rotate:45deg}.rotate-45,.scale-100{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-100{--tw-scale-x:1;--tw-scale-y:1}.scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1}.scale-110,.scale-90{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-90{--tw-scale-x:.9;--tw-scale-y:.9}.scale-\[1\.02\]{--tw-scale-x:1.02;--tw-scale-y:1.02;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-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.list-none{list-style-type:none}.auto-rows-\[180px\]{grid-auto-rows:180px}.auto-rows-\[1fr\]{grid-auto-rows:1fr}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-12{gap:3rem}.gap-16{gap:4rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-\[5px\]{gap:5px}.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-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-x-hidden{overflow-x:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-\[3px\]{border-width:3px}.border-l-4{border-left-width:4px}.border-t{border-top-width:1px}.border-\[\#3ead1f\]{--tw-border-opacity:1;border-color:rgb(62 173 31/var(--tw-border-opacity,1))}.border-\[\#3ead1f\]\/0{border-color:rgba(62,173,31,0)}.border-\[\#3ead1f\]\/20{border-color:rgba(62,173,31,.2)}.border-\[\#3ead1f\]\/30{border-color:rgba(62,173,31,.3)}.border-red-500\/20{border-color:rgba(239,68,68,.2)}.border-white\/10{border-color:hsla(0,0%,100%,.1)}.border-white\/15{border-color:hsla(0,0%,100%,.15)}.border-white\/5,.border-white\/\[0\.05\]{border-color:hsla(0,0%,100%,.05)}.border-white\/\[0\.06\]{border-color:hsla(0,0%,100%,.06)}.border-white\/\[0\.08\]{border-color:hsla(0,0%,100%,.08)}.bg-\[\#0D0D12\]{--tw-bg-opacity:1;background-color:rgb(13 13 18/var(--tw-bg-opacity,1))}.bg-\[\#0a0a0e\]{--tw-bg-opacity:1;background-color:rgb(10 10 14/var(--tw-bg-opacity,1))}.bg-\[\#16161D\]{--tw-bg-opacity:1;background-color:rgb(22 22 29/var(--tw-bg-opacity,1))}.bg-\[\#1a1a20\]{--tw-bg-opacity:1;background-color:rgb(26 26 32/var(--tw-bg-opacity,1))}.bg-\[\#1a1a20\]\/80{background-color:rgba(26,26,32,.8)}.bg-\[\#1a1a20\]\/90{background-color:rgba(26,26,32,.9)}.bg-\[\#1e3a18\]{--tw-bg-opacity:1;background-color:rgb(30 58 24/var(--tw-bg-opacity,1))}.bg-\[\#25D366\]{--tw-bg-opacity:1;background-color:rgb(37 211 102/var(--tw-bg-opacity,1))}.bg-\[\#3ead1f\]{--tw-bg-opacity:1;background-color:rgb(62 173 31/var(--tw-bg-opacity,1))}.bg-\[\#3ead1f\]\/10{background-color:rgba(62,173,31,.1)}.bg-\[\#3ead1f\]\/20{background-color:rgba(62,173,31,.2)}.bg-\[\#3ead1f\]\/\[0\.07\]{background-color:rgba(62,173,31,.07)}.bg-\[\#FAF8F5\]{--tw-bg-opacity:1;background-color:rgb(250 248 245/var(--tw-bg-opacity,1))}.bg-black\/40{background-color:rgba(0,0,0,.4)}.bg-black\/85{background-color:rgba(0,0,0,.85)}.bg-red-500\/10{background-color:rgba(239,68,68,.1)}.bg-transparent{background-color:transparent}.bg-white\/10{background-color:hsla(0,0%,100%,.1)}.bg-white\/5{background-color:hsla(0,0%,100%,.05)}.bg-white\/\[0\.02\]{background-color:hsla(0,0%,100%,.02)}.bg-white\/\[0\.03\]{background-color:hsla(0,0%,100%,.03)}.bg-white\/\[0\.04\]{background-color:hsla(0,0%,100%,.04)}.bg-white\/\[0\.05\]{background-color:hsla(0,0%,100%,.05)}.bg-white\/\[0\.06\]{background-color:hsla(0,0%,100%,.06)}.bg-\[radial-gradient\(circle_at_bottom_right\2c rgba\(62\2c 173\2c 31\2c 0\.04\)_0\%\2c transparent_40\%\)\]{background-image:radial-gradient(circle at bottom right,rgba(62,173,31,.04) 0,transparent 40%)}.bg-\[radial-gradient\(circle_at_center\2c rgba\(62\2c 173\2c 31\2c 0\.06\)_0\%\2c transparent_60\%\)\]{background-image:radial-gradient(circle at center,rgba(62,173,31,.06) 0,transparent 60%)}.bg-\[radial-gradient\(circle_at_center\2c rgba\(62\2c 173\2c 31\2c 0\.08\)_0\%\2c transparent_70\%\)\]{background-image:radial-gradient(circle at center,rgba(62,173,31,.08) 0,transparent 70%)}.bg-\[radial-gradient\(ellipse_at_top\2c rgba\(62\2c 173\2c 31\2c 0\.06\)_0\%\2c transparent_50\%\)\]{background-image:radial-gradient(ellipse at top,rgba(62,173,31,.06) 0,transparent 50%)}.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-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-\[\#0D0D12\]{--tw-gradient-from:#0d0d12 var(--tw-gradient-from-position);--tw-gradient-to:rgba(13,13,18,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-\[\#3ead1f\]{--tw-gradient-from:#3ead1f var(--tw-gradient-from-position);--tw-gradient-to:rgba(62,173,31,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-\[\#3ead1f\]\/10{--tw-gradient-from:rgba(62,173,31,.1) var(--tw-gradient-from-position);--tw-gradient-to:rgba(62,173,31,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-\[\#3ead1f\]\/20{--tw-gradient-from:rgba(62,173,31,.2) var(--tw-gradient-from-position);--tw-gradient-to:rgba(62,173,31,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-\[\#3ead1f\]\/30{--tw-gradient-from:rgba(62,173,31,.3) var(--tw-gradient-from-position);--tw-gradient-to:rgba(62,173,31,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-black\/80{--tw-gradient-from:rgba(0,0,0,.8) var(--tw-gradient-from-position);--tw-gradient-to:transparent 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:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-black\/20{--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(0,0,0,.2) var(--tw-gradient-via-position),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\/\[0\.06\]{--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),hsla(0,0%,100%,.06) var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-\[\#1a1a20\]{--tw-gradient-to:#1a1a20 var(--tw-gradient-to-position)}.to-\[\#3ead1f\]\/10{--tw-gradient-to:rgba(62,173,31,.1) var(--tw-gradient-to-position)}.to-\[\#5fd43f\]{--tw-gradient-to:#5fd43f var(--tw-gradient-to-position)}.to-black\/10{--tw-gradient-to:rgba(0,0,0,.1) var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-\[center_25\%\]{-o-object-position:center 25%;object-position:center 25%}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-3{padding-left:.75rem;padding-right:.75rem}.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-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{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.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-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-7{padding-top:1.75rem;padding-bottom:1.75rem}.pb-10{padding-bottom:2.5rem}.pb-2{padding-bottom:.5rem}.pb-28{padding-bottom:7rem}.pb-6{padding-bottom:1.5rem}.pl-6{padding-left:1.5rem}.pt-20{padding-top:5rem}.pt-4{padding-top:1rem}.pt-40{padding-top:10rem}.pt-8{padding-top:2rem}.text-center{text-align:center}.font-body{font-family:Inter,system-ui,sans-serif}.font-sans{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.font-serif{font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif}.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-\[11px\]{font-size:11px}.text-\[15px\]{font-size:15px}.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-black{font-weight:900}.font-bold{font-weight:700}.font-light{font-weight:300}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.italic{font-style:italic}.leading-\[1\.1\]{line-height:1.1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.tracking-tight{letter-spacing:-.025em}.text-\[\#3ead1f\]{--tw-text-opacity:1;color:rgb(62 173 31/var(--tw-text-opacity,1))}.text-\[\#3ead1f\]\/70{color:rgba(62,173,31,.7)}.text-\[\#A0A0B0\]{--tw-text-opacity:1;color:rgb(160 160 176/var(--tw-text-opacity,1))}.text-\[\#A0A0B0\]\/30{color:hsla(240,9%,66%,.3)}.text-\[\#A0A0B0\]\/40{color:hsla(240,9%,66%,.4)}.text-\[\#A0A0B0\]\/50{color:hsla(240,9%,66%,.5)}.text-\[\#A0A0B0\]\/60{color:hsla(240,9%,66%,.6)}.text-\[\#A0A0B0\]\/80{color:hsla(240,9%,66%,.8)}.text-\[\#FAF8F5\]{--tw-text-opacity:1;color:rgb(250 248 245/var(--tw-text-opacity,1))}.text-\[\#ffffff\]{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/5{color:hsla(0,0%,100%,.05)}.text-yellow-400{--tw-text-opacity:1;color:rgb(250 204 21/var(--tw-text-opacity,1))}.text-yellow-500{--tw-text-opacity:1;color:rgb(234 179 8/var(--tw-text-opacity,1))}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.placeholder-\[\#A0A0B0\]\/40::-moz-placeholder{color:hsla(240,9%,66%,.4)}.placeholder-\[\#A0A0B0\]\/40::placeholder{color:hsla(240,9%,66%,.4)}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-100{opacity:1}.opacity-60{opacity:.6}.opacity-\[0\.04\]{opacity:.04}.mix-blend-screen{mix-blend-mode:screen}.mix-blend-overlay{mix-blend-mode:overlay}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-2xl,.shadow-\[0_0_15px_rgba\(62\2c 173\2c 31\2c 0\.4\)\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_15px_rgba\(62\2c 173\2c 31\2c 0\.4\)\]{--tw-shadow:0 0 15px rgba(62,173,31,.4);--tw-shadow-colored:0 0 15px var(--tw-shadow-color)}.shadow-\[0_0_20px_rgba\(62\2c 173\2c 31\2c 0\.15\)\]{--tw-shadow:0 0 20px rgba(62,173,31,.15);--tw-shadow-colored:0 0 20px 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-\[0_0_20px_rgba\(62\2c 173\2c 31\2c 0\.5\)\]{--tw-shadow:0 0 20px rgba(62,173,31,.5);--tw-shadow-colored:0 0 20px 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-\[0_0_24px_rgba\(62\2c 173\2c 31\2c 0\.10\)\]{--tw-shadow:0 0 24px rgba(62,173,31,.1);--tw-shadow-colored:0 0 24px 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-\[0_0_30px_rgba\(62\2c 173\2c 31\2c 0\.12\)\]{--tw-shadow:0 0 30px rgba(62,173,31,.12);--tw-shadow-colored:0 0 30px 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-\[0_0_30px_rgba\(62\2c 173\2c 31\2c 0\.3\)\]{--tw-shadow:0 0 30px rgba(62,173,31,.3);--tw-shadow-colored:0 0 30px 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-\[0_0_60px_rgba\(62\2c 173\2c 31\2c 0\.2\)\]{--tw-shadow:0 0 60px rgba(62,173,31,.2);--tw-shadow-colored:0 0 60px 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-\[0_25px_60px_-12px_rgba\(0\2c 0\2c 0\2c 0\.6\)\]{--tw-shadow:0 25px 60px -12px rgba(0,0,0,.6);--tw-shadow-colored:0 25px 60px -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-\[0_4px_20px_rgba\(37\2c 211\2c 102\2c 0\.4\)\]{--tw-shadow:0 4px 20px rgba(37,211,102,.4);--tw-shadow-colored:0 4px 20px var(--tw-shadow-color)}.shadow-\[0_4px_20px_rgba\(37\2c 211\2c 102\2c 0\.4\)\],.shadow-lg{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 rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring{--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(3px + 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)}.blur{--tw-blur:blur(8px)}.blur,.blur-\[100px\]{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-\[100px\]{--tw-blur:blur(100px)}.blur-\[150px\]{--tw-blur:blur(150px)}.blur-\[150px\],.drop-shadow{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 rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06))}.drop-shadow-lg{--tw-drop-shadow:drop-shadow(0 10px 8px rgba(0,0,0,.04)) drop-shadow(0 4px 3px rgba(0,0,0,.1))}.drop-shadow-lg,.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{--tw-backdrop-blur:blur(8px)}.backdrop-blur,.backdrop-blur-lg{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-lg{--tw-backdrop-blur:blur(16px)}.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-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;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-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.selection\:bg-\[\#3ead1f\] ::-moz-selection{--tw-bg-opacity:1;background-color:rgb(62 173 31/var(--tw-bg-opacity,1))}.selection\:bg-\[\#3ead1f\] ::selection{--tw-bg-opacity:1;background-color:rgb(62 173 31/var(--tw-bg-opacity,1))}.selection\:text-\[\#ffffff\] ::-moz-selection{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.selection\:text-\[\#ffffff\] ::selection{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.selection\:bg-\[\#3ead1f\]::-moz-selection{--tw-bg-opacity:1;background-color:rgb(62 173 31/var(--tw-bg-opacity,1))}.selection\:bg-\[\#3ead1f\]::selection{--tw-bg-opacity:1;background-color:rgb(62 173 31/var(--tw-bg-opacity,1))}.selection\:text-\[\#ffffff\]::-moz-selection{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.selection\:text-\[\#ffffff\]::selection{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.focus-within\:border-\[\#3ead1f\]\/60:focus-within{border-color:rgba(62,173,31,.6)}.focus-within\:bg-\[\#3ead1f\]\/\[0\.03\]:focus-within{background-color:rgba(62,173,31,.03)}.focus-within\:shadow-\[0_0_20px_rgba\(62\2c 173\2c 31\2c 0\.08\)\]:focus-within{--tw-shadow:0 0 20px rgba(62,173,31,.08);--tw-shadow-colored:0 0 20px 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\:-translate-y-1:hover{--tw-translate-y:-0.25rem}.hover\:-translate-y-1:hover,.hover\:scale-105:hover{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-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}.hover\:scale-\[1\.02\]:hover{--tw-scale-x:1.02;--tw-scale-y:1.02}.hover\:scale-\[1\.02\]:hover,.hover\:scale-\[1\.03\]:hover{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-\[1\.03\]:hover{--tw-scale-x:1.03;--tw-scale-y:1.03}.hover\:border-\[\#3ead1f\]\/30:hover{border-color:rgba(62,173,31,.3)}.hover\:border-white\/\[0\.15\]:hover{border-color:hsla(0,0%,100%,.15)}.hover\:bg-\[\#254a1d\]:hover{--tw-bg-opacity:1;background-color:rgb(37 74 29/var(--tw-bg-opacity,1))}.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\:bg-white\/\[0\.04\]:hover{background-color:hsla(0,0%,100%,.04)}.hover\:text-\[\#3ead1f\]:hover{--tw-text-opacity:1;color:rgb(62 173 31/var(--tw-text-opacity,1))}.hover\:text-\[\#FAF8F5\]:hover{--tw-text-opacity:1;color:rgb(250 248 245/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-2xl:hover{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.hover\:shadow-2xl:hover,.hover\:shadow-\[0_0_30px_rgba\(62\2c 173\2c 31\2c 0\.3\)\]:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_0_30px_rgba\(62\2c 173\2c 31\2c 0\.3\)\]:hover{--tw-shadow:0 0 30px rgba(62,173,31,.3);--tw-shadow-colored:0 0 30px var(--tw-shadow-color)}.hover\:shadow-\[0_6px_30px_rgba\(37\2c 211\2c 102\2c 0\.6\)\]:hover{--tw-shadow:0 6px 30px rgba(37,211,102,.6);--tw-shadow-colored:0 6px 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.active\:scale-\[0\.98\]:active{--tw-scale-x:0.98;--tw-scale-y:0.98}.active\:scale-\[0\.98\]:active,.group[open] .group-open\:rotate-180{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[open] .group-open\:rotate-180{--tw-rotate:180deg}.group[open] .group-open\:bg-\[\#3ead1f\]{--tw-bg-opacity:1;background-color:rgb(62 173 31/var(--tw-bg-opacity,1))}.group[open] .group-open\:text-\[\#ffffff\]{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.group:hover .group-hover\:-translate-x-0\.5{--tw-translate-x:-0.125rem}.group:hover .group-hover\:-translate-x-0\.5,.group:hover .group-hover\:translate-x-0\.5{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-0\.5{--tw-translate-x:0.125rem}.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05}.group:hover .group-hover\:scale-105,.group:hover .group-hover\:scale-110{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-110{--tw-scale-x:1.1;--tw-scale-y:1.1}.group:hover .group-hover\:border-\[\#3ead1f\]\/30{border-color:rgba(62,173,31,.3)}.group:hover .group-hover\:bg-white\/\[0\.08\]{background-color:hsla(0,0%,100%,.08)}.group:hover .group-hover\:from-black\/70{--tw-gradient-from:rgba(0,0,0,.7) var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.group:hover .group-hover\:text-\[\#3ead1f\]{--tw-text-opacity:1;color:rgb(62 173 31/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-\[\#FAF8F5\]{--tw-text-opacity:1;color:rgb(250 248 245/var(--tw-text-opacity,1))}.group:hover .group-hover\:opacity-100{opacity:1}@media (min-width:640px){.sm\:block{display:block}.sm\:w-auto{width:auto}.sm\:flex-row{flex-direction:row}}@media (min-width:768px){.md\:right-auto{right:auto}.md\:order-1{order:1}.md\:order-2{order:2}.md\:mx-10{margin-left:2.5rem;margin-right:2.5rem}.md\:flex{display:flex}.md\:inline-flex{display:inline-flex}.md\:hidden{display:none}.md\:h-12{height:3rem}.md\:h-\[600px\]{height:600px}.md\:h-\[650px\]{height:650px}.md\:w-72{width:18rem}.md\:-translate-x-14{--tw-translate-x:-3.5rem}.md\:-translate-x-14,.md\:translate-x-14{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))}.md\:translate-x-14{--tw-translate-x:3.5rem}.md\:auto-rows-\[220px\]{grid-auto-rows:220px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-end{align-items:flex-end}.md\:gap-4{gap:1rem}.md\:p-5{padding:1.25rem}.md\:p-6{padding:1.5rem}.md\:p-8{padding:2rem}.md\:px-10{padding-left:2.5rem;padding-right:2.5rem}.md\:px-12{padding-left:3rem;padding-right:3rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-6xl{font-size:3.75rem;line-height:1}}@media (min-width:1024px){.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\:text-7xl{font-size:4.5rem;line-height:1}}
/* SEO Shell — unsichtbar bis React lädt, Fallback nach 3s */
.seo-shell {
  opacity: 0;
  animation: seoShellFadeIn 0.3s ease 3s forwards;
}
@keyframes seoShellFadeIn {
  to { opacity: 1; }
}

:root {
  --accent: #3ead1f;
  --accent-rgb: 62, 173, 31;
  --accent-text: #ffffff;
  --bg: #0D0D12;
  --bg-alt: #16161D;
  --card: #1a1a20;
  --text: #FAF8F5;
  --text-secondary: #A0A0B0;
}

/* ═══ BASE ═══ */
html { scroll-behavior: smooth; }
body {
  font-family: 'Inter', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6, .font-heading { font-family: 'Inter', sans-serif; }
.font-serif { font-family: 'Playfair Display', serif; }

::selection { background: rgba(var(--accent-rgb), 0.2); color: var(--text); }
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: var(--bg); }
::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.12); border-radius: 4px; }

img { transition: opacity 0.4s ease; }

/* FAQ Accordion */
details > summary { list-style: none; }
details > summary::-webkit-details-marker { display: none; }

/* ═══ REVEAL SYSTEM ═══ */
.reveal {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
}
.reveal.revealed {
  opacity: 1;
  transform: translateY(0);
}

/* ═══ AMBIENT ANIMATIONS ═══ */

/* CTA Pulse */
@keyframes ctaPulse {
  0% { box-shadow: 0 0 0 0 rgba(var(--accent-rgb), 0.4); }
  70% { box-shadow: 0 0 0 15px rgba(var(--accent-rgb), 0); }
  100% { box-shadow: 0 0 0 0 rgba(var(--accent-rgb), 0); }
}
.cta-pulse { animation: ctaPulse 2.5s infinite; }
.cta-pulse:hover {
  animation: none;
  box-shadow: 0 0 30px 8px rgba(var(--accent-rgb), 0.25);
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

/* Float */
@keyframes float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-12px); }
}
.animate-float { animation: float 5s ease-in-out infinite; }
.animate-float-slow { animation: float 8s ease-in-out infinite; }
.animate-float-delay { animation: float 4s ease-in-out 1s infinite; }

/* Card Shimmer */
.card-shimmer { position: relative; overflow: hidden; }
.card-shimmer::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(105deg, transparent 20%, rgba(255,255,255,0.03) 25%, transparent 30%);
  transform: translateX(-100%);
  transition: transform 0.8s ease;
  pointer-events: none;
}
.card-shimmer:hover::after { transform: translateX(100%); }

/* Dot Pulse */
@keyframes dotPulse {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.5); opacity: 0.5; }
}
.dot-pulse { animation: dotPulse 2s ease-in-out infinite; }

/* Border Glow */
.border-glow { position: relative; }
.border-glow::before {
  content: '';
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(45deg, transparent, rgba(var(--accent-rgb), 0.5), transparent);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: 0.5;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
.border-glow:hover::before { opacity: 1; }

/* Gradient Shift */
.gradient-shift {
  background-size: 200% 200%;
  animation: gradientShift 8s ease-in-out infinite;
}
@keyframes gradientShift {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}

/* Rotate & Breathe */
.animate-spin-slow { animation: subtleRotate 20s linear infinite; }
@keyframes subtleRotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
.animate-breathe { animation: breathe 4s ease-in-out infinite; }
@keyframes breathe { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.03); } }

/* ═══ PROCESS CARD HOVER EFFECTS ═══ */
.process-card {
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
  z-index: 1;
  cursor: default;
}
.process-card:hover {
  transform: translateY(-6px) scale(1.03);
  box-shadow: 0 20px 40px rgba(0,0,0,0.2), 0 0 0 1px rgba(var(--accent-rgb), 0.2);
}

.process-card-glow::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 50% 100%, rgba(var(--accent-rgb), 0.15) 0%, transparent 70%);
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: -1;
}
.process-card-glow:hover::before { opacity: 1; }

.process-card-accent::after {
  content: '';
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 4px;
  background: var(--accent);
  transform: scaleY(0);
  transform-origin: bottom;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.process-card-accent:hover::after { transform: scaleY(1); }

.process-card-ring { transition: box-shadow 0.4s ease, transform 0.4s ease; }
.process-card-ring:hover {
  box-shadow: 0 0 0 2px rgba(var(--accent-rgb), 0.3), 0 10px 30px -10px rgba(0,0,0,0.5);
  transform: translateY(-4px);
}

.process-card-slide {
  background: linear-gradient(90deg, var(--card) 50%, #1c1c24 50%);
  background-size: 200% 100%;
  background-position: 0% 0%;
  transition: background-position 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.process-card-slide:hover { background-position: -100% 0%; }

.step-number { transition: color 0.4s ease, transform 0.4s ease; }
.process-card:hover .step-number {
  color: rgba(var(--accent-rgb), 0.1);
  transform: scale(1.1) translate(-10px, 10px);
}

/* ═══ DECORATIVE BACKGROUNDS ═══ */

.bg-glow-tl { position: relative; }
.bg-glow-tl::before {
  content: ''; position: absolute; top: -20%; left: -10%; width: 50%; height: 60%;
  background: radial-gradient(ellipse, rgba(var(--accent-rgb), 0.04) 0%, transparent 70%);
  pointer-events: none; z-index: 0;
}

.bg-glow-br { position: relative; }
.bg-glow-br::before {
  content: ''; position: absolute; bottom: -20%; right: -10%; width: 50%; height: 60%;
  background: radial-gradient(ellipse, rgba(var(--accent-rgb), 0.04) 0%, transparent 70%);
  pointer-events: none; z-index: 0;
}

.bg-glow-tr { position: relative; }
.bg-glow-tr::before {
  content: ''; position: absolute; top: -20%; right: -10%; width: 50%; height: 50%;
  background: radial-gradient(circle, rgba(var(--accent-rgb), 0.05) 0%, transparent 70%);
  pointer-events: none; z-index: 0;
}

.section-divider-top { position: relative; }
.section-divider-top::before {
  content: ''; position: absolute; top: -1px; left: 0; right: 0; height: 80px;
  background: linear-gradient(to bottom right, var(--bg) 49.5%, transparent 50.5%);
  pointer-events: none; z-index: 1;
}

.bg-grid { position: relative; }
.bg-grid::after {
  content: ''; position: absolute; inset: 0;
  background-image: linear-gradient(rgba(var(--accent-rgb), 0.015) 1px, transparent 1px),
                    linear-gradient(90deg, rgba(var(--accent-rgb), 0.015) 1px, transparent 1px);
  background-size: 60px 60px;
  pointer-events: none; z-index: 0;
}

.bg-dots { position: relative; }
.bg-dots::after {
  content: ''; position: absolute; inset: 0;
  background-image: radial-gradient(circle, rgba(var(--accent-rgb), 0.06) 1px, transparent 1px);
  background-size: 30px 30px;
  pointer-events: none; z-index: 0;
}

.watermark { position: relative; overflow: hidden; }
.watermark::before {
  content: attr(data-watermark);
  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-12deg);
  font-size: clamp(6rem, 15vw, 14rem); font-weight: 900; white-space: nowrap;
  color: rgba(var(--accent-rgb), 0.025);
  pointer-events: none; z-index: 0; line-height: 1;
  font-family: Inter, system-ui, sans-serif;
}

.gradient-fade-top { position: relative; }
.gradient-fade-top::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 120px;
  background: linear-gradient(to bottom, rgba(var(--accent-rgb), 0.03), transparent);
  pointer-events: none; z-index: 0;
}

.accent-line-top { position: relative; }
.accent-line-top::before {
  content: ''; position: absolute; top: 0; left: 10%; right: 10%; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(var(--accent-rgb), 0.3), transparent);
  pointer-events: none; z-index: 1;
}

/* ═══ STEPFORM — Premium ═══ */

/* Step content fade-in */
@keyframes sfFadeIn {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}
.sf-step-content {
  animation: sfFadeIn 0.4s cubic-bezier(0.16, 1, 0.3, 1) both;
}

/* Card hover glow */
.sf-card {
  transition: box-shadow 0.4s ease;
}
.sf-card:hover {
  box-shadow: 0 25px 60px -12px rgba(0,0,0,0.6), 0 0 0 1px rgba(var(--accent-rgb), 0.06);
}

/* Radio card ripple on select */
.sf-radio-card {
  position: relative;
  overflow: hidden;
}
.sf-radio-card::after {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at center, rgba(var(--accent-rgb), 0.12), transparent 70%);
  opacity: 0;
  transition: opacity 0.4s ease;
  pointer-events: none;
}
.sf-radio-card:has(input:checked)::after {
  opacity: 1;
}

/* Step dot pulse for active */
@keyframes sfDotPulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(var(--accent-rgb), 0.4); }
  50% { box-shadow: 0 0 0 8px rgba(var(--accent-rgb), 0); }
}

/* Success icon entrance */
@keyframes sfSuccessPop {
  0% { transform: scale(0.5); opacity: 0; }
  60% { transform: scale(1.15); }
  100% { transform: scale(1); opacity: 1; }
}
.sf-success-icon {
  animation: sfSuccessPop 0.6s cubic-bezier(0.16, 1, 0.3, 1) both;
}

/* Checkmark draw animation */
.sf-checkmark-circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  animation: sfStroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) 0.2s forwards;
}
.sf-checkmark-check {
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: sfStroke 0.4s cubic-bezier(0.65, 0, 0.45, 1) 0.6s forwards;
}
@keyframes sfStroke {
  100% { stroke-dashoffset: 0; }
}

/* Fade up for success content */
@keyframes sfFadeUp {
  from { opacity: 0; transform: translateY(16px); }
  to { opacity: 1; transform: translateY(0); }
}
.sf-fade-up {
  animation: sfFadeUp 0.5s cubic-bezier(0.16, 1, 0.3, 1) both;
  animation-delay: inherit;
}

/* Input focus label color */
.sf-input-wrap:focus-within svg {
  stroke: var(--accent);
  transition: stroke 0.3s ease;
}

/* ═══ SENDING OVERLAY ═══ */
.sf-sending-overlay {
  animation: sfOverlayIn 0.4s cubic-bezier(0.16, 1, 0.3, 1) both;
}
@keyframes sfOverlayIn {
  from { opacity: 0; transform: scale(0.96); }
  to { opacity: 1; transform: scale(1); }
}

/* Spinning ring */
.sf-ring-spin {
  animation: sfRingSpin 1.2s linear infinite;
}
@keyframes sfRingSpin {
  to { transform: rotate(360deg); }
}

/* Ring glow pulse */
.sf-ring-glow {
  background: radial-gradient(circle, rgba(62,173,31,0.15) 0%, transparent 70%);
  animation: sfRingGlow 1.6s ease-in-out infinite;
}
@keyframes sfRingGlow {
  0%, 100% { opacity: 0.4; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.15); }
}

/* Send icon float */
.sf-send-icon {
  animation: sfIconFloat 2s ease-in-out infinite;
}
@keyframes sfIconFloat {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-3px) scale(1.05); }
}

/* Progress bar sweep */
.sf-progress-bar {
  animation: sfProgressSweep 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
@keyframes sfProgressSweep {
  0% { width: 0%; margin-left: 0; }
  50% { width: 70%; margin-left: 10%; }
  100% { width: 0%; margin-left: 100%; }
}

/* Status text pulse */
.sf-status-text {
  animation: sfTextPulse 2s ease-in-out infinite;
}
@keyframes sfTextPulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}

/* ═══ GALLERY ═══ */
.gallery-card {
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s ease, border-color 0.35s ease;
}
.gallery-card:hover {
  transform: scale(1.03);
  box-shadow: 0 12px 40px -8px rgba(62, 173, 31, 0.15);
  border-color: rgba(62, 173, 31, 0.2);
}

/* ═══ WHATSAPP FLOATING BUTTON ═══ */
@keyframes whatsappBounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
}
.whatsapp-float {
  animation: whatsappBounce 3s ease-in-out infinite;
}
.whatsapp-float:hover {
  animation: none;
  transform: scale(1.1);
  transition: transform 0.3s ease;
}
