.reference-home *,.reference-home :after,.reference-home :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: }.reference-home ::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*/.reference-home *,.reference-home :after,.reference-home :before{box-sizing:border-box;border:0 solid #e5e7eb}.reference-home :after,.reference-home :before{--tw-content:""}.reference-home,.reference-home{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}.reference-home{margin:0;line-height:inherit}.reference-home hr{height:0;color:inherit;border-top-width:1px}.reference-home abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.reference-home h1,.reference-home h2,.reference-home h3,.reference-home h4,.reference-home h5,.reference-home h6{font-size:inherit;font-weight:inherit}.reference-home a{color:inherit;text-decoration:inherit}.reference-home b,.reference-home strong{font-weight:bolder}.reference-home code,.reference-home kbd,.reference-home pre,.reference-home 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}.reference-home small{font-size:80%}.reference-home sub,.reference-home sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.reference-home sub{bottom:-.25em}.reference-home sup{top:-.5em}.reference-home table{text-indent:0;border-color:inherit;border-collapse:collapse}.reference-home button,.reference-home input,.reference-home optgroup,.reference-home select,.reference-home 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}.reference-home button,.reference-home select{text-transform:none}.reference-home button,.reference-home input:where([type=button]),.reference-home input:where([type=reset]),.reference-home input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}.reference-home :-moz-focusring{outline:auto}.reference-home :-moz-ui-invalid{box-shadow:none}.reference-home progress{vertical-align:baseline}.reference-home ::-webkit-inner-spin-button,.reference-home ::-webkit-outer-spin-button{height:auto}.reference-home [type=search]{-webkit-appearance:textfield;outline-offset:-2px}.reference-home ::-webkit-search-decoration{-webkit-appearance:none}.reference-home ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.reference-home summary{display:list-item}.reference-home blockquote,.reference-home dd,.reference-home dl,.reference-home figure,.reference-home h1,.reference-home h2,.reference-home h3,.reference-home h4,.reference-home h5,.reference-home h6,.reference-home hr,.reference-home p,.reference-home pre{margin:0}.reference-home fieldset{margin:0}.reference-home fieldset,.reference-home legend{padding:0}.reference-home menu,.reference-home ol,.reference-home ul{list-style:none;margin:0;padding:0}.reference-home dialog{padding:0}.reference-home textarea{resize:vertical}.reference-home input::-moz-placeholder,.reference-home textarea::-moz-placeholder{opacity:1;color:#9ca3af}.reference-home input::placeholder,.reference-home textarea::placeholder{opacity:1;color:#9ca3af}.reference-home [role=button],.reference-home button{cursor:pointer}.reference-home :disabled{cursor:default}.reference-home audio,.reference-home canvas,.reference-home embed,.reference-home iframe,.reference-home img,.reference-home object,.reference-home svg,.reference-home video{display:block;vertical-align:middle}.reference-home img,.reference-home video{max-width:100%;height:auto}.reference-home [hidden]:where(:not([hidden=until-found])){display:none}.reference-home .fixed{position:fixed}.reference-home .absolute{position:absolute}.reference-home .relative{position:relative}.reference-home .-bottom-10{bottom:-2.5rem}.reference-home .-left-10{left:-2.5rem}.reference-home .-right-10{right:-2.5rem}.reference-home .-right-6{right:-1.5rem}.reference-home .-top-10{top:-2.5rem}.reference-home .-top-3{top:-.75rem}.reference-home .-top-6{top:-1.5rem}.reference-home .bottom-0{bottom:0}.reference-home .left-0{left:0}.reference-home .left-1\/2{left:50%}.reference-home .left-1\/3{left:33.333333%}.reference-home .right-0{right:0}.reference-home .right-1\/3{right:33.333333%}.reference-home .top-0{top:0}.reference-home .top-12{top:3rem}.reference-home .z-0{z-index:0}.reference-home .z-10{z-index:10}.reference-home .z-\[100\]{z-index:100}.reference-home .mx-2{margin-left:.5rem;margin-right:.5rem}.reference-home .mx-auto{margin-left:auto;margin-right:auto}.reference-home .my-2{margin-top:.5rem;margin-bottom:.5rem}.reference-home .-mr-2{margin-right:-.5rem}.reference-home .mb-1{margin-bottom:.25rem}.reference-home .mb-10{margin-bottom:2.5rem}.reference-home .mb-14{margin-bottom:3.5rem}.reference-home .mb-2{margin-bottom:.5rem}.reference-home .mb-3{margin-bottom:.75rem}.reference-home .mb-4{margin-bottom:1rem}.reference-home .mb-5{margin-bottom:1.25rem}.reference-home .mb-6{margin-bottom:1.5rem}.reference-home .mb-8{margin-bottom:2rem}.reference-home .ml-0{margin-left:0}.reference-home .ml-0\.5{margin-left:.125rem}.reference-home .mt-12{margin-top:3rem}.reference-home .mt-16{margin-top:4rem}.reference-home .mt-3{margin-top:.75rem}.reference-home .mt-6{margin-top:1.5rem}.reference-home .block{display:block}.reference-home .inline-block{display:inline-block}.reference-home .flex{display:flex}.reference-home .inline-flex{display:inline-flex}.reference-home .grid{display:grid}.reference-home .hidden{display:none}.reference-home .h-0\.5{height:.125rem}.reference-home .h-10{height:2.5rem}.reference-home .h-12{height:3rem}.reference-home .h-14{height:3.5rem}.reference-home .h-20{height:5rem}.reference-home .h-40{height:10rem}.reference-home .h-7{height:1.75rem}.reference-home .h-8{height:2rem}.reference-home .h-9{height:2.25rem}.reference-home .h-px{height:1px}.reference-home .w-0{width:0}.reference-home .w-10{width:2.5rem}.reference-home .w-12{width:3rem}.reference-home .w-20{width:5rem}.reference-home .w-40{width:10rem}.reference-home .w-7{width:1.75rem}.reference-home .w-8{width:2rem}.reference-home .w-9{width:2.25rem}.reference-home .w-full{width:100%}.reference-home .max-w-3xl{max-width:48rem}.reference-home .max-w-4xl{max-width:56rem}.reference-home .max-w-5xl{max-width:64rem}.reference-home .max-w-7xl{max-width:80rem}.reference-home .max-w-lg{max-width:32rem}.reference-home .max-w-xl{max-width:36rem}.reference-home .flex-shrink-0,.reference-home .shrink-0{flex-shrink:0}.reference-home .-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.reference-home .cursor-pointer{cursor:pointer}.reference-home .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.reference-home .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-home .flex-col{flex-direction:column}.reference-home .flex-wrap{flex-wrap:wrap}.reference-home .items-center{align-items:center}.reference-home .justify-center{justify-content:center}.reference-home .justify-between{justify-content:space-between}.reference-home .gap-1{gap:.25rem}.reference-home .gap-1\.5{gap:.375rem}.reference-home .gap-12{gap:3rem}.reference-home .gap-16{gap:4rem}.reference-home .gap-2{gap:.5rem}.reference-home .gap-2\.5{gap:.625rem}.reference-home .gap-3{gap:.75rem}.reference-home .gap-4{gap:1rem}.reference-home .gap-5{gap:1.25rem}.reference-home .gap-6{gap:1.5rem}.reference-home .gap-8{gap:2rem}.reference-home .space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.reference-home .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))}.reference-home .overflow-hidden{overflow:hidden}.reference-home .rounded-2xl{border-radius:1rem}.reference-home .rounded-3xl{border-radius:1.5rem}.reference-home .rounded-full{border-radius:9999px}.reference-home .rounded-lg{border-radius:.5rem}.reference-home .rounded-xl{border-radius:.75rem}.reference-home .rounded-b-2xl{border-bottom-right-radius:1rem;border-bottom-left-radius:1rem}.reference-home .border{border-width:1px}.reference-home .border-2{border-width:2px}.reference-home .border-b{border-bottom-width:1px}.reference-home .border-t{border-top-width:1px}.reference-home .border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.reference-home .border-gray-100\/50{border-color:rgba(243,244,246,.5)}.reference-home .border-gray-100\/80{border-color:rgba(243,244,246,.8)}.reference-home .border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.reference-home .border-green-100{--tw-border-opacity:1;border-color:rgb(236 220 252/var(--tw-border-opacity,1))}.reference-home .border-green-200{--tw-border-opacity:1;border-color:rgb(217 187 247/var(--tw-border-opacity,1))}.reference-home .border-green-700\/40{border-color:rgba(75,21,128,.4)}.reference-home .border-green-800{--tw-border-opacity:1;border-color:rgb(61 22 101/var(--tw-border-opacity,1))}.reference-home .bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.reference-home .bg-gray-100\/70{background-color:rgba(243,244,246,.7)}.reference-home .bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.reference-home .bg-green-100{--tw-bg-opacity:1;background-color:rgb(236 220 252/var(--tw-bg-opacity,1))}.reference-home .bg-green-400{--tw-bg-opacity:1;background-color:rgb(148 74 222/var(--tw-bg-opacity,1))}.reference-home .bg-green-50{--tw-bg-opacity:1;background-color:rgb(247 240 253/var(--tw-bg-opacity,1))}.reference-home .bg-green-50\/50{background-color:rgba(247,240,253,.5)}.reference-home .bg-green-600{--tw-bg-opacity:1;background-color:rgb(93 22 163/var(--tw-bg-opacity,1))}.reference-home .bg-green-700{--tw-bg-opacity:1;background-color:rgb(75 21 128/var(--tw-bg-opacity,1))}.reference-home .bg-green-800{--tw-bg-opacity:1;background-color:rgb(61 22 101/var(--tw-bg-opacity,1))}.reference-home .bg-green-800\/30{background-color:rgba(61,22,101,.3)}.reference-home .bg-green-900{--tw-bg-opacity:1;background-color:rgb(52 20 83/var(--tw-bg-opacity,1))}.reference-home .bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.reference-home .bg-white\/10{background-color:hsla(0,0%,100%,.1)}.reference-home .bg-white\/20{background-color:hsla(0,0%,100%,.2)}.reference-home .bg-white\/50{background-color:hsla(0,0%,100%,.5)}.reference-home .bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.reference-home .bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.reference-home .from-green-200{--tw-gradient-from:#d9bbf7 var(--tw-gradient-from-position);--tw-gradient-to:rgba(217,187,247,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.reference-home .from-green-500{--tw-gradient-from:#7422c5 var(--tw-gradient-from-position);--tw-gradient-to:rgba(116,34,197,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.reference-home .via-green-400{--tw-gradient-to:rgba(148,74,222,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#944ade var(--tw-gradient-via-position),var(--tw-gradient-to)}.reference-home .to-green-200{--tw-gradient-to:#d9bbf7 var(--tw-gradient-to-position)}.reference-home .to-green-700{--tw-gradient-to:#4b1580 var(--tw-gradient-to-position)}.reference-home .p-10{padding:2.5rem}.reference-home .p-2{padding:.5rem}.reference-home .p-3{padding:.75rem}.reference-home .p-5{padding:1.25rem}.reference-home .p-6{padding:1.5rem}.reference-home .px-10{padding-left:2.5rem;padding-right:2.5rem}.reference-home .px-2{padding-left:.5rem;padding-right:.5rem}.reference-home .px-3\.5{padding-left:.875rem;padding-right:.875rem}.reference-home .px-4{padding-left:1rem;padding-right:1rem}.reference-home .px-5{padding-left:1.25rem;padding-right:1.25rem}.reference-home .px-8{padding-left:2rem;padding-right:2rem}.reference-home .py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.reference-home .py-12{padding-top:3rem;padding-bottom:3rem}.reference-home .py-16{padding-top:4rem;padding-bottom:4rem}.reference-home .py-2{padding-top:.5rem;padding-bottom:.5rem}.reference-home .py-20{padding-top:5rem;padding-bottom:5rem}.reference-home .py-24{padding-top:6rem;padding-bottom:6rem}.reference-home .py-3{padding-top:.75rem;padding-bottom:.75rem}.reference-home .py-4{padding-top:1rem;padding-bottom:1rem}.reference-home .py-5{padding-top:1.25rem;padding-bottom:1.25rem}.reference-home .pl-0{padding-left:0}.reference-home .pr-4{padding-right:1rem}.reference-home .pt-6{padding-top:1.5rem}.reference-home .text-center{text-align:center}.reference-home .font-serif{font-family:Playfair Display,Georgia,serif}.reference-home .text-2xl{font-size:1.5rem;line-height:2rem}.reference-home .text-3xl{font-size:1.875rem;line-height:2.25rem}.reference-home .text-\[10px\]{font-size:10px}.reference-home .text-\[13px\]{font-size:13px}.reference-home .text-\[14px\]{font-size:14px}.reference-home .text-\[15px\]{font-size:15px}.reference-home .text-lg{font-size:1.125rem;line-height:1.75rem}.reference-home .text-sm{font-size:.875rem;line-height:1.25rem}.reference-home .text-xl{font-size:1.25rem;line-height:1.75rem}.reference-home .text-xs{font-size:.75rem;line-height:1rem}.reference-home .font-bold{font-weight:700}.reference-home .font-medium{font-weight:500}.reference-home .font-semibold{font-weight:600}.reference-home .uppercase{text-transform:uppercase}.reference-home .italic{font-style:italic}.reference-home .leading-none{line-height:1}.reference-home .leading-relaxed{line-height:1.625}.reference-home .tracking-tight{letter-spacing:-.025em}.reference-home .tracking-wider{letter-spacing:.05em}.reference-home .text-amber-400{--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity,1))}.reference-home .text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.reference-home .text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.reference-home .text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.reference-home .text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.reference-home .text-green-100{--tw-text-opacity:1;color:rgb(236 220 252/var(--tw-text-opacity,1))}.reference-home .text-green-200{--tw-text-opacity:1;color:rgb(217 187 247/var(--tw-text-opacity,1))}.reference-home .text-green-300{--tw-text-opacity:1;color:rgb(187 134 239/var(--tw-text-opacity,1))}.reference-home .text-green-400{--tw-text-opacity:1;color:rgb(148 74 222/var(--tw-text-opacity,1))}.reference-home .text-green-500{--tw-text-opacity:1;color:rgb(116 34 197/var(--tw-text-opacity,1))}.reference-home .text-green-600{--tw-text-opacity:1;color:rgb(93 22 163/var(--tw-text-opacity,1))}.reference-home .text-green-700{--tw-text-opacity:1;color:rgb(75 21 128/var(--tw-text-opacity,1))}.reference-home .text-green-800{--tw-text-opacity:1;color:rgb(61 22 101/var(--tw-text-opacity,1))}.reference-home .text-green-900{--tw-text-opacity:1;color:rgb(52 20 83/var(--tw-text-opacity,1))}.reference-home .text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.reference-home .opacity-\[0\.12\]{opacity:.12}.reference-home .shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.reference-home .shadow-2xl,.reference-home .shadow-\[0_2px_10px_rgb\(34\2c 197\2c 94\2c 0\.3\)\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.reference-home .shadow-\[0_2px_10px_rgb\(34\2c 197\2c 94\2c 0\.3\)\]{--tw-shadow:0 2px 10px rgb(116,34,197,0.3);--tw-shadow-colored:0 2px 10px var(--tw-shadow-color)}.reference-home .shadow-\[0_4px_12px_rgb\(0\2c 0\2c 0\2c 0\.1\)\]{--tw-shadow:0 4px 12px rgb(0,0,0,0.1);--tw-shadow-colored:0 4px 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)}.reference-home .shadow-\[0_4px_24px_rgb\(0\2c 0\2c 0\2c 0\.07\)\]{--tw-shadow:0 4px 24px rgb(0,0,0,0.07);--tw-shadow-colored:0 4px 24px var(--tw-shadow-color)}.reference-home .shadow-\[0_4px_24px_rgb\(0\2c 0\2c 0\2c 0\.07\)\],.reference-home .shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.reference-home .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)}.reference-home .shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.reference-home .shadow-md,.reference-home .shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.reference-home .shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.reference-home .shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.reference-home .backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.reference-home .backdrop-blur-sm,.reference-home .backdrop-blur-xl{-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)}.reference-home .backdrop-blur-xl{--tw-backdrop-blur:blur(24px)}.reference-home .transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.reference-home .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}.reference-home .transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.reference-home .transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.reference-home .duration-200{transition-duration:.2s}.reference-home .duration-300{transition-duration:.3s}.reference-home .duration-500{transition-duration:.5s}.reference-home .ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.reference-home .hover\:-translate-y-1:hover{--tw-translate-y:-0.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.reference-home .hover\:bg-black:hover{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.reference-home .hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.reference-home .hover\:bg-gray-50\/80:hover{background-color:rgba(249,250,251,.8)}.reference-home .hover\:bg-green-300:hover{--tw-bg-opacity:1;background-color:rgb(187 134 239/var(--tw-bg-opacity,1))}.reference-home .hover\:bg-green-50:hover{--tw-bg-opacity:1;background-color:rgb(247 240 253/var(--tw-bg-opacity,1))}.reference-home .hover\:bg-green-600:hover{--tw-bg-opacity:1;background-color:rgb(93 22 163/var(--tw-bg-opacity,1))}.reference-home .hover\:text-gray-900:hover{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.reference-home .hover\:text-green-300:hover{--tw-text-opacity:1;color:rgb(187 134 239/var(--tw-text-opacity,1))}.reference-home .hover\:text-green-400:hover{--tw-text-opacity:1;color:rgb(148 74 222/var(--tw-text-opacity,1))}.reference-home .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)}.reference-home .hover\:shadow-2xl:hover,.reference-home .hover\:shadow-\[0_6px_16px_rgb\(0\2c 0\2c 0\2c 0\.15\)\]:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.reference-home .hover\:shadow-\[0_6px_16px_rgb\(0\2c 0\2c 0\2c 0\.15\)\]:hover{--tw-shadow:0 6px 16px rgb(0,0,0,0.15);--tw-shadow-colored:0 6px 16px var(--tw-shadow-color)}.reference-home .group:hover .group-hover\:w-full{width:100%}.reference-home .group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05}.reference-home .group:hover .group-hover\:scale-105,.reference-home .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))}.reference-home .group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1}.reference-home .group:hover .group-hover\:border-green-600{--tw-border-opacity:1;border-color:rgb(93 22 163/var(--tw-border-opacity,1))}.reference-home .group:hover .group-hover\:bg-green-600{--tw-bg-opacity:1;background-color:rgb(93 22 163/var(--tw-bg-opacity,1))}.reference-home .group:hover .group-hover\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.reference-home .group:hover .group-hover\:opacity-20{opacity:.2}.reference-home .group:hover .group-hover\:shadow-\[0_4px_15px_rgb\(34\2c 197\2c 94\2c 0\.4\)\]{--tw-shadow:0 4px 15px rgb(116,34,197,0.4);--tw-shadow-colored:0 4px 15px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media (min-width:640px){.reference-home .sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:768px){.reference-home .md\:col-span-2{grid-column:span 2/span 2}.reference-home .md\:ml-8{margin-left:2rem}.reference-home .md\:block{display:block}.reference-home .md\:flex{display:flex}.reference-home .md\:hidden{display:none}.reference-home .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-home .md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.reference-home .md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.reference-home .md\:flex-row{flex-direction:row}.reference-home .md\:p-16{padding:4rem}.reference-home .md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.reference-home .md\:text-5xl{font-size:3rem;line-height:1}}@media (min-width:1024px){.reference-home .lg\:flex{display:flex}.reference-home .lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-home .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.reference-home .lg\:gap-20{gap:5rem}.reference-home .lg\:px-8{padding-left:2rem;padding-right:2rem}.reference-home .lg\:py-32{padding-top:8rem;padding-bottom:8rem}}

        .reference-home {
            --green-primary: #3d1665;
            --green-light:   #7422c5;
            --green-bg:      #f7f0fd;
        }
        .reference-home * { scroll-behavior: smooth; }
        .reference-home, .reference-home { margin: 0; padding: 0; }
        .reference-home { font-family: 'Inter', sans-serif; }
        .reference-home .gradient-green { background: linear-gradient(135deg, #3d1665 0%, #4b1580 50%, #5d16a3 100%); }
        .reference-home .gradient-green-light { background: linear-gradient(135deg, #ecdcfc 0%, #d9bbf7 100%); }
        .reference-home .glass { background: rgba(255,255,255,0.85); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
        .reference-home .glass-green { background: rgba(61,22,101,0.85); backdrop-filter: blur(12px); }
        .reference-home .card-hover { transition: all 0.3s ease; }
        .reference-home .card-hover:hover { transform: translateY(-4px); box-shadow: 0 20px 40px rgba(61,22,101,0.15); }
        .reference-home .btn-primary { background: linear-gradient(135deg,#3d1665,#4b1580); transition: all 0.3s; }
        .reference-home .btn-primary:hover { background: linear-gradient(135deg,#341453,#3d1665); transform: translateY(-2px); box-shadow: 0 8px 25px rgba(61,22,101,0.4); }
        .reference-home .input-field { border: 2px solid #e5e7eb; transition: all 0.3s; border-radius: 12px; padding: 12px 16px; width: 100%; outline: none; }
        .reference-home .input-field:focus { border-color: #5d16a3; box-shadow: 0 0 0 4px rgba(93,22,163,0.1); }
        .reference-home .nav-link { position: relative; transition: color 0.3s; }
        .reference-home .nav-link::after { content:''; position:absolute; bottom:-2px; left:0; width:0; height:2px; background:#7422c5; transition:width 0.3s; }
        .reference-home .nav-link:hover::after, .reference-home .nav-link.active::after { width:100%; }
        .reference-home .badge { display:inline-flex; align-items:center; padding:2px 10px; border-radius:9999px; font-size:0.75rem; font-weight:600; }
        .reference-home .animate-fade-in { animation: fadeIn 0.4s ease-in-out; }
        .reference-home .animate-slide-up { animation: slideUp 0.4s ease-out; }
        @keyframes fadeIn  { from{opacity:0} to{opacity:1} }
        @keyframes slideUp { from{opacity:0;transform:translateY(20px)} to{opacity:1;transform:translateY(0)} }
        .reference-home ::-webkit-scrollbar { width:8px; height:8px; }
        .reference-home ::-webkit-scrollbar-track { background:#f7f0fd; }
        .reference-home ::-webkit-scrollbar-thumb { background:#5d16a3; border-radius:4px; }
        .reference-home .dropdown { position:relative; }
        .reference-home .dropdown-menu { display:none; position:absolute; right:0; top:calc(100% + 6px); min-width:200px; background:#fff; border:1px solid #e5e7eb; border-radius:16px; box-shadow:0 20px 48px rgba(0,0,0,0.12); z-index:9999; overflow:hidden; }
        .reference-home .dropdown.open .dropdown-menu { display:block; animation:ddOpen .15s ease; }
        @keyframes ddOpen { from{opacity:0;transform:translateY(-6px)} to{opacity:1;transform:translateY(0)} }
        .reference-home .progress-bar { height:6px; border-radius:3px; background:#ecdcfc; overflow:hidden; }
        .reference-home .progress-fill { height:100%; background:linear-gradient(90deg,#3d1665,#7422c5); border-radius:3px; transition:width 0.5s ease; }

        /* ── Global Mobil Uyumluluk ── */
        @media(max-width:640px){
            .reference-home .hide-mobile{ display:none !important; }
            .reference-home .stack-mobile{ flex-direction:column !important; }
            .reference-home .full-mobile{ width:100% !important; }
            .reference-home .text-sm-mobile{ font-size:13px !important; }
            .reference-home h1{ font-size:clamp(22px,6vw,40px) !important; }
            .reference-home h2{ font-size:clamp(18px,5vw,32px) !important; }
        }
        /* Tablo mobil scroll */
        .reference-home .table-wrap{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
        /* Kart grid mobil */
        @media(max-width:480px){
            .reference-home .grid-cols-2{ grid-template-columns:1fr !important; }
        }
        /* Touch hedefleri — sadece gerçek butonlar, inline linkler değil */
        .reference-home button, .reference-home [role="button"], .reference-home .btn-primary, .reference-home .cat-btn { min-height:40px; }
        /* Form input büyütme önleme iOS */
        .reference-home input, .reference-home select, .reference-home textarea{ font-size:16px !important; }
        @media(min-width:641px){
            .reference-home input, .reference-home select, .reference-home textarea{ font-size:inherit !important; }
        }
        /* Safe area (notch) */
        .reference-home{ padding-bottom:env(safe-area-inset-bottom,0); }
    

/* ── Hero Base ── */
.reference-home .hero-section {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: #1a052e;
    margin-top: 0;
}

/* Mesh grid overlay */
.reference-home .hero-section::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
    background-size: 48px 48px;
    pointer-events: none;
    z-index: 1;
}

/* Radial glow spots */
.reference-home .hero-glow {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    pointer-events: none;
}
.reference-home .hero-glow-1 {
    width: 600px; height: 600px;
    background: radial-gradient(circle, rgba(116,34,197,.18) 0%, transparent 70%);
    top: -100px; right: -100px;
    animation: glowPulse 6s ease-in-out infinite;
}
.reference-home .hero-glow-2 {
    width: 500px; height: 500px;
    background: radial-gradient(circle, rgba(61,22,101,.25) 0%, transparent 70%);
    bottom: -80px; left: -80px;
    animation: glowPulse 8s ease-in-out infinite reverse;
}
.reference-home .hero-glow-3 {
    width: 300px; height: 300px;
    background: radial-gradient(circle, rgba(148,74,222,.12) 0%, transparent 70%);
    top: 40%; left: 40%;
    animation: glowPulse 5s ease-in-out infinite 2s;
}
@keyframes glowPulse {
    0%,100% { opacity: .6; transform: scale(1); }
    50% { opacity: 1; transform: scale(1.15); }
}

/* Diagonal gradient overlay */
.reference-home .hero-gradient-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg,
        rgba(26,5,46,.98) 0%,
        rgba(52,20,83,.92) 40%,
        rgba(26,5,46,.96) 100%
    );
    z-index: 0;
}

/* ── Trust badge ── */
.reference-home .hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(255,255,255,.07);
    border: 1px solid rgba(255,255,255,.12);
    backdrop-filter: blur(12px);
    border-radius: 100px;
    padding: 7px 16px 7px 10px;
    font-size: 13px;
    color: #d9bbf7;
    font-weight: 600;
    margin-bottom: 28px;
}
.reference-home .hero-badge-dot {
    width: 28px; height: 28px;
    background: linear-gradient(135deg, #5d16a3, #7422c5);
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 13px;
    box-shadow: 0 0 12px rgba(116,34,197,.5);
}

/* ── Headline ── */
.reference-home .hero-headline {
    font-size: clamp(40px, 5.5vw, 68px);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -1.5px;
    color: #fff;
    margin-bottom: 24px;
    font-family: 'Playfair Display', serif;
}
.reference-home .hero-headline-accent {
    background: linear-gradient(135deg, #944ade, #7422c5, #bb86ef);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    display: inline-block;
}
.reference-home .hero-headline-sub {
    font-size: clamp(26px, 3vw, 40px);
    font-weight: 400;
    font-style: italic;
    font-family: 'Playfair Display', serif;
    color: rgba(255,255,255,.7);
}

/* ── CTA Buttons ── */
.reference-home .hero-cta-primary {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #fff;
    color: #341453;
    padding: 16px 32px;
    border-radius: 16px;
    font-weight: 800;
    font-size: 15px;
    text-decoration: none;
    transition: all .25s cubic-bezier(.17,.67,.36,1.2);
    box-shadow: 0 8px 32px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.8);
    position: relative;
    overflow: hidden;
}
.reference-home .hero-cta-primary::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, #f7f0fd, #ecdcfc);
    opacity: 0;
    transition: opacity .25s;
}
.reference-home .hero-cta-primary:hover { transform: translateY(-3px); box-shadow: 0 16px 48px rgba(0,0,0,.3); }
.reference-home .hero-cta-primary:hover::before { opacity: 1; }
.reference-home .hero-cta-primary > * { position: relative; z-index: 1; }

.reference-home .hero-cta-secondary {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: rgba(255,255,255,.08);
    color: #fff;
    padding: 16px 32px;
    border-radius: 16px;
    font-weight: 700;
    font-size: 15px;
    text-decoration: none;
    border: 1px solid rgba(255,255,255,.18);
    backdrop-filter: blur(8px);
    transition: all .25s;
}
.reference-home .hero-cta-secondary:hover {
    background: rgba(255,255,255,.14);
    border-color: rgba(255,255,255,.3);
    transform: translateY(-3px);
}

/* ── Stats ── */
.reference-home .hero-stats {
    display: flex;
    align-items: center;
    gap: 0;
    padding: 20px 24px;
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 20px;
    backdrop-filter: blur(8px);
    width: fit-content;
}
.reference-home .hero-stat-item { padding: 0 24px; text-align: center; }
.reference-home .hero-stat-item:first-child { padding-left: 0; }
.reference-home .hero-stat-item:last-child { padding-right: 0; }
.reference-home .hero-stat-num {
    font-size: 26px;
    font-weight: 800;
    color: #fff;
    line-height: 1;
    display: block;
    font-variant-numeric: tabular-nums;
}
.reference-home .hero-stat-label { font-size: 11px; color: #bb86ef; font-weight: 600; text-transform: uppercase; letter-spacing: .8px; margin-top: 4px; }
.reference-home .hero-stat-divider { width: 1px; height: 40px; background: rgba(255,255,255,.12); flex-shrink: 0; }

/* ── Social proof avatars ── */
.reference-home .hero-avatars { display: flex; align-items: center; }
.reference-home .hero-avatar {
    width: 32px; height: 32px; border-radius: 50%;
    border: 2px solid #1a052e;
    background: linear-gradient(135deg, #5d16a3, #944ade);
    display: flex; align-items: center; justify-content: center;
    font-size: 13px; font-weight: 700; color: #fff;
    margin-left: -8px;
    position: relative;
}
.reference-home .hero-avatar:first-child { margin-left: 0; }

/* ── Phone mockup ── */
.reference-home .phone-mockup-wrap {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.reference-home .phone-device {
    width: 314px;
    height: 650px;
    background: linear-gradient(175deg, #1a1a2e, #16213e);
    border-radius: 50px;
    box-shadow:
        0 80px 120px rgba(0,0,0,.7),
        0 0 0 1px rgba(255,255,255,.08),
        inset 0 0 0 2px rgba(255,255,255,.04);
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
}
/* Side buttons */
.reference-home .phone-device::after {
    content: '';
    position: absolute;
    right: -4px;
    top: 120px;
    width: 4px;
    height: 60px;
    background: linear-gradient(to bottom, #333, #555, #333);
    border-radius: 0 4px 4px 0;
}
/* Dynamic island */
.reference-home .phone-island {
    position: absolute;
    top: 14px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 32px;
    background: #000;
    border-radius: 20px;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}
.reference-home .phone-island-cam {
    width: 10px; height: 10px; border-radius: 50%;
    background: #1a1a1a;
    border: 1px solid #333;
}
.reference-home .phone-screen {
    position: absolute;
    inset: 0;
    border-radius: 48px;
    overflow: hidden;
    background: #fff;
}
/* Phone screen inner */
.reference-home .invitation-preview {
    height: 100%;
    background: #fff;
    padding-top: 0;
    overflow: hidden;
}
.reference-home .home-real-invite {
    height: 100%;
    background: #fff;
    font-family: Inter, sans-serif;
}
.reference-home .home-real-hero {
    min-height: 362px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 58px 22px 28px;
    color: #fff;
    overflow: hidden;
    background: linear-gradient(135deg,#2a064e,#3d1665);
}
.reference-home .home-real-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: var(--home-cover);
    background-size: cover;
    background-position: center;
    transform: scale(1.02);
}
.reference-home .home-real-hero::after {
    content: '';
    position: absolute;
    inset: 0;
    background:
        linear-gradient(to bottom, rgba(0,0,0,.18), rgba(0,0,0,.42) 45%, rgba(0,0,0,.66)),
        radial-gradient(circle at 50% 35%, rgba(255,255,255,.18), transparent 36%);
}
.reference-home .home-real-hero-content {
    position: relative;
    z-index: 1;
    width: 100%;
    text-shadow: 0 2px 14px rgba(0,0,0,.45);
}
.reference-home .home-real-kicker {
    margin: 0 0 14px;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 3px;
    text-transform: uppercase;
}
.reference-home .home-real-names {
    margin: 0;
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 31px;
    line-height: 1.05;
    font-weight: 700;
}
.reference-home .home-real-names span {
    display: block;
    margin: 4px 0;
    font-size: 13px;
    letter-spacing: 2px;
}
.reference-home .home-real-families {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin: 17px 0 13px;
}
.reference-home .home-real-family {
    padding: 8px 6px;
    border-radius: 12px;
    background: rgba(0,0,0,.18);
    border: 1px solid rgba(255,255,255,.22);
    backdrop-filter: blur(7px);
}
.reference-home .home-real-family strong {
    display: block;
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 12px;
}
.reference-home .home-real-family small {
    display: block;
    margin-top: 2px;
    font-size: 8px;
    font-weight: 700;
    opacity: .9;
}
.reference-home .home-real-message {
    margin: 0 auto 13px;
    max-width: 244px;
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 11px;
    line-height: 1.55;
    font-style: italic;
}
.reference-home .home-real-count {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 6px;
    margin: 0 auto 12px;
    max-width: 248px;
}
.reference-home .home-real-count div {
    border-radius: 12px;
    padding: 9px 2px 7px;
    background: rgba(255,255,255,.2);
    border: 1px solid rgba(255,255,255,.18);
    backdrop-filter: blur(7px);
}
.reference-home .home-real-count b {
    display: block;
    font-size: 17px;
    line-height: 1;
}
.reference-home .home-real-count small {
    display: block;
    margin-top: 2px;
    font-size: 6px;
    font-weight: 900;
    letter-spacing: .8px;
    opacity: .78;
    text-transform: uppercase;
}
.reference-home .home-real-calendar {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 13px;
    border-radius: 999px;
    background: rgba(255,255,255,.92);
    color: #3d1665;
    font-size: 9px;
    font-weight: 900;
    text-shadow: none;
}
.reference-home .home-real-.reference-home {
    padding: 22px 18px 28px;
    background: #fff;
}
.reference-home .home-real-section-title {
    margin: 0 0 14px;
    text-align: center;
    font-family: 'Playfair Display', Georgia, serif;
    color: #e58f73;
    font-size: 19px;
}
.reference-home .home-real-event {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 12px;
    align-items: center;
    margin-bottom: 22px;
}
.reference-home .home-real-map {
    height: 96px;
    border-radius: 13px;
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(90deg, rgba(59,130,246,.12) 1px, transparent 1px),
        linear-gradient(rgba(59,130,246,.12) 1px, transparent 1px),
        linear-gradient(135deg,#eef6ff,#fff7ed);
    background-size: 24px 24px, 24px 24px, auto;
    box-shadow: inset 0 0 0 1px rgba(15,23,42,.08);
}
.reference-home .home-real-pin {
    position: absolute;
    left: 52%;
    top: 39%;
    width: 18px;
    height: 18px;
    border-radius: 50% 50% 50% 0;
    background: #ef4444;
    transform: rotate(-45deg);
}
.reference-home .home-real-event-info h4 {
    margin: 0 0 6px;
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 17px;
    color: #0f172a;
}
.reference-home .home-real-event-info p {
    margin: 3px 0;
    font-size: 8px;
    line-height: 1.35;
    color: #475569;
    font-weight: 700;
}
.reference-home .home-real-route {
    display: inline-flex;
    margin-top: 7px;
    padding: 7px 10px;
    border-radius: 999px;
    background: #e58f73;
    color: #fff;
    font-size: 8px;
    font-weight: 900;
}
.reference-home .home-real-gallery {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 7px;
}
.reference-home .home-real-gallery span {
    height: 74px;
    border-radius: 10px;
    background:
        var(--home-cover),
        linear-gradient(135deg,#ecdcfc,#fff);
    background-size: cover;
    background-position: center;
}
.reference-home .home-real-gallery span:nth-child(2) { background-position: 35% center; filter: saturate(.85); }
.reference-home .home-real-gallery span:nth-child(3) { background-position: 70% center; filter: sepia(.12); }
.reference-home .home-real-gallery span:nth-child(4) { background-position: 50% 70%; filter: brightness(1.08); }
.reference-home .inv-header-strip {
    height: 3px;
    background: linear-gradient(90deg, #5d16a3, #944ade, #5d16a3);
    margin-bottom: 20px;
}
.reference-home .inv-content { padding: 0 20px; text-align: center; }
.reference-home .inv-event-type {
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #5d16a3;
    margin-bottom: 4px;
    font-family: Inter, sans-serif;
}
.reference-home .inv-names {
    font-size: 24px;
    font-weight: 700;
    color: #341453;
    font-family: 'Playfair Display', serif;
    line-height: 1.2;
    margin-bottom: 4px;
}
.reference-home .inv-divider {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 12px 0;
}
.reference-home .inv-divider-line { flex: 1; height: 1px; background: linear-gradient(90deg, transparent, #bb86ef, transparent); }
.reference-home .inv-divider-icon { font-size: 14px; }
.reference-home .inv-date-card {
    background: rgba(255,255,255,.75);
    backdrop-filter: blur(8px);
    border-radius: 16px;
    padding: 14px;
    margin-bottom: 14px;
    border: 1px solid rgba(255,255,255,.6);
    box-shadow: 0 4px 20px rgba(61,22,101,.12);
}
.reference-home .inv-date-main { font-size: 17px; font-weight: 800; color: #341453; }
.reference-home .inv-date-sub { font-size: 11px; color: #5d16a3; margin-top: 2px; }
.reference-home .inv-date-venue { font-size: 10px; color: #604b75; margin-top: 4px; display: flex; align-items: center; justify-content: center; gap: 3px; }
.reference-home .inv-countdown {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 6px;
    margin-bottom: 14px;
}
.reference-home .inv-countdown-unit {
    background: #341453;
    border-radius: 12px;
    padding: 10px 4px 8px;
    position: relative;
    overflow: hidden;
}
.reference-home .inv-countdown-unit::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.3), transparent);
}
.reference-home .inv-countdown-num { font-size: 18px; font-weight: 800; color: #fff; display: block; line-height: 1; }
.reference-home .inv-countdown-lbl { font-size: 8px; color: rgba(255,255,255,.6); font-weight: 700; text-transform: uppercase; letter-spacing: .5px; margin-top: 3px; }
.reference-home .inv-rsvp-btn {
    width: 100%;
    background: linear-gradient(135deg, #5d16a3, #4b1580);
    color: #fff;
    border: none;
    border-radius: 14px;
    padding: 13px;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
    box-shadow: 0 6px 20px rgba(93,22,163,.4);
    letter-spacing: .3px;
}
.reference-home .inv-gallery-strip {
    display: flex;
    gap: 6px;
    margin-top: 12px;
    overflow: hidden;
}
.reference-home .inv-gallery-item {
    flex: 1;
    height: 52px;
    border-radius: 10px;
    overflow: hidden;
}
.reference-home .inv-gallery-item div {
    width: 100%; height: 100%;
    background-size: cover;
    background-position: center;
}

/* ── Floating notification cards ── */
.reference-home .float-card {
    position: absolute;
    background: rgba(255,255,255,.9);
    backdrop-filter: blur(16px);
    border: 1px solid rgba(255,255,255,.7);
    border-radius: 16px;
    padding: 12px 16px;
    box-shadow:
        0 20px 60px rgba(0,0,0,.25),
        0 0 0 1px rgba(255,255,255,.1);
    min-width: 160px;
}
.reference-home .float-card-icon {
    width: 36px; height: 36px;
    border-radius: 10px;
    display: flex; align-items: center; justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
}
.reference-home .float-card-label { font-size: 10px; color: #64748b; font-weight: 600; text-transform: uppercase; letter-spacing: .5px; }
.reference-home .float-card-value { font-size: 17px; font-weight: 800; color: #0f172a; line-height: 1.2; margin-top: 1px; }
.reference-home .float-card-sub { font-size: 10px; color: #64748b; margin-top: 2px; }

/* Progress bar animation */
.reference-home .float-progress { height: 4px; background: #e5e7eb; border-radius: 2px; overflow: hidden; margin-top: 8px; }
.reference-home .float-progress-bar { height: 100%; border-radius: 2px; background: linear-gradient(90deg, #5d16a3, #944ade); }

/* ── Animated entry ── */
@keyframes heroFadeUp {
    from { opacity: 0; transform: translateY(30px); }
    to   { opacity: 1; transform: translateY(0); }
}
@keyframes heroFadeRight {
    from { opacity: 0; transform: translateX(-20px); }
    to   { opacity: 1; transform: translateX(0); }
}
@keyframes phoneFadeIn {
    from { opacity: 0; transform: translateY(40px) scale(.96); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes floatCard1 {
    0%,100% { transform: translateY(0px) rotate(-.5deg); }
    50%     { transform: translateY(-8px) rotate(.5deg); }
}
@keyframes floatCard2 {
    0%,100% { transform: translateY(0px) rotate(.5deg); }
    50%     { transform: translateY(-12px) rotate(-.5deg); }
}
@keyframes floatCard3 {
    0%,100% { transform: translateY(-4px) rotate(-.3deg); }
    50%     { transform: translateY(4px) rotate(.3deg); }
}
.reference-home .hero-text-col { animation: heroFadeUp .8s cubic-bezier(.23,1,.32,1) both; }
.reference-home .phone-mockup-wrap { animation: phoneFadeIn 1s cubic-bezier(.23,1,.32,1) .2s both; }
.reference-home .fc-1 { animation: floatCard1 4s ease-in-out 1s infinite; }
.reference-home .fc-2 { animation: floatCard2 5s ease-in-out 1.5s infinite; }
.reference-home .fc-3 { animation: floatCard3 3.5s ease-in-out .8s infinite; }

/* Scroll indicator */
@keyframes scrollBounce {
    0%,100% { transform: translateX(-50%) translateY(0); opacity: .7; }
    50%     { transform: translateX(-50%) translateY(6px); opacity: 1; }
}
.reference-home .scroll-indicator {
    position: absolute;
    bottom: 32px;
    left: 50%;
    transform: translateX(-50%);
    animation: scrollBounce 2s ease-in-out infinite;
    z-index: 10;
}

/* ── Mobile card (shows on small screens instead of phone mockup) ── */
.reference-home .hero-mobile-card {
    display: none;
    background: rgba(255,255,255,.07);
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 24px;
    padding: 20px;
    backdrop-filter: blur(16px);
    margin-top: 36px;
}
.reference-home .hero-mobile-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(116,34,197,.15);
    border: 1px solid rgba(116,34,197,.25);
    border-radius: 100px;
    padding: 5px 12px;
    font-size: 11px;
    font-weight: 700;
    color: #bb86ef;
    text-transform: uppercase;
    letter-spacing: .6px;
    margin-bottom: 12px;
}

/* ── Mobile breakpoints ── */
@media (max-width: 767px) {
    /* Hero section */
    .reference-home .hero-section { min-height: auto; padding-bottom: 60px; }

    /* Badge */
    .reference-home .hero-badge { font-size: 11px; padding: 6px 12px 6px 8px; margin-bottom: 20px; }

    /* Headline */
    .reference-home .hero-headline {
        font-size: clamp(32px, 9vw, 52px) !important;
        letter-spacing: -1px;
        margin-bottom: 16px;
    }
    .reference-home .hero-headline-sub { font-size: clamp(22px, 6vw, 36px) !important; }

    /* Description */
    .reference-home .hero-section p[style*="font-size:18px"] { font-size: 15px !important; margin-bottom: 24px !important; }

    /* CTA buttons — stack full width */
    .reference-home .hero-section div[style*="flex-wrap:wrap"] {
        flex-direction: column !important;
        gap: 10px !important;
        margin-bottom: 28px !important;
    }
    .reference-home .hero-cta-primary, .reference-home .hero-cta-secondary {
        width: 100% !important;
        justify-content: center !important;
        padding: 15px 24px !important;
    }

    /* Stats bar — 2x2 grid */
    .reference-home .hero-stats {
        display: flex !important;
        flex-wrap: wrap !important;
        padding: 12px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    .reference-home .hero-stat-item {
        flex: 0 0 50% !important;
        padding: 10px 8px !important;
        box-sizing: border-box !important;
    }
    .reference-home .hero-stat-item:nth-child(1),
    .reference-home .hero-stat-item:nth-child(5)    { border-right: 1px solid rgba(255,255,255,.1) !important; }
    .reference-home .hero-stat-item:nth-child(1),
    .reference-home .hero-stat-item:nth-child(3)    { border-bottom: 1px solid rgba(255,255,255,.1) !important; }
    .reference-home .hero-stat-divider { display: none !important; }
    .reference-home .hero-stat-num { font-size: 20px !important; }

    /* Social proof */
    .reference-home .hero-avatars .hero-avatar { width: 28px; height: 28px; font-size: 11px; }

    /* Show mobile card, hide scroll indicator */
    .reference-home .hero-mobile-card { display: block; }
    .reference-home .scroll-indicator { display: none; }

    /* Section padding */
    .reference-home .hero-section > div > div { padding-top: 100px !important; padding-bottom: 32px !important; }
}

@media (max-width: 479px) {
    .reference-home .hero-badge span { display: none; }
    .reference-home .hero-badge::after { content: "Özel günlerinize özel"; font-size: 11px; color: #d9bbf7; font-weight: 600; }
}

.reference-home{font-family:Inter,system-ui,sans-serif;background:#f7f0fd;color:#1f2937;line-height:1.5;overflow-x:clip}
.reference-home :is(h1,h2,h3,h4){font-style:normal;letter-spacing:normal}

.reference-home footer{padding:0;border:0}
.reference-home .invitation-preview{max-width:none;margin:0;border-radius:0}
.reference-home summary{list-style:none}
.reference-home summary::-webkit-details-marker{display:none}
.reference-home details[open] .faq-icon{transform:rotate(180deg)}
.reference-home [id]{scroll-margin-top:90px}
.reference-home .hero-headline{font-family:'Playfair Display',Georgia,serif}
@media(min-width:768px){.reference-home nav{max-width:1120px}}
@media(prefers-reduced-motion:reduce){.reference-home *{animation:none!important;scroll-behavior:auto!important}}
/* Keep the longer brand name clear on tablet screens. */
@media (min-width:768px) and (max-width:1200px){
.reference-home nav .hidden.md\:flex{display:none!important}
.reference-home nav #mobileMenuBtn{display:block!important}
.reference-home nav #mobileMenu:not(.hidden){display:block!important}
}

.profile-dropdown{position:relative;flex-shrink:0;margin-left:12px}.profile-trigger{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #e1d4ec;background:#f7f0fc;color:#7422c5;cursor:pointer}.profile-trigger:hover,.profile-trigger[aria-expanded=true]{background:#ede0f9}.profile-trigger:focus-visible,.profile-popover a:focus-visible,.profile-popover button:focus-visible{outline:2px solid #7422c5;outline-offset:3px}.profile-popover{position:absolute;right:0;top:calc(100% + 12px);width:270px;max-width:calc(100vw - 36px);padding:12px;border:1px solid #eadff0;border-radius:16px;background:white;box-shadow:0 14px 40px #33114d26;z-index:120;color:#25192e}.profile-popover[hidden]{display:none!important}.profile-popover strong{display:block;padding:7px 10px 0;overflow-wrap:anywhere;font-size:14px}.profile-email{display:block;padding:3px 10px 12px;font-size:12px;color:#7b7084;overflow-wrap:anywhere;border-bottom:1px solid #eee;margin-bottom:7px}.profile-popover a,.profile-popover button{display:block;width:100%;text-align:left;padding:11px 10px;border:0;border-radius:8px;background:transparent;color:#3d2b4c;font-size:14px;text-decoration:none;cursor:pointer}.profile-popover a:hover,.profile-popover button:hover{background:#f6effb}.profile-popover p{font-size:12px;color:#9a3249;margin:0 10px}.profile-popover p:empty{display:none}.account-card[id]{scroll-margin-top:90px}@media(max-width:1200px){.profile-dropdown{margin-left:auto;margin-right:16px}}

.reference-home nav.max-w-5xl{max-width:1180px}.reference-home nav a{white-space:nowrap}.profile-popover a{white-space:normal}
/* Profile controls share the header's rhythm and remain usable on small screens. */
.reference-home .account-site-nav{overflow:visible!important}
.reference-home .account-header-row{gap:10px;min-height:64px}
.reference-home .profile-dropdown{margin-left:2px;line-height:1;align-self:center}
.reference-home .profile-trigger{display:flex!important;width:44px!important;height:44px!important;min-width:44px;padding:0!important;align-items:center;justify-content:center;border:1px solid #e3d8ef!important;border-radius:50%!important;background:#f6effb!important;color:#7422c5!important;box-shadow:none;transition:background .15s,border-color .15s}
.reference-home .profile-trigger:hover,.reference-home .profile-trigger[aria-expanded=true]{background:#eadbf7!important;border-color:#c9abe0!important}
.reference-home .profile-trigger svg{width:21px;height:21px;flex-shrink:0}
.reference-home .profile-popover{top:calc(100% + 12px);width:280px;padding:8px;border-radius:16px;line-height:1.45;font-family:Inter,system-ui,sans-serif;max-height:calc(100dvh - 100px);overflow-y:auto}
.reference-home .profile-popover strong{padding:12px 12px 2px;font-size:14px;font-weight:650;line-height:1.5}
.reference-home .profile-email{padding:0 12px 14px;font-size:12px;line-height:1.5;color:#776c81;white-space:normal}
.reference-home .profile-popover a,.reference-home .profile-popover button{display:flex!important;align-items:center;gap:12px;min-height:44px;padding:11px 12px!important;font-size:14px!important;line-height:1.4;font-weight:500;border-radius:10px!important}
.reference-home .profile-popover a svg,.reference-home .profile-popover button svg{width:18px;height:18px;flex-shrink:0;color:#80718d}
.reference-home .profile-popover button{margin-top:6px;border-top:1px solid #eee5f3!important;color:#82344a!important}
.reference-home .profile-popover button:disabled{opacity:.6;cursor:wait}
.reference-home .profile-popover a:hover,.reference-home .profile-popover button:hover{background:#f5effa!important}
@media(min-width:1201px){.reference-home .account-header-row>div.hidden.md\:flex{gap:12px}.reference-home .account-header-row>div.hidden.md\:flex a{padding-left:12px;padding-right:12px}.reference-home .account-header-row>.md\:ml-8{margin-left:20px}}
@media(max-width:1200px){.reference-home .profile-dropdown{margin-left:auto;margin-right:0}.reference-home .account-header-row #mobileMenuBtn{width:44px;height:44px;padding:10px;margin-right:0}.reference-home .account-header-row{gap:8px}}
@media(max-width:380px){.reference-home .account-header-row>a>span{gap:5px!important}.reference-home .account-header-row>a>span>img{width:36px!important;height:36px!important}.reference-home .account-header-row>a>span>span{font-size:12px!important}.reference-home .account-header-row{gap:4px}.reference-home .account-site-nav>div.px-5{padding-left:10px;padding-right:10px}}
.reference-home .account-header-row>.account-header-actions>a{min-height:44px;display:inline-flex;align-items:center;justify-content:center}

/* Responsive, transparent invitation showcase supplied for the homepage. */
.reference-home .hero-template-showcase{position:relative;display:flex;align-items:center;justify-content:center;margin:0;min-width:0}.reference-home .hero-template-showcase img{display:block;width:100%;max-width:480px;height:auto;filter:drop-shadow(0 20px 28px #0005)}@media(max-width:1023px){.reference-home .hero-template-showcase img{max-width:340px}.reference-home .hero-template-showcase{margin-top:-20px}}@media(max-width:767px){.reference-home .hero-section>div>div{padding-top:0!important;padding-bottom:0!important}.reference-home .hero-template-showcase{padding:0!important}}