@import url("https://pinkdocscomfbf60.zapwp.com/q:u/r:0/wp:0/w:1/u:https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300;400;500;600;700;800&display=swap");*,: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.18 | 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:Noto Sans,system-ui,sans-serif;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}*{border-color:rgba(255,38,186,.12)}body{--tw-bg-opacity:1;background-color:rgb(15 10 17/var(--tw-bg-opacity,1));font-family:Noto Sans,system-ui,sans-serif;--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity,1));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Noto Sans,system-ui,-apple-system,sans-serif;background-color:#0f0a11}body,body>*{position:relative}body>*{z-index:1}h1,h2,h3,h4,h5,h6{font-weight:600;--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity,1));letter-spacing:-.02em}h1{font-size:2.25rem;line-height:2.5rem}@media (min-width:768px){h1{font-size:3rem;line-height:1}}@media (min-width:1024px){h1{font-size:3.75rem;line-height:1}}h2{font-size:1.875rem;line-height:2.25rem}@media (min-width:768px){h2{font-size:2.25rem;line-height:2.5rem}}@media (min-width:1024px){h2{font-size:3rem;line-height:1}}h3{font-size:1.5rem;line-height:2rem}@media (min-width:768px){h3{font-size:1.875rem;line-height:2.25rem}}@media (min-width:1024px){h3{font-size:2.25rem;line-height:2.5rem}}h4{font-size:1.25rem;line-height:1.75rem}@media (min-width:768px){h4{font-size:1.5rem;line-height:2rem}}@media (min-width:1024px){h4{font-size:1.875rem;line-height:2.25rem}}a{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}p{line-height:1.625;--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);text-decoration:underline;font-weight:500}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"\201C""\201D""\2018""\2019";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:900;color:inherit}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:800;color:inherit}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-top:2em;margin-bottom:2em}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px var(--tw-prose-kbd-shadows),0 3px 0 var(--tw-prose-kbd-shadows);font-size:.875em;border-radius:.3125rem;padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;padding-inline-start:.375em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding-top:.8571429em;padding-inline-end:1.1428571em;padding-bottom:.8571429em;padding-inline-start:1.1428571em}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){width:100%;table-layout:auto;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose{--tw-prose-body:#374151;--tw-prose-headings:#111827;--tw-prose-lead:#4b5563;--tw-prose-links:#111827;--tw-prose-bold:#111827;--tw-prose-counters:#6b7280;--tw-prose-bullets:#d1d5db;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#111827;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-kbd:#111827;--tw-prose-kbd-shadows:rgba(17,24,39,.1);--tw-prose-code:#111827;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb;--tw-prose-invert-body:#d1d5db;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#4b5563;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:hsla(0,0%,100%,.1);--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-pre-bg:rgba(0,0,0,.5);--tw-prose-invert-th-borders:#4b5563;--tw-prose-invert-td-borders:#374151;font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.5714286em;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.prose-lg{font-size:1.125rem;line-height:1.7777778}.prose-lg :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em}.prose-lg :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.2222222em;line-height:1.4545455;margin-top:1.0909091em;margin-bottom:1.0909091em}.prose-lg :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.6666667em;margin-bottom:1.6666667em;padding-inline-start:1em}.prose-lg :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:2.6666667em;margin-top:0;margin-bottom:.8333333em;line-height:1}.prose-lg :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.6666667em;margin-top:1.8666667em;margin-bottom:1.0666667em;line-height:1.3333333}.prose-lg :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.3333333em;margin-top:1.6666667em;margin-bottom:.6666667em;line-height:1.5}.prose-lg :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:.4444444em;line-height:1.5555556}.prose-lg :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.prose-lg :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.prose-lg :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-lg :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.prose-lg :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em;border-radius:.3125rem;padding-top:.2222222em;padding-inline-end:.4444444em;padding-bottom:.2222222em;padding-inline-start:.4444444em}.prose-lg :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em}.prose-lg :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8666667em}.prose-lg :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em}.prose-lg :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em;line-height:1.75;margin-top:2em;margin-bottom:2em;border-radius:.375rem;padding-top:1em;padding-inline-end:1.5em;padding-bottom:1em;padding-inline-start:1.5em}.prose-lg :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-inline-start:1.5555556em}.prose-lg :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-inline-start:1.5555556em}.prose-lg :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.6666667em;margin-bottom:.6666667em}.prose-lg :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.4444444em}.prose-lg :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.4444444em}.prose-lg :where(.prose-lg>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.8888889em;margin-bottom:.8888889em}.prose-lg :where(.prose-lg>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em}.prose-lg :where(.prose-lg>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.3333333em}.prose-lg :where(.prose-lg>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em}.prose-lg :where(.prose-lg>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.3333333em}.prose-lg :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.8888889em;margin-bottom:.8888889em}.prose-lg :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em}.prose-lg :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em}.prose-lg :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.6666667em;padding-inline-start:1.5555556em}.prose-lg :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:3.1111111em;margin-bottom:3.1111111em}.prose-lg :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-lg :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-lg :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-lg :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-lg :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em;line-height:1.5}.prose-lg :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:.75em;padding-bottom:.75em;padding-inline-start:.75em}.prose-lg :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose-lg :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose-lg :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.75em;padding-inline-end:.75em;padding-bottom:.75em;padding-inline-start:.75em}.prose-lg :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose-lg :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose-lg :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.prose-lg :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-lg :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em;line-height:1.5;margin-top:1em}.prose-lg :where(.prose-lg>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-lg :where(.prose-lg>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.prose-invert{--tw-prose-body:var(--tw-prose-invert-body);--tw-prose-headings:var(--tw-prose-invert-headings);--tw-prose-lead:var(--tw-prose-invert-lead);--tw-prose-links:var(--tw-prose-invert-links);--tw-prose-bold:var(--tw-prose-invert-bold);--tw-prose-counters:var(--tw-prose-invert-counters);--tw-prose-bullets:var(--tw-prose-invert-bullets);--tw-prose-hr:var(--tw-prose-invert-hr);--tw-prose-quotes:var(--tw-prose-invert-quotes);--tw-prose-quote-borders:var(--tw-prose-invert-quote-borders);--tw-prose-captions:var(--tw-prose-invert-captions);--tw-prose-kbd:var(--tw-prose-invert-kbd);--tw-prose-kbd-shadows:var(--tw-prose-invert-kbd-shadows);--tw-prose-code:var(--tw-prose-invert-code);--tw-prose-pre-code:var(--tw-prose-invert-pre-code);--tw-prose-pre-bg:var(--tw-prose-invert-pre-bg);--tw-prose-th-borders:var(--tw-prose-invert-th-borders);--tw-prose-td-borders:var(--tw-prose-invert-td-borders)}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;border-width:1px;border-color:transparent}.btn-primary{--tw-bg-opacity:1;background-color:rgb(255 38 186/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.btn-primary:hover{--tw-bg-opacity:1;background-color:rgb(224 31 163/var(--tw-bg-opacity,1))}.btn-primary{box-shadow:0 0 24px rgba(255,38,186,.15)}.btn-primary:hover{box-shadow:0 0 32px rgba(255,38,186,.25)}.btn-secondary{--tw-bg-opacity:1;background-color:rgb(20 15 23/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1));background-color:#140f17;border-color:rgba(255,38,186,.18);background-color:rgba(255,38,186,.08);box-shadow:0 0 20px rgba(255,38,186,.12)}.btn-secondary:hover{background-color:rgba(255,38,186,.12);box-shadow:0 0 28px rgba(255,38,186,.18)}.card{border-radius:.75rem;border-width:1px;background-color:#140f17;border-color:rgba(255,38,186,.12);box-shadow:0 0 24px rgba(255,38,186,.08)}.card,.card-elevated{padding:1.5rem}.card-elevated{border-radius:.75rem;border-width:1px;background-color:#1a1620;border-color:rgba(255,38,186,.15);box-shadow:0 0 32px rgba(255,38,186,.12)}.tag{display:inline-flex;align-items:center;border-radius:9999px;padding:.375rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;border-width:1px;border-color:rgba(255,38,186,.12);--tw-bg-opacity:1;background-color:rgb(20 15 23/var(--tw-bg-opacity,1));background-color:#140f17;background-color:rgba(255,38,186,.1);border-color:rgba(255,38,186,.15);box-shadow:0 0 16px rgba(255,38,186,.12);color:rgba(255,38,186,.9)}.surface{background-color:#140f17;border-color:rgba(255,38,186,.12)}.surface-elevated{background-color:#1a1620;border-color:rgba(255,38,186,.15)}input[type=email],input[type=password],input[type=search],input[type=text],select,textarea{border-radius:.5rem;border-width:1px;--tw-bg-opacity:1;background-color:rgb(20 15 23/var(--tw-bg-opacity,1));padding:.5rem 1rem;--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1));background-color:#140f17}input[type=email]:focus,input[type=password]:focus,input[type=search]:focus,input[type=text]:focus,select:focus,textarea:focus{--tw-border-opacity:1;border-color:rgb(255 38 186/var(--tw-border-opacity,1));outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(255 38 186/var(--tw-ring-opacity,1))}input[type=email],input[type=password],input[type=search],input[type=text],select,textarea{border-color:rgba(255,38,186,.12);box-shadow:0 0 16px rgba(255,38,186,.08)}input[type=email]:focus,input[type=password]:focus,input[type=search]:focus,input[type=text]:focus,select:focus,textarea:focus{border-color:rgba(255,38,186,.3);box-shadow:0 0 24px rgba(255,38,186,.15)}.nav-container{background:rgba(20,15,23,.95);backdrop-filter:blur(14px);border:1px solid rgba(255,38,186,.15);border-radius:12px;padding:.25rem .5rem;box-shadow:0 0 20px rgba(255,38,186,.12);filter:drop-shadow(-4px -4px 6px rgba(196,181,253,.2))}.nav-container a{padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;color:hsla(0,0%,100%,.8);text-decoration:none;display:inline-block;position:relative}.nav-container .current-menu-item>a,.nav-container .current_page_item>a,.nav-container a:hover{color:#ff26ba}.btn-signup{background:linear-gradient(135deg,rgba(255,38,186,.9),rgba(224,31,163,.9));box-shadow:0 0 24px rgba(255,38,186,.25);border-radius:8px;font-size:.875rem}.btn-signup:hover{background:linear-gradient(135deg,#ff26ba,#e01fa3);box-shadow:0 0 32px rgba(255,38,186,.35);transform:translateY(-1px)}.logo-circle{position:relative;background:#ff26ba;box-shadow:0 0 20px rgba(255,38,186,.3)}.logo-circle>div{position:absolute;right:-2px;top:50%;transform:translateY(-50%)}.site-branding .custom-logo,.site-branding img{max-width:150px;height:auto}.hero-section{min-height:70vh;display:flex;align-items:center;position:relative;overflow:visible}.hero-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,38,186,.05) 1px,transparent 0),linear-gradient(90deg,rgba(255,38,186,.05) 1px,transparent 0);background-size:40px 40px;pointer-events:none;z-index:1;opacity:1}.site-content{position:relative}.site-content:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,38,186,.05) 1px,transparent 0),linear-gradient(90deg,rgba(255,38,186,.05) 1px,transparent 0);background-size:40px 40px;pointer-events:none;z-index:0;opacity:.4}.btn-hero-primary{background:linear-gradient(135deg,#ff26ba,#e01fa3);box-shadow:0 0 40px rgba(255,38,186,.4),0 4px 20px rgba(255,38,186,.3),inset 0 1px 0 hsla(0,0%,100%,.2);text-shadow:0 2px 10px rgba(255,38,186,.5)}.btn-hero-primary:hover{box-shadow:0 0 60px rgba(255,38,186,.5),0 6px 30px rgba(255,38,186,.4),inset 0 1px 0 hsla(0,0%,100%,.3);transform:translateY(-2px);text-shadow:0 4px 20px rgba(255,38,186,.7)}.btn-hero-secondary{background:rgba(20,15,23,.8);border:1px solid rgba(255,38,186,.2);backdrop-filter:blur(10px);box-shadow:0 0 20px rgba(255,38,186,.15),inset 0 1px 0 hsla(0,0%,100%,.1)}.btn-hero-secondary:hover{background:rgba(20,15,23,.95);border-color:rgba(255,38,186,.3);box-shadow:0 0 30px rgba(255,38,186,.25),inset 0 1px 0 hsla(0,0%,100%,.15);transform:translateY(-2px);color:#ff26ba}.stat-card{background:rgba(20,15,23,.6);border:1px solid rgba(255,38,186,.1);border-radius:12px;padding:1.5rem;backdrop-filter:blur(10px);box-shadow:0 0 20px rgba(255,38,186,.08);transition:all .3s ease}.stat-card:hover{border-color:rgba(255,38,186,.2);box-shadow:0 0 30px rgba(255,38,186,.15);transform:translateY(-4px)}.hero-heading{text-shadow:0 0 40px rgba(255,38,186,.3),0 4px 20px rgba(0,0,0,.5),0 2px 10px rgba(255,38,186,.2)}.hero-heading-gradient,.section-heading-gradient{background:linear-gradient(135deg,#fff,#f8f8f8 20%,#fff 40%,#f5f5f5 50%,#fff 60%,#f8f8f8 80%,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:gradient-shift 3s ease infinite;text-shadow:0 0 40px rgba(255,38,186,.2),0 4px 20px rgba(0,0,0,.3),0 2px 10px rgba(255,38,186,.15)}.hero-heading-gradient .text-accent,.section-heading-gradient .innovation-glow,.section-heading-gradient .integrations-glow,.section-heading-gradient .supercharges-glow,.section-heading-gradient .text-accent{-webkit-text-fill-color:#ff26ba;background:none;text-shadow:0 0 40px rgba(255,38,186,.4),0 4px 20px rgba(0,0,0,.3),0 2px 10px rgba(255,38,186,.3)}.testimonials-header-glow{color:#ff26ba;text-shadow:0 0 40px rgba(255,38,186,.6),0 0 80px rgba(255,38,186,.4),0 4px 20px rgba(0,0,0,.3),0 2px 10px rgba(255,38,186,.5);animation:testimonials-glow-pulse 3s ease-in-out infinite}@keyframes testimonials-glow-pulse{0%,to{text-shadow:0 0 40px rgba(255,38,186,.6),0 0 80px rgba(255,38,186,.4),0 4px 20px rgba(0,0,0,.3),0 2px 10px rgba(255,38,186,.5)}50%{text-shadow:0 0 60px rgba(255,38,186,.8),0 0 100px rgba(255,38,186,.6),0 4px 20px rgba(0,0,0,.3),0 2px 10px rgba(255,38,186,.7)}}@media (max-width:767px){.hero-heading{font-size:40px!important;line-height:1.2!important}}.hero-heading .text-accent{text-shadow:0 0 60px rgba(255,38,186,.5),0 4px 20px rgba(255,38,186,.4),0 2px 10px rgba(255,38,186,.3)}.hero-screenshot-container{margin-top:4rem;width:100%}.hero-screenshot-wrapper{padding:.5rem;background-color:hsla(0,0%,100%,.01);border-radius:1rem;position:relative;box-shadow:inset -.5px .5px 1px 0 rgba(203,213,225,.12),inset 0 0 96px 0 rgba(221,214,254,.08),0 0 60px rgba(255,38,186,.2),0 0 120px rgba(255,38,186,.1);overflow:hidden}.hero-screenshot-glow,.hero-screenshot-wrapper{width:100%;border-top-left-radius:1rem;border-top-right-radius:1rem}.hero-screenshot-glow{position:absolute;top:0;left:-100%;height:3px;background:linear-gradient(90deg,transparent,rgba(255,38,186,.8) 50%,transparent);animation:glow-sweep 3s ease-in-out infinite;pointer-events:none;z-index:2;box-shadow:0 0 20px rgba(255,38,186,.6)}@keyframes glow-sweep{0%{left:-100%}50%{left:100%}to{left:-100%}}.hero-screenshot{width:100%;height:auto;border-radius:.75rem;display:block;position:relative;z-index:1;box-shadow:0 0 40px rgba(255,38,186,.15),0 20px 60px rgba(0,0,0,.3)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-on-scroll{transform:translateY(20px)}.fade-in-on-scroll,.fade-in-up-on-scroll{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out}.fade-in-up-on-scroll{transform:translateY(30px)}.fade-in-on-scroll.animate,.fade-in-up-on-scroll.animate{opacity:1;transform:translateY(0)}@supports not (animation:none){.fade-in-on-scroll,.fade-in-up-on-scroll{opacity:1;transform:translateY(0)}}}.bubbles-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;margin:3rem auto;max-width:1200px}@media (min-width:768px){.bubbles-grid{flex-wrap:nowrap;gap:1rem}}@media (min-width:1024px){.bubbles-grid{gap:1.5rem}}.bubble-container{display:flex;justify-content:center;align-items:center;perspective:1000px;perspective-origin:50%;min-height:120px}.bubble-3d{position:relative;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.3) 0,rgba(255,38,186,.15) 30%,rgba(255,38,186,.08) 50%,rgba(20,15,23,.4) 100%);border:1px solid hsla(0,0%,100%,.2);box-shadow:inset 0 0 30px hsla(0,0%,100%,.1),inset -10px -10px 20px rgba(0,0,0,.3),0 0 20px rgba(255,38,186,.3),0 0 40px rgba(255,38,186,.2),0 10px 30px rgba(0,0,0,.4);backdrop-filter:blur(10px);transform-style:preserve-3d;animation:bubble-float 6s ease-in-out infinite;overflow:hidden}.bubble-small .bubble-3d{width:70px;height:70px}.bubble-medium .bubble-3d{width:100px;height:100px}.bubble-large .bubble-3d{width:150px;height:150px}@media (min-width:768px){.bubble-small .bubble-3d{width:85px;height:85px}.bubble-medium .bubble-3d{width:120px;height:120px}.bubble-large .bubble-3d{width:170px;height:170px}}.bubble-highlight{position:absolute;top:20%;left:25%;width:40%;height:40%;border-radius:50%;background:radial-gradient(circle,hsla(0,0%,100%,.6) 0,hsla(0,0%,100%,.2) 40%,transparent 70%);pointer-events:none;z-index:2}.bubble-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:60%;display:flex;align-items:center;justify-content:center;z-index:1}.bubble-svg{width:100%;height:100%;filter:drop-shadow(0 0 10px rgba(255,38,186,.6)) drop-shadow(0 0 20px rgba(255,38,186,.4));transition:transform .3s ease}.bubble-container:hover .bubble-3d{animation-play-state:paused;box-shadow:inset 0 0 60px hsla(0,0%,100%,.15),inset -20px -20px 40px rgba(0,0,0,.3),0 0 60px rgba(255,38,186,.4),0 0 100px rgba(255,38,186,.3),0 30px 80px rgba(0,0,0,.5)}.bubble-container:hover .bubble-svg{transform:scale(1.1)}.cursor-glow{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(255,38,186,.3) 0,rgba(255,38,186,0) 70%);pointer-events:none;transform:translate(-50%,-50%);opacity:0;transition:opacity .3s ease;z-index:1;filter:blur(60px)}.discount-glow{color:#ff26ba;text-shadow:0 0 20px rgba(255,38,186,.8),0 0 40px rgba(255,38,186,.6),0 0 60px rgba(255,38,186,.4),0 4px 20px rgba(255,38,186,.5);animation:discount-pulse 2s ease-in-out infinite}@keyframes discount-pulse{0%,to{text-shadow:0 0 20px rgba(255,38,186,.8),0 0 40px rgba(255,38,186,.6),0 0 60px rgba(255,38,186,.4),0 4px 20px rgba(255,38,186,.5)}50%{text-shadow:0 0 30px #ff26ba,0 0 60px rgba(255,38,186,.8),0 0 90px rgba(255,38,186,.6),0 4px 20px rgba(255,38,186,.7)}}.pricing-card{transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2),0 0 20px rgba(255,38,186,.1),inset 0 1px 0 hsla(0,0%,100%,.05);backdrop-filter:blur(10px)}.pricing-card:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.4),0 4px 6px -2px rgba(0,0,0,.3),0 0 30px rgba(255,38,186,.2),inset 0 1px 0 hsla(0,0%,100%,.1);transform:translateY(-6px);border-color:rgba(255,38,186,.4)}.pricing-card-featured{box-shadow:0 8px 10px -2px rgba(0,0,0,.4),0 4px 6px -1px rgba(0,0,0,.3),0 0 40px rgba(255,38,186,.25),inset 0 1px 0 hsla(0,0%,100%,.1);z-index:10}.pricing-card-featured:hover{box-shadow:0 12px 20px -4px rgba(0,0,0,.5),0 6px 10px -2px rgba(0,0,0,.4),0 0 50px rgba(255,38,186,.35),inset 0 1px 0 hsla(0,0%,100%,.15);transform:translateY(-8px) scale(1.02);border-color:rgba(255,38,186,.7)}.pricing-discount-gradient{background:linear-gradient(135deg,#fff,#f8f8f8 20%,#fff 40%,#f5f5f5 50%,#fff 60%,#f8f8f8 80%,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:gradient-shift 3s ease infinite}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.pricing-concentric-circles{position:absolute;top:0;left:0;width:100%;height:100%;min-height:600px;pointer-events:none;z-index:1;overflow:visible}.pricing-circles-svg{width:100%;height:100%;min-height:600px;opacity:1}.pricing-card-concentric-top{position:absolute;top:0;left:0;width:100%;height:200px;pointer-events:none;z-index:2;overflow:hidden}.pricing-card-circles-svg{width:100%;height:100%;opacity:.5}.pricing-card-glow{position:absolute;top:0;left:50%;transform:translateX(-50%);width:200px;height:200px;border-radius:50%;pointer-events:none;z-index:1;filter:blur(60px);opacity:.6}.pricing-card-glow-pink{background:radial-gradient(circle,rgba(255,38,186,.8) 0,rgba(255,38,186,.4) 40%,transparent 70%);animation:pricing-glow-pulse-pink 3s ease-in-out infinite}.pricing-card-glow-white{background:radial-gradient(circle,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.2) 40%,transparent 70%);animation:pricing-glow-pulse-white 3s ease-in-out infinite}@keyframes pricing-glow-pulse-pink{0%,to{opacity:.6;transform:translateX(-50%) scale(1)}50%{opacity:.8;transform:translateX(-50%) scale(1.1)}}@keyframes pricing-glow-pulse-white{0%,to{opacity:.4;transform:translateX(-50%) scale(1)}50%{opacity:.6;transform:translateX(-50%) scale(1.1)}}.pricing-grid-glow:before{top:-10%;animation:pricing-grid-glow-pulse-top 4s ease-in-out infinite}.pricing-grid-glow:after,.pricing-grid-glow:before{content:"";position:absolute;left:50%;transform:translateX(-50%);width:100%;height:40%;background:radial-gradient(ellipse at center,rgba(255,38,186,.2) 0,rgba(255,38,186,.1) 30%,transparent 70%);pointer-events:none;z-index:0;filter:blur(50px)}.pricing-grid-glow:after{bottom:-10%;animation:pricing-grid-glow-pulse-bottom 4s ease-in-out infinite}@keyframes pricing-grid-glow-pulse-top{0%,to{opacity:.6;transform:translateX(-50%) scaleY(1)}50%{opacity:.8;transform:translateX(-50%) scaleY(1.1)}}@keyframes pricing-grid-glow-pulse-bottom{0%,to{opacity:.6;transform:translateX(-50%) scaleY(1)}50%{opacity:.8;transform:translateX(-50%) scaleY(1.1)}}.pricing-taper-border{position:relative;width:100%;height:1px;margin:.75rem 0 1.5rem;overflow:hidden}.pricing-taper-border:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:60%;height:1px;background:linear-gradient(90deg,transparent 0,hsla(0,0%,100%,.08) 20%,hsla(0,0%,100%,.12) 50%,hsla(0,0%,100%,.08) 80%,transparent)}.pricing-card-featured .pricing-taper-border:before{background:linear-gradient(90deg,transparent 0,rgba(255,38,186,.15) 20%,rgba(255,38,186,.2) 50%,rgba(255,38,186,.15) 80%,transparent)}.pricing-section-taper-border{position:absolute;bottom:0;left:0;width:100%;height:1px;overflow:hidden}.pricing-section-taper-border:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:60%;height:1px;background:linear-gradient(90deg,transparent 0,hsla(0,0%,100%,.08) 20%,hsla(0,0%,100%,.12) 50%,hsla(0,0%,100%,.08) 80%,transparent)}.pricing-tab{color:hsla(0,0%,100%,.6);background:transparent;border:none;cursor:pointer;transition:all .3s ease}.pricing-tab:hover{color:hsla(0,0%,100%,.9);background:hsla(0,0%,100%,.05)}.pricing-tab.active{color:#ff26ba;background:rgba(255,38,186,.15);box-shadow:0 0 20px rgba(255,38,186,.2),inset 0 1px 0 hsla(0,0%,100%,.1);font-weight:600}@media (max-width:768px){.pricing-card-featured{transform:scale(1)}}.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}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.-top-4{top:-1rem}.bottom-0{bottom:0}.bottom-20{bottom:5rem}.left-0{left:0}.left-1{left:.25rem}.left-10{left:2.5rem}.right-0{right:0}.right-10{right:2.5rem}.top-0{top:0}.top-20{top:5rem}.top-8{top:2rem}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.order-1{order:1}.order-2{order:2}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}.mt-0{margin-top:0}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-20{margin-top:5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-1{height:.25rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-32{height:8rem}.h-4{height:1rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-72{height:18rem}.h-8{height:2rem}.h-96{height:24rem}.h-auto{height:auto}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-1{width:.25rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-32{width:8rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-96{width:24rem}.w-\[350px\]{width:350px}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.-translate-x-1{--tw-translate-x:-0.25rem}.-translate-x-1,.-translate-x-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-x-1\/2{--tw-translate-x:-50%}.-translate-y-0{--tw-translate-y:-0px}.-translate-y-0,.-translate-y-1{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1{--tw-translate-y:-0.25rem}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.translate-x-1{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-1{--tw-translate-x:0.25rem}.translate-x-1\/2{--tw-translate-x:50%}.translate-x-1\/2,.translate-y-1{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-1{--tw-translate-y:0.25rem}.translate-y-1\/2{--tw-translate-y:50%}.scale-100,.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))}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05}.scale-105,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.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-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.25rem*var(--tw-space-x-reverse));margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem*var(--tw-space-x-reverse));margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)))}.space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1.5rem*var(--tw-space-x-reverse));margin-left:calc(1.5rem*(1 - var(--tw-space-x-reverse)))}.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))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.space-y-3\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.875rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.875rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem*var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-l-lg{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-r-lg{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l-0{border-left-width:0}.border-r-0{border-right-width:0}.border-t{border-top-width:1px}.border-accent{--tw-border-opacity:1;border-color:rgb(255 38 186/var(--tw-border-opacity,1))}.border-accent\/20{border-color:rgba(255,38,186,.2)}.border-accent\/30{border-color:rgba(255,38,186,.3)}.border-accent\/60{border-color:rgba(255,38,186,.6)}.border-dark-border{border-color:rgba(255,38,186,.12)}.border-dark-border\/50{border-color:rgba(255,38,186,.5)}.border-dark-borderStrong{border-color:rgba(255,38,186,.18)}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-gray-800{--tw-border-opacity:1;border-color:rgb(31 41 55/var(--tw-border-opacity,1))}.bg-accent{--tw-bg-opacity:1;background-color:rgb(255 38 186/var(--tw-bg-opacity,1))}.bg-accent\/10{background-color:rgba(255,38,186,.1)}.bg-accent\/20{background-color:rgba(255,38,186,.2)}.bg-accent\/5{background-color:rgba(255,38,186,.05)}.bg-dark-base{--tw-bg-opacity:1;background-color:rgb(15 10 17/var(--tw-bg-opacity,1))}.bg-dark-elevated{--tw-bg-opacity:1;background-color:rgb(26 22 32/var(--tw-bg-opacity,1))}.bg-dark-surface{--tw-bg-opacity:1;background-color:rgb(20 15 23/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-gray-600{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.bg-pink-600{--tw-bg-opacity:1;background-color:rgb(219 39 119/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-accent{--tw-gradient-from:#ff26ba var(--tw-gradient-from-position);--tw-gradient-to:rgba(255,38,186,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-accent\/20{--tw-gradient-from:rgba(255,38,186,.2) var(--tw-gradient-from-position);--tw-gradient-to:rgba(255,38,186,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-accent\/5{--tw-gradient-from:rgba(255,38,186,.05) var(--tw-gradient-from-position);--tw-gradient-to:rgba(255,38,186,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-dark-base{--tw-gradient-from:#0f0a11 var(--tw-gradient-from-position);--tw-gradient-to:rgba(15,10,17,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-dark-surface{--tw-gradient-from:#140f17 var(--tw-gradient-from-position);--tw-gradient-to:rgba(20,15,23,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-dark-elevated{--tw-gradient-to:rgba(26,22,32,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#1a1620 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-dark-surface{--tw-gradient-to:rgba(20,15,23,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#140f17 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)}.to-accent{--tw-gradient-to:#ff26ba var(--tw-gradient-to-position)}.to-accent-hover{--tw-gradient-to:#e01fa3 var(--tw-gradient-to-position)}.to-accent\/10{--tw-gradient-to:rgba(255,38,186,.1) var(--tw-gradient-to-position)}.to-accent\/5{--tw-gradient-to:rgba(255,38,186,.05) var(--tw-gradient-to-position)}.to-dark-base{--tw-gradient-to:#0f0a11 var(--tw-gradient-to-position)}.to-dark-surface{--tw-gradient-to:#140f17 var(--tw-gradient-to-position)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.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-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-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-20{padding-top:5rem;padding-bottom:5rem}.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-8{padding-top:2rem;padding-bottom:2rem}.pb-10{padding-bottom:2.5rem}.pb-12{padding-bottom:3rem}.pb-20{padding-bottom:5rem}.pb-36{padding-bottom:9rem}.pb-4{padding-bottom:1rem}.pr-4{padding-right:1rem}.pt-0{padding-top:0}.pt-12{padding-top:3rem}.pt-16{padding-top:4rem}.pt-2{padding-top:.5rem}.pt-20{padding-top:5rem}.pt-32{padding-top:8rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.font-sans{font-family:Noto Sans,system-ui,sans-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-6xl{font-size:3.75rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-\[1\.0\]{line-height:1}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-wider{letter-spacing:.05em}.text-accent{--tw-text-opacity:1;color:rgb(255 38 186/var(--tw-text-opacity,1))}.text-gray-100{--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity,1))}.text-gray-200{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-pink-500{--tw-text-opacity:1;color:rgb(236 72 153/var(--tw-text-opacity,1))}.text-pink-600{--tw-text-opacity:1;color:rgb(219 39 119/var(--tw-text-opacity,1))}.text-pink-700{--tw-text-opacity:1;color:rgb(190 24 93/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/30{color:hsla(0,0%,100%,.3)}.text-yellow-600{--tw-text-opacity:1;color:rgb(202 138 4/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.decoration-accent{text-decoration-color:#ff26ba}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.placeholder-gray-300::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(209 213 219/var(--tw-placeholder-opacity,1))}.placeholder-gray-300::placeholder{--tw-placeholder-opacity:1;color:rgb(209 213 219/var(--tw-placeholder-opacity,1))}.placeholder-gray-500::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(107 114 128/var(--tw-placeholder-opacity,1))}.placeholder-gray-500::placeholder{--tw-placeholder-opacity:1;color:rgb(107 114 128/var(--tw-placeholder-opacity,1))}.opacity-10{opacity:.1}.opacity-5{opacity:.05}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.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)}.shadow-lg,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px 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)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-accent{--tw-shadow-color:#ff26ba;--tw-shadow:var(--tw-shadow-colored)}.shadow-accent\/30{--tw-shadow-color:rgba(255,38,186,.3);--tw-shadow:var(--tw-shadow-colored)}.outline{outline-style:solid}.ring-accent{--tw-ring-opacity:1;--tw-ring-color:rgb(255 38 186/var(--tw-ring-opacity,1))}.blur{--tw-blur:blur(8px)}.blur,.blur-3xl{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-3xl{--tw-blur:blur(64px)}.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,.grayscale{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)}.grayscale{--tw-grayscale:grayscale(100%)}.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-sm{--tw-backdrop-blur:blur(4px)}.backdrop-blur-sm,.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-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-shadow{transition-property:box-shadow;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}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.text-accent{color:#ff26ba}.bg-dark-base{background-color:#0f0a11}.bg-dark-surface{background-color:#140f17}.bg-dark-elevated{background-color:#1a1620}.border-accent-soft{border-color:rgba(255,38,186,.12)}.border-accent-medium{border-color:rgba(255,38,186,.18)}.glow-accent{box-shadow:0 0 24px rgba(255,38,186,.15)}.glow-accent-strong{box-shadow:0 0 40px rgba(255,38,186,.28)}.glow-accent-soft{box-shadow:0 0 20px rgba(255,38,186,.12)}.bento-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2.5rem;max-width:100%}@media (min-width:768px){.bento-grid{grid-template-columns:repeat(4,1fr)}}.bento-grid-item{display:flex;flex-direction:column;background:linear-gradient(135deg,rgba(255,38,186,.05),rgba(20,15,23,.8));border:1px solid rgba(255,38,186,.12);border-radius:1rem;padding:0;overflow:hidden;transition:all .3s ease}.bento-globe-background{background-size:65%!important;background-repeat:no-repeat!important;background-position:100% 100%!important;position:relative}.bento-globe-background:after{content:"";position:absolute;right:0;bottom:0;width:60%;height:60%;background:radial-gradient(circle,rgba(255,38,186,.3) 0,rgba(255,38,186,.1) 40%,transparent 70%);pointer-events:none;z-index:0}.bento-reverse-layout{flex-direction:row}.bento-reverse-layout .bento-grid-content{flex:1;order:1}.bento-reverse-layout .bento-grid-header{flex:1;order:2}.bento-grid-item{position:relative}.bento-grid-item:hover{border-color:rgba(255,38,186,.3);box-shadow:0 0 30px rgba(255,38,186,.15);transform:translateY(-2px)}.bento-grid-header{flex:1;min-height:14rem;max-height:14rem;margin-bottom:1rem;position:relative;overflow:visible}.bento-grid-content{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem 1.5rem 1.75rem;flex:1;min-height:0}.bento-icon{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;margin-bottom:.25rem}.bento-title{font-size:1.5rem;font-weight:700;color:#f3f4f6;margin:0;line-height:1.4}.bento-description{font-size:.9375rem;color:#9ca3af;margin:0;line-height:1.6;flex:1;min-height:0}.bento-learn-more{display:inline-flex;align-items:center;font-size:.875rem;font-weight:500;color:#ff26ba;text-decoration:none;margin-top:auto;padding-top:.75rem;transition:all .2s ease}.bento-learn-more:hover{color:#e022a6;transform:translateX(4px)}.bento-learn-more:after{content:"→";margin-left:.25rem;transition:transform .2s ease}.bento-learn-more:hover:after{transform:translateX(2px)}.innovation-glow{text-shadow:0 0 40px rgba(255,38,186,.4),0 4px 20px rgba(255,38,186,.3),0 0 60px rgba(255,38,186,.2)}.integrations-glow,.supercharges-glow{text-shadow:0 0 60px rgba(255,38,186,.5),0 4px 20px rgba(255,38,186,.4),0 2px 10px rgba(255,38,186,.3)}.bento-gutenberg-wireframe{display:flex;width:100%;height:100%;border-radius:.75rem;overflow:hidden;position:relative;background:linear-gradient(135deg,#0f0a11,#140f17);padding:1rem}.gutenberg-icons-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(3,1fr);gap:.75rem;width:100%;height:100%;padding:1rem}.gutenberg-icons-grid>:nth-child(5),.gutenberg-icons-grid>:nth-child(6),.gutenberg-icons-grid>:nth-child(7),.gutenberg-icons-grid>:nth-child(8){grid-column:span 1}.gutenberg-icons-grid>:nth-child(5){grid-column:1}.gutenberg-icons-grid>:nth-child(6){grid-column:2}.gutenberg-icons-grid>:nth-child(7){grid-column:3}.gutenberg-icons-grid>:nth-child(8){grid-column:4}.gutenberg-icon-block{display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,38,186,.15);border-radius:.5rem;background:linear-gradient(135deg,rgba(255,38,186,.1),rgba(255,38,186,.05));box-shadow:0 0 20px rgba(255,38,186,.2),inset 0 0 20px rgba(255,38,186,.1);color:#ff26ba;transition:all .3s ease}.gutenberg-icon-block svg{width:1.5rem;height:1.5rem}.gutenberg-icon-block.blink-1{animation:blink-random 2s ease-in-out infinite;animation-delay:0s}.gutenberg-icon-block.blink-2{animation:blink-random 2.3s ease-in-out infinite;animation-delay:.2s}.gutenberg-icon-block.blink-3{animation:blink-random 1.8s ease-in-out infinite;animation-delay:.4s}.gutenberg-icon-block.blink-4{animation:blink-random 2.5s ease-in-out infinite;animation-delay:.1s}.gutenberg-icon-block.blink-5{animation:blink-random 2.1s ease-in-out infinite;animation-delay:.5s}.gutenberg-icon-block.blink-6{animation:blink-random 1.9s ease-in-out infinite;animation-delay:.3s}.gutenberg-icon-block.blink-7{animation:blink-random 2.4s ease-in-out infinite;animation-delay:.6s}.gutenberg-icon-block.blink-8{animation:blink-random 2.2s ease-in-out infinite;animation-delay:.15s}.gutenberg-icon-block.blink-9{animation:blink-random 1.7s ease-in-out infinite;animation-delay:.45s}.gutenberg-icon-block.blink-10{animation:blink-random 2.6s ease-in-out infinite;animation-delay:.25s}.gutenberg-icon-block.blink-11{animation:blink-random 2s ease-in-out infinite;animation-delay:.35s}.gutenberg-icon-block.blink-12{animation:blink-random 2.3s ease-in-out infinite;animation-delay:.55s}.gutenberg-icon-block.blink-13{animation:blink-random 2.1s ease-in-out infinite;animation-delay:.65s}@keyframes blink-random{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.95)}}.bento-search-wireframe{overflow:hidden;position:relative;background:linear-gradient(135deg,#0f0a11,#140f17);align-items:center;justify-content:center}.bento-search-wireframe,.search-overlay{display:flex;width:100%;height:100%;border-radius:.75rem}.search-overlay{background:rgba(26,22,32,.95);padding:1.5rem;box-shadow:0 0 40px rgba(255,38,186,.15);flex-direction:column}.search-header{margin-bottom:1.5rem}.search-input-container{display:flex;align-items:center;gap:.75rem;background:rgba(15,10,17,.8);border:1px solid rgba(255,38,186,.2);border-radius:.5rem;padding:.75rem 1rem;margin-bottom:.75rem}.search-icon{width:1.25rem;height:1.25rem;color:rgba(255,38,186,.6);flex-shrink:0}.search-input-text{flex:1;display:flex;align-items:center;gap:.25rem;color:#f3f4f6;font-size:.875rem}.typing-text{color:rgba(243,244,246,.6)}.typing-cursor{color:#ff26ba;animation:blink-cursor 1s ease-in-out infinite;font-weight:300}@keyframes blink-cursor{0%,50%{opacity:1}51%,to{opacity:0}}.search-close-hint{font-size:.75rem;color:rgba(156,163,175,.6);flex-shrink:0}.search-navigation-hint{font-size:.75rem;color:rgba(156,163,175,.5);text-align:center}.search-results{display:flex;flex-direction:column;flex:1;justify-content:center}.search-result-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:rgba(255,38,186,.05);border:1px solid rgba(255,38,186,.15);border-radius:.5rem;transition:opacity .3s ease;opacity:1}.search-result-item.fade-out{opacity:0}.search-result-item.fade-in{opacity:1;animation:fade-in-result .3s ease-in}@keyframes fade-in-result{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.result-title-wireframe{width:70%;height:14px;border-radius:4px;background:hsla(0,0%,100%,.15);margin-bottom:.5rem}.result-path-wireframe{width:50%;height:10px;border-radius:4px;background:hsla(0,0%,100%,.1)}.features-section-top-border{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,rgba(255,38,186,0) 0,rgba(255,38,186,.3) 20%,rgba(255,38,186,.6) 40%,rgba(255,38,186,.8) 50%,rgba(255,38,186,.6) 60%,rgba(255,38,186,.3) 80%,rgba(255,38,186,0));box-shadow:0 0 20px rgba(255,38,186,.5),0 0 40px rgba(255,38,186,.3),0 0 60px rgba(255,38,186,.1)}.features-section-bottom-border,.section-bottom-taper-border{bottom:0}.ai-section-top-border,.features-section-bottom-border,.section-bottom-taper-border{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,rgba(255,38,186,0) 0,rgba(255,38,186,.3) 20%,rgba(255,38,186,.6) 40%,rgba(255,38,186,.8) 50%,rgba(255,38,186,.6) 60%,rgba(255,38,186,.3) 80%,rgba(255,38,186,0));box-shadow:0 0 20px rgba(255,38,186,.5),0 0 40px rgba(255,38,186,.3),0 0 60px rgba(255,38,186,.1)}.ai-section-top-border{top:0}.ai-section-bottom-border{bottom:0}.ai-section-bottom-border,.integrations-section-top-border{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,rgba(255,38,186,0) 0,rgba(255,38,186,.3) 20%,rgba(255,38,186,.6) 40%,rgba(255,38,186,.8) 50%,rgba(255,38,186,.6) 60%,rgba(255,38,186,.3) 80%,rgba(255,38,186,0));box-shadow:0 0 20px rgba(255,38,186,.5),0 0 40px rgba(255,38,186,.3),0 0 60px rgba(255,38,186,.1)}.integrations-section-top-border{top:0}.integrations-section-bottom-border{position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,rgba(255,38,186,0) 0,rgba(255,38,186,.3) 20%,rgba(255,38,186,.6) 40%,rgba(255,38,186,.8) 50%,rgba(255,38,186,.6) 60%,rgba(255,38,186,.3) 80%,rgba(255,38,186,0));box-shadow:0 0 20px rgba(255,38,186,.5),0 0 40px rgba(255,38,186,.3),0 0 60px rgba(255,38,186,.1)}.spotlight-integrations{position:absolute;top:-10%;left:50%;transform:translateX(-50%);width:100%;height:60%;background:radial-gradient(ellipse 80% 50% at 50% 0,hsla(0,0%,100%,.25) 0,hsla(0,0%,100%,.15) 20%,hsla(0,0%,100%,.08) 40%,hsla(0,0%,100%,.03) 60%,transparent 80%);pointer-events:none;z-index:1;filter:blur(40px)}.integrations-grid-background{position:absolute;inset:0;z-index:0;pointer-events:none;background-size:40px 40px;background-image:linear-gradient(90deg,hsla(0,0%,100%,.05) 1px,transparent 0),linear-gradient(180deg,hsla(0,0%,100%,.05) 1px,transparent 0);opacity:.6}.integrations-header{position:relative;z-index:2;background:linear-gradient(180deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.6));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.integrations-header .text-accent{-webkit-text-fill-color:#ff26ba;background:none}.ai-feature-card{position:relative}.ai-feature-card-inner{display:flex;flex-direction:column;background:linear-gradient(135deg,rgba(255,38,186,.03),rgba(20,15,23,.95));border:1px solid rgba(255,38,186,.15);border-radius:1.5rem;padding:2rem;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}@media (min-width:768px){.ai-feature-card-inner{flex-direction:row;align-items:center;padding:3rem 2.5rem;gap:3rem}.ai-feature-card-reverse{flex-direction:row-reverse}}.ai-feature-card-inner:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 0,rgba(255,38,186,.08) 0,transparent 70%);opacity:0;transition:opacity .4s ease;pointer-events:none}.ai-feature-card-inner:hover{border-color:rgba(255,38,186,.3);box-shadow:0 10px 40px rgba(255,38,186,.1),0 0 0 1px rgba(255,38,186,.1);transform:translateY(-4px)}.ai-feature-card-inner:hover:before{opacity:1}.ai-feature-card-content{flex:1;width:100%;position:relative;z-index:1;order:2}@media (min-width:768px){.ai-feature-card-content{width:50%;order:1}}.ai-feature-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(255,38,186,.1);border:1px solid rgba(255,38,186,.2);border-radius:9999px;margin-bottom:1.5rem}.ai-feature-badge-dot{width:.5rem;height:.5rem;background:#ff26ba;border-radius:50%;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.ai-feature-badge-text{font-size:.875rem;font-weight:500;color:hsla(0,0%,100%,.9)}.ai-feature-title{font-size:1.875rem;line-height:1.2;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#fff 40%,#f8f8f8 50%,#fff 60%,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:gradient-shift 3s ease infinite}@media (min-width:768px){.ai-feature-title{font-size:2.25rem}}@media (min-width:1024px){.ai-feature-title{font-size:3rem}}.ai-feature-description{font-size:1rem;line-height:1.6;color:hsla(0,0%,100%,.6);margin-bottom:1.5rem}@media (min-width:768px){.ai-feature-description{font-size:1.125rem;margin-bottom:2rem}}.ai-feature-bullets-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:2rem}@media (min-width:640px){.ai-feature-bullets-grid{gap:1rem}}.ai-feature-bullet-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:hsla(0,0%,100%,.8)}.ai-bullet-icon{width:1rem;height:1rem;color:#ff26ba;flex-shrink:0}.ai-feature-cta{display:inline-block;padding:.75rem 1.5rem;background:#ff26ba;color:#fff;font-weight:600;font-size:.875rem;border-radius:.5rem;transition:all .3s ease;box-shadow:0 4px 15px rgba(255,38,186,.3)}.ai-feature-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,38,186,.4);background:#ff3bc4}.ai-feature-visual{flex:1;width:100%;position:relative;z-index:1;order:1;margin-bottom:2rem}@media (min-width:768px){.ai-feature-visual{width:50%;margin-bottom:0}}.chat-ui-wireframe{width:100%;min-height:350px;height:100%;position:relative;background:rgba(15,10,17,.95);border:1px solid rgba(255,38,186,.15);border-radius:1rem;padding:1rem;display:flex;flex-direction:column;gap:0;box-shadow:0 4px 20px rgba(0,0,0,.3);overflow:hidden}@media (min-width:768px){.chat-ui-wireframe{min-height:400px;padding:1.5rem}}.chat-header-wireframe{display:flex;align-items:center;gap:.75rem;padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid rgba(255,38,186,.12);flex-shrink:0}.chat-header-avatar-wireframe{width:2.5rem;height:2.5rem;background:rgba(255,38,186,.2);border-radius:50%;flex-shrink:0;animation:shimmer 2s ease-in-out infinite}.chat-header-info-wireframe{flex:1;display:flex;flex-direction:column;gap:.5rem}.chat-header-title-wireframe{width:8rem;height:1rem;background:hsla(0,0%,100%,.15);border-radius:.25rem;animation:shimmer 2s ease-in-out infinite;animation-delay:.2s}.chat-header-subtitle-wireframe{width:5rem;height:.75rem;background:hsla(0,0%,100%,.1);border-radius:.25rem;animation:shimmer 2s ease-in-out infinite;animation-delay:.3s}.chat-header-actions-wireframe{display:flex;gap:.5rem}.chat-header-action-wireframe{width:1.5rem;height:1.5rem;background:hsla(0,0%,100%,.08);border-radius:.375rem;animation:shimmer 2s ease-in-out infinite;animation-delay:.4s}.chat-messages-wireframe{flex:1;display:flex;flex-direction:column;gap:1.25rem;overflow-y:auto;padding:.5rem 0;min-height:0;margin-bottom:1rem}.chat-message-wireframe{display:flex;gap:.75rem;width:100%;align-items:flex-start}.chat-message-assistant{justify-content:flex-start}.chat-message-user{justify-content:flex-end}.chat-message-avatar-wireframe{width:2.5rem;height:2.5rem;background:rgba(255,38,186,.2);border-radius:50%;flex-shrink:0}.chat-message-content-wireframe{display:flex;flex-direction:column;max-width:85%;min-width:60%;flex-shrink:0}.chat-message-user .chat-message-content-wireframe{align-items:flex-end}.chat-typing-indicator{display:flex;align-items:center;gap:.375rem;padding:1rem 1.25rem;background:rgba(255,38,186,.08);border:1px solid rgba(255,38,186,.12);border-radius:1rem;width:-moz-fit-content;width:fit-content}.chat-typing-dot{width:.5rem;height:.5rem;background:rgba(255,38,186,.6);border-radius:50%;animation:typing-dot 1.4s ease-in-out infinite}.chat-typing-dot:nth-child(2){animation-delay:.2s}.chat-typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing-dot{0%,60%,to{transform:translateY(0);opacity:.7}30%{transform:translateY(-.5rem);opacity:1}}.chat-message-bubble-wireframe{padding:.875rem 1.25rem;background:rgba(255,38,186,.08);border:1px solid rgba(255,38,186,.12);border-radius:.75rem;min-height:auto;display:flex;flex-direction:column;gap:.5rem;width:100%}.chat-message-user-bubble{background:rgba(255,38,186,.15);border-color:rgba(255,38,186,.2);align-self:flex-end}@media (min-width:768px){.chat-message-bubble-wireframe{padding:1rem 1.5rem;border-radius:1rem;min-height:auto}.chat-message-content-wireframe{max-width:90%;min-width:70%}}.chat-message-bubble-wireframe.long,.chat-message-bubble-wireframe.medium{min-height:auto}.chat-message-bubble-wireframe.user{background:rgba(255,38,186,.15);border-color:rgba(255,38,186,.2)}.chat-message-bubble-wireframe.short{width:60%}.chat-bubble-line{height:.5rem;background:hsla(0,0%,100%,.12);border-radius:.25rem;width:100%;animation:shimmer 2s ease-in-out infinite}.chat-message-user-bubble .chat-bubble-line{background:rgba(255,38,186,.25)}.chat-bubble-line.short{width:70%}.chat-message-user-bubble .chat-bubble-line.short{margin-left:auto}@media (min-width:768px){.chat-bubble-line{height:.875rem}}.chat-message-visible{animation:fadeInUp .4s ease-out}.chat-input-wireframe{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:rgba(255,38,186,.05);border:1px solid rgba(255,38,186,.12);border-radius:.75rem;animation:shimmer 2s ease-in-out infinite;animation-delay:.8s;flex-shrink:0}.chat-input-attach-wireframe{width:1.5rem;height:1.5rem;background:hsla(0,0%,100%,.1);border-radius:.375rem;flex-shrink:0;animation:shimmer 2s ease-in-out infinite;animation-delay:.9s}.chat-input-field-wireframe{flex:1;height:1.25rem;background:hsla(0,0%,100%,.1);border-radius:.5rem;animation:shimmer 2s ease-in-out infinite;animation-delay:1s}.chat-input-send-wireframe{width:1.75rem;height:1.75rem;background:rgba(255,38,186,.3);border-radius:50%;flex-shrink:0;animation:shimmer 2s ease-in-out infinite;animation-delay:1.1s}.ai-feature-bullets{display:flex;flex-wrap:wrap;gap:1rem}.ai-feature-bullet{display:flex;align-items:center;gap:.5rem}.ai-bullet-dot{width:.375rem;height:.375rem;background:rgba(255,38,186,.6);border-radius:50%;flex-shrink:0;box-shadow:0 0 8px rgba(255,38,186,.4)}@media (max-width:767px){.ai-feature-container{padding:1.5rem}.ai-feature-content{text-align:center}}.bento-code-wireframe{min-height:14rem;border-radius:.75rem;overflow:hidden;background:linear-gradient(135deg,rgba(15,10,17,.95),rgba(20,15,23,.95));border:1px solid rgba(255,38,186,.12);box-shadow:0 0 20px rgba(255,38,186,.05)}.bento-code-wireframe,.code-block-wrapper{display:flex;flex-direction:column;width:100%;height:100%;position:relative}.code-block-header-wireframe{display:flex;justify-content:space-between;align-items:center;padding:.625rem 1rem;background:rgba(20,15,23,.6);border-bottom:1px solid rgba(255,38,186,.1);backdrop-filter:blur(8px)}.code-block-header-left{display:flex;gap:.375rem;align-items:center}.code-block-dot{width:.375rem;height:.375rem;border-radius:50%;background:hsla(0,0%,100%,.2);animation:dot-pulse 2s ease-in-out infinite}.code-block-dot:first-child{animation-delay:0s}.code-block-dot:nth-child(2){animation-delay:.2s}.code-block-dot:nth-child(3){animation-delay:.4s}.code-block-header-right{display:flex;align-items:center}.code-block-lang-badge{padding:.25rem .625rem;border-radius:.25rem;background:rgba(255,38,186,.15);border:1px solid rgba(255,38,186,.2);font-size:.625rem;color:rgba(255,38,186,.8);font-weight:500;text-transform:uppercase;letter-spacing:.05em;animation:badge-glow 3s ease-in-out infinite}@keyframes badge-glow{0%,to{box-shadow:0 0 8px rgba(255,38,186,.1)}50%{box-shadow:0 0 12px rgba(255,38,186,.2)}}.code-block-body-wireframe{display:flex;flex:1;overflow:hidden;position:relative}.code-block-content-wireframe{flex:1;padding:1.25rem;overflow-x:auto;overflow-y:hidden;position:relative;display:flex;flex-direction:column;justify-content:center;gap:.5rem}.code-line-wireframe{display:flex;align-items:center;gap:.5rem;min-height:1.25rem;white-space:nowrap;opacity:0;transform:translateX(-10px);animation:fade-in-slide .6s ease-out forwards}.code-line-wireframe.code-indent{padding-left:1.5rem}@keyframes fade-in-slide{to{opacity:1;transform:translateX(0)}}.code-token-minimal{height:.75rem;border-radius:.125rem;background:hsla(0,0%,100%,.08);display:inline-block;animation:token-shimmer 2s ease-in-out infinite}.code-token-minimal.token-1{width:2rem;background:rgba(255,38,186,.3);animation-delay:0s}.code-token-minimal.token-2{width:3rem;background:rgba(147,197,253,.25);animation-delay:.1s}.code-token-minimal.token-3{width:4rem;background:rgba(196,181,253,.25);animation-delay:.2s}.code-token-minimal.token-4{width:.5rem;background:hsla(0,0%,100%,.15);animation-delay:.3s}.code-token-minimal.token-5{width:2rem;background:rgba(252,211,77,.25);animation-delay:.4s}.code-token-minimal.token-6{width:.375rem;background:hsla(0,0%,100%,.15);animation-delay:.5s}.code-token-minimal.token-7{width:2.5rem;background:rgba(134,239,172,.25);animation-delay:.6s}.code-token-minimal.token-8{width:2.25rem;background:rgba(255,38,186,.3);animation-delay:.7s}@keyframes token-shimmer{0%,to{opacity:.6}50%{opacity:1}}.code-line-wireframe.typing-code-line{display:flex;align-items:center;gap:.25rem}.code-typing-text{color:hsla(0,0%,100%,.6);font-family:Fira Code,Consolas,Monaco,Courier New,monospace;font-size:.75rem;line-height:1.5;letter-spacing:.02em}.code-typing-cursor{color:rgba(255,38,186,.9);animation:code-blink 1s infinite;font-weight:700;font-size:.875rem}@keyframes code-blink{0%,50%{opacity:1}51%,to{opacity:0}}.bento-globe-wrapper{flex:1}.bento-globe-wrapper,.half-globe{position:relative;display:flex;align-items:center;justify-content:center;overflow:visible;width:100%;height:100%}.half-globe{z-index:1}.globe-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:drop-shadow(0 0 20px rgba(255,38,186,.3));animation:globe-pulse 2.5s ease-in-out infinite}@keyframes globe-pulse{0%,to{opacity:.5;filter:drop-shadow(0 0 20px rgba(255,38,186,.3)) brightness(.9)}50%{opacity:1;filter:drop-shadow(0 0 40px rgba(255,38,186,.6)) brightness(1.1)}}.bento-changelog-wireframe,.bento-filetree-wireframe{display:flex;flex-direction:column;width:100%;height:100%;padding:1.25rem;background:linear-gradient(135deg,rgba(15,10,17,.8),rgba(20,15,23,.8));border-radius:.75rem;overflow:hidden}.filetree-header{margin-bottom:1rem;flex-shrink:0}.filetree-title-line{width:60%;height:1.25rem;background:hsla(0,0%,100%,.15);border-radius:.25rem;animation:shimmer 2s ease-in-out infinite}.filetree-content{flex:1;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto}.filetree-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:.375rem;transition:all .2s ease;cursor:pointer}.filetree-item:hover{background:rgba(255,38,186,.08)}.filetree-item-nested{padding-left:2rem}.filetree-icon{width:1rem;height:1rem;background:hsla(0,0%,100%,.2);border-radius:.125rem;flex-shrink:0;animation:shimmer 2s ease-in-out infinite}.filetree-folder .filetree-icon{background:rgba(255,38,186,.3);border-radius:.25rem}.filetree-expanded .filetree-icon{background:rgba(255,38,186,.5)}.filetree-name{flex:1;height:.875rem;background:hsla(0,0%,100%,.12);border-radius:.25rem;animation:shimmer 2s ease-in-out infinite;animation-delay:.1s}.filetree-name.short{width:50%}.filetree-badge{width:2.5rem;height:1rem;border-radius:.5rem;flex-shrink:0;animation:shimmer 2s ease-in-out infinite;animation-delay:.2s}.filetree-badge-new{background:rgba(16,185,129,.2);border:1px solid rgba(16,185,129,.4)}.filetree-badge-tweaked{background:rgba(245,158,11,.2);border:1px solid rgba(245,158,11,.4)}.filetree-badge-fixed{background:rgba(239,68,68,.2);border:1px solid rgba(239,68,68,.4)}.changelog-header{margin-bottom:1.5rem;flex-shrink:0}.changelog-title-line{width:60%;height:1.5rem;background:hsla(0,0%,100%,.15);margin-bottom:.5rem}.changelog-subtitle-line,.changelog-title-line{border-radius:.25rem;animation:shimmer 2s ease-in-out infinite}.changelog-subtitle-line{width:40%;height:1rem;background:hsla(0,0%,100%,.1);animation-delay:.2s}@keyframes shimmer{0%,to{opacity:.6}50%{opacity:1}}.changelog-entries-wrapper{flex:1;overflow:hidden;position:relative;mask-image:linear-gradient(180deg,transparent 0,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 10%,#000 90%,transparent)}.changelog-timeline{position:relative;margin-left:20px}.changelog-timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:rgba(255,38,186,.2);z-index:1}.changelog-entries{display:flex;flex-direction:column;animation:scroll-changelog 10s linear infinite;position:relative}@keyframes scroll-changelog{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.changelog-entry{position:relative;padding-left:2.5rem;padding-bottom:3rem;flex-shrink:0}.changelog-entry:last-child{padding-bottom:0}.changelog-entry:before{content:"";position:absolute;left:-.5rem;top:.375rem;width:.75rem;height:.75rem;background:rgba(255,38,186,.8);border-radius:50%;border:3px solid rgba(20,15,23,.95);box-sizing:content-box;z-index:2;animation:dot-pulse 2s ease-in-out infinite}@keyframes dot-pulse{0%,to{transform:scale(1);opacity:.8;box-shadow:0 0 8px rgba(255,38,186,.4)}50%{transform:scale(1.2);opacity:1;box-shadow:0 0 16px rgba(255,38,186,.8)}}.changelog-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.changelog-version{width:4.5rem;height:1.5rem;background:hsla(0,0%,100%,.2);border-radius:.25rem}.changelog-date-badge,.changelog-version{animation:shimmer 2s ease-in-out infinite}.changelog-date-badge{width:5.5rem;height:1.25rem;background:hsla(0,0%,100%,.08);border:1px solid rgba(255,38,186,.12);border-radius:1.25rem;animation-delay:.2s}.changelog-items{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.changelog-item-card{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:rgba(255,38,186,.05);border:1px solid rgba(255,38,186,.12);border-radius:.5rem;transition:all .2s}.changelog-item-card:hover{border-color:rgba(255,38,186,.3)}.changelog-badge-wireframe{flex-shrink:0;width:3.5rem;height:1.25rem;border-radius:1.25rem;animation:shimmer 2s ease-in-out infinite}.changelog-badge-wireframe.changelog-badge-new{background:rgba(16,185,129,.15);border:1px solid rgba(16,185,129,.3)}.changelog-badge-wireframe.changelog-badge-tweaked{background:rgba(245,158,11,.15);border:1px solid rgba(245,158,11,.3)}.changelog-badge-wireframe.changelog-badge-fixed{background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.3)}.changelog-item-text{flex:1;height:.875rem;background:hsla(0,0%,100%,.1);border-radius:.25rem;animation:shimmer 2s ease-in-out infinite;animation-delay:.3s}.changelog-item-text.short{width:70%}.toc-wireframe{display:flex;flex-direction:column;width:100%;height:100%;padding:1.25rem;background:linear-gradient(135deg,rgba(15,10,17,.8),rgba(20,15,23,.8));border-radius:.75rem;position:relative;overflow:hidden}.toc-header{margin-bottom:1rem;flex-shrink:0}.toc-title-line{width:70%;height:1.25rem;background:hsla(0,0%,100%,.15);border-radius:.25rem;animation:shimmer 2s ease-in-out infinite}.toc-content{flex:1;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;animation:toc-scroll 8s linear infinite}@keyframes toc-scroll{0%{transform:translateY(0)}50%{transform:translateY(-30%)}to{transform:translateY(0)}}.toc-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:.375rem;transition:all .2s ease}.toc-item-nested{padding-left:1.5rem}.toc-item-active{background:rgba(255,38,186,.15);border-left:3px solid rgba(255,38,186,.6)}.toc-item-indent{width:.25rem;height:.25rem;background:hsla(0,0%,100%,.3);border-radius:50%;flex-shrink:0}.toc-item-active .toc-item-indent{background:rgba(255,38,186,.8);box-shadow:0 0 8px rgba(255,38,186,.5)}.toc-item-text{flex:1;height:.75rem;background:hsla(0,0%,100%,.12);border-radius:.25rem;animation:shimmer 2s ease-in-out infinite}.toc-item-text.short{width:60%}.toc-item-active .toc-item-text{background:hsla(0,0%,100%,.2)}.toc-scroll-indicator{position:absolute;bottom:.75rem;right:.75rem;display:flex;gap:.25rem}.toc-scroll-dot{width:.375rem;height:.375rem;background:rgba(255,38,186,.4);border-radius:50%;animation:dot-bounce 1.5s ease-in-out infinite}.toc-scroll-dot:nth-child(2){animation-delay:.2s}.toc-scroll-dot:nth-child(3){animation-delay:.4s}@keyframes dot-bounce{0%,to{transform:translateY(0);opacity:.4}50%{transform:translateY(-.25rem);opacity:1}}.feedback-wireframe{display:flex;flex-direction:column;width:100%;height:100%;padding:1.25rem;background:linear-gradient(135deg,rgba(15,10,17,.8),rgba(20,15,23,.8));border-radius:.75rem;align-items:center;justify-content:center}.feedback-buttons-container{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:200px}.feedback-thumbs-down,.feedback-thumbs-up{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.25rem;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;width:100%}.feedback-thumb-icon{width:1.5rem;height:1.5rem;color:hsla(0,0%,100%,.5);flex-shrink:0;animation:shimmer 2s ease-in-out infinite}.feedback-thumbs-up .feedback-thumb-icon{color:rgba(16,185,129,.6)}.feedback-thumbs-down .feedback-thumb-icon{color:rgba(239,68,68,.6)}.feedback-count{font-size:.875rem;font-weight:600;color:hsla(0,0%,100%,.7);animation:shimmer 2s ease-in-out infinite;animation-delay:.2s}.feedback-textarea{width:100%;height:4rem;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;margin-bottom:.75rem;animation:shimmer 2s ease-in-out infinite;animation-delay:.3s}.feedback-submit-button{width:100%;height:2rem;background:rgba(255,38,186,.2);border:1px solid rgba(255,38,186,.3);border-radius:.5rem;animation:shimmer 2s ease-in-out infinite;animation-delay:.4s}.theme-switcher-wireframe{display:flex;flex-direction:column;width:100%;height:100%;padding:1.25rem;background:linear-gradient(135deg,rgba(15,10,17,.8),rgba(20,15,23,.8));border-radius:.75rem;align-items:center;justify-content:center;gap:1.5rem}.theme-switcher-container{position:relative;z-index:2;width:100%;display:flex;justify-content:center}.theme-switcher-toggle{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1.25rem}.theme-switcher-track{position:relative;width:4rem;height:2rem;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:9999px;cursor:pointer;transition:all .3s ease;flex-shrink:0;order:0}.theme-switcher-track:hover{border-color:rgba(255,38,186,.4);background:rgba(255,38,186,.1)}.theme-switcher-thumb{position:absolute;top:.25rem;left:.25rem;width:1.5rem;height:1.5rem;background:rgba(255,38,186,.8);border-radius:50%;transition:transform .3s ease;box-shadow:0 2px 8px rgba(255,38,186,.4);animation:theme-thumb-slide 3s ease-in-out infinite}@keyframes theme-thumb-slide{0%,to{transform:translateX(0)}50%{transform:translateX(1.5rem)}}.theme-switcher-label{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.5rem;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);transition:all .3s ease;flex-shrink:0}.theme-label-light{order:-1}.theme-label-dark{order:1}.theme-switcher-label:hover{background:rgba(255,38,186,.1);border-color:rgba(255,38,186,.3)}.theme-icon{width:1.25rem;height:1.25rem;color:hsla(0,0%,100%,.6);transition:all .3s ease}.theme-switcher-label:hover .theme-icon{color:rgba(255,38,186,.9);transform:scale(1.1)}.bento-templates-scroll{display:flex;gap:1rem;width:200%;height:100%;animation:scroll-templates 20s linear infinite;overflow:hidden}.template-preview{flex-shrink:0;width:280px;height:calc(100% - 1rem);border-radius:.5rem;overflow:hidden;display:flex;flex-direction:column;margin-top:1rem}.template-1{background:linear-gradient(135deg,rgba(255,38,186,.15),rgba(20,15,23,.9));border:1px solid rgba(255,38,186,.2)}.template-2{background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(20,15,23,.9));border:1px solid rgba(59,130,246,.2)}.template-3{background:linear-gradient(135deg,rgba(16,185,129,.15),rgba(20,15,23,.9));border:1px solid rgba(16,185,129,.2)}.template-header{padding:.5rem;border-bottom:1px solid hsla(0,0%,100%,.1)}.template-nav-dots{display:flex;gap:.25rem;justify-content:center}.template-nav-dots span{width:6px;height:6px;border-radius:50%;background:hsla(0,0%,100%,.3)}.template-content{flex:1;display:flex;gap:.5rem;padding:.5rem}.template-sidebar{width:40px;background:hsla(0,0%,100%,.05);border-radius:.25rem}.template-main{flex:1;display:flex;flex-direction:column;gap:.5rem}.template-line{height:8px;border-radius:4px;background:hsla(0,0%,100%,.1)}.template-line.short{width:60%}@keyframes scroll-templates{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.result-icon{width:1.5rem;height:1.5rem;border-radius:.25rem;background:rgba(255,38,186,.2);flex-shrink:0}.result-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.result-title{font-size:.875rem;font-weight:600;color:#f3f4f6}.result-path{font-size:.75rem;color:rgba(156,163,175,.7)}.bento-skeleton{flex:1;min-height:6rem;border-radius:.75rem;background-image:radial-gradient(circle at center,hsla(0,0%,100%,.1) 1px,transparent 0);background-size:20px 20px;background-color:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.1);mask-image:radial-gradient(ellipse at center,#fff,transparent);-webkit-mask-image:radial-gradient(ellipse at center,#fff,transparent)}.bento-skeleton,.bento-wireframe{display:flex;width:100%;height:100%}.bento-wireframe{flex-direction:column;border-radius:.75rem;overflow:hidden;position:relative;background:linear-gradient(135deg,#0f0a11,#140f17)}.wireframe-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid;border-color:hsla(0,0%,100%,.1);background:rgba(20,15,23,.5)}.wireframe-logo{width:80px;height:20px;border-radius:4px;animation:pulse 2s ease-in-out infinite;background:rgba(255,38,186,.3)}.wireframe-nav{display:flex;gap:.5rem}.wireframe-nav-item{width:40px;height:8px;border-radius:4px;animation:pulse 2s ease-in-out infinite;animation-delay:calc(var(--i)*.2s);background:hsla(0,0%,100%,.15)}.wireframe-content{display:flex;flex:1;gap:1rem;padding:1rem}.wireframe-sidebar{width:120px;display:flex;flex-direction:column;gap:.5rem;padding-right:1rem;border-right:1px solid;border-color:hsla(0,0%,100%,.1)}.wireframe-sidebar-item{height:12px;border-radius:4px;animation:pulse 2s ease-in-out infinite;animation-delay:calc(var(--i)*.15s);background:hsla(0,0%,100%,.1)}.wireframe-sidebar-item.active{background:rgba(255,38,186,.3)!important;width:100%}.wireframe-sidebar-item:not(.active){width:70%}.wireframe-main{flex:1;display:flex;flex-direction:column;gap:.75rem}.wireframe-title{width:60%;height:20px;background:hsla(0,0%,100%,.2)}.wireframe-text,.wireframe-title{border-radius:4px;animation:pulse 2s ease-in-out infinite}.wireframe-text{width:100%;height:10px;animation-delay:.3s}.wireframe-text.short{width:80%}.wireframe-text{background:hsla(0,0%,100%,.1)}.wireframe-code{width:100%;height:60px;border-radius:6px;margin-top:.5rem;animation:pulse 2s ease-in-out infinite;animation-delay:.5s;background:rgba(255,38,186,.15);border:1px solid rgba(255,38,186,.2)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.bento-email-wireframe{display:flex!important;width:100%!important;height:100%!important;min-height:14rem!important;padding:1.5rem!important;background:linear-gradient(135deg,rgba(15,10,17,.95),rgba(20,15,23,.95))!important;position:relative;z-index:10;align-items:center;justify-content:center}.bento-email-wireframe,.email-template-wireframe{flex-direction:column;border-radius:.5rem;overflow:hidden;box-sizing:border-box}.email-template-wireframe{display:flex;width:100%;height:100%;max-width:600px;margin:0 auto;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.1);padding:1.25rem}.email-template-header{display:flex;flex-direction:column;gap:.75rem;padding-bottom:1rem;border-bottom:1px solid hsla(0,0%,100%,.1);margin-bottom:1rem}.email-template-logo{width:120px;height:1.5rem;background:hsla(0,0%,100%,.2);border-radius:.25rem;animation:shimmer 2s ease-in-out infinite;animation-delay:.1s}.email-template-from{display:flex;gap:.5rem;align-items:center}.email-from-label{width:50px;height:.75rem;background:hsla(0,0%,100%,.15);border-radius:.25rem;animation:shimmer 2s ease-in-out infinite;animation-delay:.2s}.email-from-value{flex:1;height:.75rem;background:hsla(0,0%,100%,.12);border-radius:.25rem;animation:shimmer 2s ease-in-out infinite;animation-delay:.3s}.email-template-date{width:100px;height:.625rem;background:hsla(0,0%,100%,.1);border-radius:.25rem;animation:shimmer 2s ease-in-out infinite;animation-delay:.4s}.email-template-subject{width:85%;height:1.25rem;background:hsla(0,0%,100%,.15);border-radius:.25rem;animation:shimmer 2s ease-in-out infinite;animation-delay:.5s;margin-bottom:1rem}.email-template-body{display:flex;flex-direction:column;gap:1.25rem;flex:1}.email-section{display:flex;flex-direction:column;gap:.75rem}.email-section-title{width:50%;height:1rem;background:rgba(255,38,186,.2);border-radius:.25rem;animation:shimmer 2s ease-in-out infinite;animation-delay:.6s}.email-section-title.short{width:40%}.email-stat-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}.email-stat-label{width:40%;height:.75rem;background:hsla(0,0%,100%,.12);border-radius:.25rem;animation:shimmer 2s ease-in-out infinite;animation-delay:.7s}.email-stat-label.short{width:30%}.email-stat-value{width:80px;height:.875rem;background:rgba(255,38,186,.25);border-radius:.25rem;animation:shimmer 2s ease-in-out infinite;animation-delay:.8s}.email-chart-placeholder{width:100%;height:80px;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;animation:shimmer 2s ease-in-out infinite;animation-delay:.9s}.email-list-item{display:flex;align-items:center;gap:.5rem}.email-list-bullet{width:.375rem;height:.375rem;background:rgba(255,38,186,.4);border-radius:50%;flex-shrink:0;animation:shimmer 2s ease-in-out infinite;animation-delay:1s}.email-list-text{flex:1;height:.625rem;background:hsla(0,0%,100%,.1);border-radius:.25rem;animation:shimmer 2s ease-in-out infinite;animation-delay:1.1s}.email-list-text.short{width:75%}.email-template-footer{padding-top:1rem;border-top:1px solid hsla(0,0%,100%,.1);margin-top:1rem}.email-footer-text{width:60%;height:.625rem;background:hsla(0,0%,100%,.08);border-radius:.25rem;animation:shimmer 2s ease-in-out infinite;animation-delay:1.2s}.bento-stats-wireframe{display:flex;flex-direction:column;width:100%;height:100%;padding:1.25rem;background:linear-gradient(135deg,rgba(15,10,17,.8),rgba(20,15,23,.8));border-radius:.75rem;overflow:hidden}.stats-wireframe-header{margin-bottom:1rem;flex-shrink:0}.stats-wireframe-title-line{width:60%;height:1.25rem;background:hsla(0,0%,100%,.15);border-radius:.25rem;animation:shimmer 2s ease-in-out infinite}.stats-wireframe-content{flex:1;display:flex;flex-direction:column;gap:1rem}.stats-wireframe-chart{flex:1;display:flex;align-items:flex-end;justify-content:space-between;gap:.5rem;padding:.5rem;background:hsla(0,0%,100%,.05);border-radius:.5rem;min-height:100px}.stats-wireframe-bar{flex:1;background:rgba(255,38,186,.3);border-radius:.25rem .25rem 0 0;animation:shimmer 2s ease-in-out infinite;animation-delay:calc(var(--i, 0)*.1s)}.stats-wireframe-numbers{display:flex;flex-direction:column;gap:.5rem}.stats-wireframe-number{width:80%;height:.875rem;background:hsla(0,0%,100%,.1);border-radius:.25rem;animation:shimmer 2s ease-in-out infinite;animation-delay:.3s}.stats-wireframe-number.short{width:60%}.bento-export-wireframe{display:flex!important;flex-direction:column;width:100%!important;height:100%!important;min-height:14rem!important;padding:1.25rem!important;background:linear-gradient(135deg,#0f0a11,#140f17)!important;border-radius:.5rem;overflow:hidden;position:relative;z-index:10;box-sizing:border-box;justify-content:center}.export-wireframe-buttons{display:flex!important;flex-direction:column;gap:.875rem;width:100%;align-items:center}.export-wireframe-button-item{display:flex!important;align-items:center;gap:.75rem;padding:.875rem 1rem;background:hsla(0,0%,100%,.08)!important;border:1px solid hsla(0,0%,100%,.15);border-radius:.5rem;position:relative;overflow:hidden;min-width:200px;width:auto}.export-wireframe-button-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);background-size:200% 100%;animation:export-button-shimmer 2.5s ease-in-out infinite;pointer-events:none}.export-wireframe-button-icon{width:1.5rem!important;height:1.5rem!important;display:flex!important;align-items:center;justify-content:center;flex-shrink:0;color:hsla(0,0%,100%,.7)}.export-wireframe-button-icon svg{width:100%;height:100%}.export-wireframe-button-text{flex:1;height:.75rem!important;background:hsla(0,0%,100%,.2)!important;border-radius:.25rem;display:block!important;min-width:140px}@keyframes export-button-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.bento-dragdrop-wireframe{display:flex!important;flex-direction:column;width:100%!important;height:100%!important;min-height:14rem!important;padding:.875rem!important;background:linear-gradient(135deg,rgba(15,10,17,.95),rgba(20,15,23,.95))!important;border-radius:.5rem;overflow:hidden;position:relative;z-index:10;box-sizing:border-box}.dragdrop-wireframe-content{flex:1;display:flex!important;flex-direction:column;gap:.625rem;padding:.5rem 0}.dragdrop-wireframe-item{display:flex!important;align-items:center;gap:.75rem;padding:.625rem .875rem;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08);border-radius:.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;box-sizing:border-box}.dragdrop-wireframe-item.dragdrop-wireframe-active{background:rgba(255,38,186,.15);border-color:rgba(255,38,186,.3);box-shadow:0 2px 8px rgba(255,38,186,.25);transform:rotate(-2deg)}.dragdrop-wireframe-handle{display:flex!important;flex-direction:column;gap:.125rem;flex-shrink:0;cursor:grab;padding:.125rem 0}.dragdrop-handle-dot{width:.25rem;height:.25rem;background:hsla(0,0%,100%,.4);border-radius:50%}.dragdrop-wireframe-item.dragdrop-wireframe-active .dragdrop-handle-dot{background:rgba(255,38,186,.6)}.dragdrop-wireframe-text{flex:1;height:.625rem!important;background:hsla(0,0%,100%,.15)!important;border-radius:.25rem;animation:shimmer 2s ease-in-out infinite;display:block!important}.dragdrop-wireframe-text.short{width:65%!important}.bento-editor-wireframe{display:flex!important;flex-direction:column;width:100%!important;height:100%!important;min-height:14rem!important;padding:.875rem!important;background:linear-gradient(135deg,rgba(15,10,17,.95),rgba(20,15,23,.95))!important;border-radius:.5rem;overflow:hidden;position:relative;z-index:10;box-sizing:border-box}.editor-browser-window{display:flex;flex-direction:column;width:100%;height:100%;background:hsla(0,0%,100%,.03);border-radius:.375rem;overflow:hidden;border:1px solid hsla(0,0%,100%,.1)}.editor-browser-header{display:flex;flex-direction:column;background:hsla(0,0%,100%,.05);border-bottom:1px solid hsla(0,0%,100%,.08);padding:.5rem;gap:.5rem;flex-shrink:0}.editor-browser-controls{display:flex;gap:.375rem;align-items:center}.editor-browser-dot{width:.75rem;height:.75rem;border-radius:50%;flex-shrink:0}.editor-browser-dot-close{background:rgba(239,68,68,.6)}.editor-browser-dot-minimize{background:rgba(234,179,8,.6)}.editor-browser-dot-maximize{background:rgba(34,197,94,.6)}.editor-browser-address-bar{background:hsla(0,0%,100%,.08);border-radius:.25rem;padding:.375rem .75rem;height:1.5rem;display:flex;align-items:center}.editor-browser-address-text{width:60%;height:.5rem;background:hsla(0,0%,100%,.15);border-radius:.125rem;animation:shimmer 2s ease-in-out infinite}.editor-browser-tabs{display:flex;gap:.25rem}.editor-browser-tab{width:3rem;height:1.25rem;background:hsla(0,0%,100%,.06);border-radius:.25rem .25rem 0 0;animation:shimmer 2s ease-in-out infinite;animation-delay:.3s}.editor-browser-tab-active{background:hsla(0,0%,100%,.1)}.editor-browser-content{flex:1;display:flex;flex-direction:column;padding:.75rem;gap:.75rem;background:hsla(0,0%,100%,.02)}.editor-wireframe-toolbar{display:flex!important;gap:.5rem;align-items:center;padding-bottom:.5rem;border-bottom:1px solid hsla(0,0%,100%,.08)}.editor-wireframe-button{width:2rem!important;height:1.5rem!important;background:hsla(0,0%,100%,.1)!important;border-radius:.25rem;animation:shimmer 2s ease-in-out infinite;display:block!important;flex-shrink:0}.editor-wireframe-button.short{width:1.5rem!important}.editor-wireframe-content{flex:1;display:flex!important;flex-direction:column;gap:.5rem}.editor-wireframe-line{width:100%!important;height:.75rem!important;background:rgba(0,0,0,.08)!important;border-radius:.25rem;animation:shimmer 2s ease-in-out infinite;display:block!important}.editor-wireframe-line.short{width:75%!important}.bento-seo-wireframe{display:flex!important;flex-direction:column;width:100%!important;height:100%!important;min-height:14rem!important;padding:.875rem!important;background:linear-gradient(135deg,rgba(15,10,17,.95),rgba(20,15,23,.95))!important;border-radius:.5rem;overflow:hidden;position:relative;z-index:10;box-sizing:border-box}.google-search-results{display:flex;flex-direction:column;width:100%;height:100%;gap:1rem}.google-search-header{display:flex;align-items:center;gap:.75rem;padding-bottom:.75rem;border-bottom:1px solid hsla(0,0%,100%,.1);flex-shrink:0}.google-icon{width:1.5rem;height:1.5rem;color:hsla(0,0%,100%,.9);flex-shrink:0}.google-search-bar{flex:1;display:flex;align-items:center}.google-search-input{width:100%;height:2rem;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.12);border-radius:1.5rem;animation:shimmer 2s ease-in-out infinite;animation-delay:.2s}.google-search-result{display:flex;flex-direction:column;gap:.375rem;padding-bottom:.75rem;border-bottom:1px solid hsla(0,0%,100%,.05)}.google-search-result:last-child{border-bottom:none}.google-result-url{width:45%;height:.625rem;background:rgba(34,197,94,.4);border-radius:.125rem;animation:shimmer 2s ease-in-out infinite;animation-delay:.3s}.google-result-url.short{width:35%}.google-result-title{width:75%;height:.875rem;background:rgba(59,130,246,.5);border-radius:.125rem;animation:shimmer 2s ease-in-out infinite;animation-delay:.4s}.google-result-description{width:100%;height:.625rem;background:hsla(0,0%,100%,.1);border-radius:.125rem;animation:shimmer 2s ease-in-out infinite;animation-delay:.5s}.google-result-description.short{width:85%}.admin-wireframe-icon{width:1.25rem!important;height:1.25rem!important;flex-shrink:0}.admin-wireframe-icon,.admin-wireframe-label{background:hsla(0,0%,100%,.2)!important;border-radius:.25rem;display:block!important;animation:shimmer 2s ease-in-out infinite}.admin-wireframe-label{flex:1;height:.75rem!important}.admin-wireframe-label.short{width:65%!important}.bento-skeleton-five p{font-size:.75rem;color:#9ca3af;margin:0;flex:1}.bento-skeleton-five>div:last-child{justify-content:flex-end}.bento-skeleton-five>div:last-child>div{width:1.5rem;height:1.5rem;border-radius:9999px;background:linear-gradient(90deg,#ec4899,#8b5cf6);flex-shrink:0}.document-summary-wireframe{width:100%;min-height:350px;position:relative;background:linear-gradient(135deg,rgba(15,10,17,.9),rgba(20,15,23,.9));border:1px solid rgba(255,38,186,.15);border-radius:1rem;padding:1rem;display:flex;flex-direction:column;gap:.75rem;align-items:flex-start;justify-content:flex-start;box-shadow:0 4px 20px rgba(0,0,0,.3)}@media (min-width:768px){.document-summary-wireframe{min-height:400px;padding:1.5rem;gap:1rem}}.document-summary-context-wireframe{width:100%;display:flex;flex-direction:column;gap:.5rem;opacity:0;animation:fadeIn .5s ease forwards}.document-summary-context-wireframe.document-summary-context-after{animation-delay:2.5s}.document-summary-context-line{width:100%;height:.75rem;background:hsla(0,0%,100%,.04);border-radius:.25rem;filter:blur(1px);opacity:.8}.document-summary-context-line.short{width:70%}.document-summary-box-icon-wrapper{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.375rem;background:rgba(255,38,186,.1);flex-shrink:0}.document-summary-sparkle-icon{color:#ff26ba;width:1.25rem;height:1.25rem}.document-summary-box-wireframe{width:100%;max-width:500px;border:1px solid rgba(255,38,186,.12);border-radius:.5rem;background:rgba(20,15,23,.6);overflow:hidden;transition:all .3s ease;opacity:0;animation:fadeIn .5s ease forwards;animation-delay:.5s}.document-summary-box-wireframe:hover{border-color:rgba(255,38,186,.3)}.document-summary-box-header{width:100%;display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,38,186,.12);background:rgba(255,38,186,.03)}.document-summary-box-title{flex:1;color:#e0e0e0;font-size:.9375rem;font-weight:600}.document-summary-box-content{padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}.document-summary-text-wireframe{padding-top:1rem;display:flex;flex-direction:column;gap:.75rem}.document-summary-line-wireframe{width:100%;height:.875rem;background:hsla(0,0%,100%,.1);border-radius:.25rem;opacity:0;position:relative;overflow:hidden}.document-summary-line-wireframe.medium{width:75%}.document-summary-line-wireframe.short{width:50%}.document-summary-line-wireframe.typing-line{background:transparent}.document-summary-line-wireframe.typing-line:after{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:hsla(0,0%,100%,.1);border-radius:.25rem;animation:typingLoad 1.2s ease-in-out infinite}.document-summary-line-wireframe.typing-line:first-child:after{animation-delay:0s}.document-summary-line-wireframe.typing-line:nth-child(2):after{animation-delay:1.2s}.document-summary-line-wireframe.typing-line:nth-child(3):after{animation-delay:2.4s}.document-summary-line-wireframe.typing-line:nth-child(4):after{animation-delay:3.6s}.document-summary-line-wireframe.typing-line:nth-child(5):after{animation-delay:4.8s}.document-summary-line-wireframe.typing-line:nth-child(6):after{animation-delay:6s}@keyframes typingLoad{0%{width:0;opacity:.5}50%{width:100%;opacity:1}to{width:0;opacity:.5}}.document-summary-line-wireframe.typing-line:first-child:after{animation-delay:.1s}.document-summary-line-wireframe.typing-line:nth-child(2):after{animation-delay:.9s}.document-summary-line-wireframe.typing-line:nth-child(3):after{animation-delay:1.7s}.document-summary-line-wireframe.typing-line:nth-child(4):after{animation-delay:2.5s}.document-summary-line-wireframe.typing-line:nth-child(5):after{animation-delay:3.3s}.document-summary-line-wireframe.typing-line:nth-child(6):after{animation-delay:4.1s}.document-summary-line-wireframe.typing-line:first-child,.document-summary-line-wireframe.typing-line:nth-child(2),.document-summary-line-wireframe.typing-line:nth-child(3),.document-summary-line-wireframe.typing-line:nth-child(4),.document-summary-line-wireframe.typing-line:nth-child(5),.document-summary-line-wireframe.typing-line:nth-child(6){opacity:1}@keyframes fadeIn{to{opacity:1}}.write-ai-modal-wireframe{width:100%;min-height:400px;position:relative;background:linear-gradient(135deg,rgba(15,10,17,.9),rgba(20,15,23,.9));border:1px solid rgba(255,38,186,.15);border-radius:1rem;padding:0;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.3)}@media (min-width:768px){.write-ai-modal-wireframe{min-height:500px}}.write-ai-modal-header-wireframe{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,38,186,.12);background:rgba(255,38,186,.03)}.write-ai-modal-title-wireframe{display:flex;align-items:center;gap:.75rem}.write-ai-modal-icon-wireframe{width:1.5rem;height:1.5rem;border-radius:.375rem;background:rgba(255,38,186,.15);flex-shrink:0}.write-ai-modal-title-text-wireframe{width:8rem;height:1.25rem;background:hsla(0,0%,100%,.15);border-radius:.25rem}.write-ai-modal-close-wireframe{width:1.5rem;height:1.5rem;border-radius:.25rem;background:hsla(0,0%,100%,.1);flex-shrink:0}.write-ai-stepper-wireframe{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid rgba(255,38,186,.12);gap:.5rem}.write-ai-step-wireframe{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1;opacity:.4}.write-ai-step-wireframe.active{opacity:.8}.write-ai-step-wireframe.current{opacity:1}.write-ai-step-number-wireframe{width:2rem;height:2rem;border-radius:50%;background:hsla(0,0%,100%,.1);border:2px solid rgba(255,38,186,.2)}.write-ai-step-wireframe.active .write-ai-step-number-wireframe{background:rgba(255,38,186,.15);border-color:rgba(255,38,186,.4)}.write-ai-step-wireframe.current .write-ai-step-number-wireframe{background:rgba(255,38,186,.25);border-color:#ff26ba;animation:stepPulse 2s ease-in-out infinite}@keyframes stepPulse{0%,to{transform:scale(1);box-shadow:0 0 0 0 rgba(255,38,186,.4)}50%{transform:scale(1.1);box-shadow:0 0 0 8px rgba(255,38,186,0)}}.write-ai-step-label-wireframe{width:3rem;height:.625rem;background:hsla(0,0%,100%,.08);border-radius:.25rem}.write-ai-step-label-wireframe.medium{width:4.5rem}.write-ai-step-label-wireframe.short{width:2.5rem}.write-ai-modal-content-wireframe{flex:1;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto}.write-ai-step-heading-wireframe{width:60%;height:1.5rem;background:hsla(0,0%,100%,.12);border-radius:.25rem}.write-ai-form-grid-wireframe{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.write-ai-form-field-wireframe{display:flex;flex-direction:column;gap:.5rem}.write-ai-form-field-wireframe.full-width{grid-column:1/-1}.write-ai-form-label-wireframe{width:5rem;height:.875rem;background:hsla(0,0%,100%,.08);border-radius:.25rem}.write-ai-form-label-wireframe.medium{width:7rem}.write-ai-form-label-wireframe.short{width:4rem}.write-ai-form-input-wireframe{height:2.5rem}.write-ai-form-input-wireframe,.write-ai-form-textarea-wireframe{width:100%;background:hsla(0,0%,100%,.05);border:1px solid rgba(255,38,186,.12);border-radius:.375rem}.write-ai-form-textarea-wireframe{height:8rem}.write-ai-modal-footer-wireframe{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-top:1px solid rgba(255,38,186,.12);background:rgba(255,38,186,.02);gap:1rem}.write-ai-button-wireframe{height:2.5rem;border-radius:.375rem;background:hsla(0,0%,100%,.08);border:1px solid rgba(255,38,186,.12)}.write-ai-button-wireframe.secondary{width:5rem}.write-ai-button-wireframe.primary{flex:1;background:rgba(255,38,186,.15);border-color:rgba(255,38,186,.3);animation:buttonPulse 2s ease-in-out infinite;position:relative;overflow:hidden}.write-ai-button-wireframe.primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);transition:left .5s ease}.write-ai-button-wireframe.primary:hover:before{left:100%}@keyframes buttonPulse{0%,to{background:rgba(255,38,186,.15);box-shadow:0 0 0 0 rgba(255,38,186,.4)}50%{background:rgba(255,38,186,.25);box-shadow:0 0 0 4px rgba(255,38,186,0)}}.hero-block-section{background:linear-gradient(135deg,rgba(15,10,17,.8),rgba(20,15,23,.8));position:relative;overflow:hidden}.hero-block-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(255,38,186,.03) 1px,transparent 0),linear-gradient(90deg,rgba(255,38,186,.03) 1px,transparent 0);background-size:50px 50px;opacity:.4;z-index:0;pointer-events:none}.ai-provider-logos{position:relative;z-index:1;gap:1.5rem}.ai-logo-container{display:flex;align-items:center;justify-content:center;position:relative}.ai-logo-container.circle-1{width:4rem;height:4rem}.ai-logo-container.circle-2{width:5.5rem;height:5.5rem}.ai-logo-container.circle-3{width:7.5rem;height:7.5rem}.ai-logo-container.circle-4{width:5.5rem;height:5.5rem}.ai-logo-container.circle-5{width:4rem;height:4rem}.ai-logo-bubble{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.3),rgba(20,15,23,.8) 60%,rgba(10,5,12,.9));border:1px solid rgba(255,38,186,.2);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;box-shadow:inset -3px -3px 8px rgba(0,0,0,.5),inset 2px 2px 4px hsla(0,0%,100%,.1),0 0 20px rgba(255,38,186,.1),0 4px 12px rgba(0,0,0,.3);transition:all .3s ease;position:relative;transform-style:preserve-3d}.ai-logo-bubble-active{background:radial-gradient(circle at 30% 30%,rgba(255,38,186,.4),rgba(255,38,186,.2) 60%,rgba(20,15,23,.9));border-color:rgba(255,38,186,.5);box-shadow:inset -3px -3px 8px rgba(0,0,0,.5),inset 2px 2px 4px rgba(255,38,186,.3),0 0 40px rgba(255,38,186,.4),0 0 80px rgba(255,38,186,.2),0 8px 24px rgba(0,0,0,.4);transform:scale(1.15) translateZ(10px)}.ai-logo-icon{width:60%;height:60%;border-radius:50%;background:hsla(0,0%,100%,.1);position:relative;box-shadow:inset -2px -2px 6px rgba(0,0,0,.4),inset 1px 1px 3px hsla(0,0%,100%,.2),0 2px 8px rgba(0,0,0,.3);transform-style:preserve-3d}.claude-logo{background:linear-gradient(135deg,#d97757,#b85c3a);opacity:.7}.claude-logo:before{content:"A\\";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:.5rem;font-weight:700;font-family:monospace}.copilot-logo{background:hsla(0,0%,100%,.9)}.copilot-logo:before{content:"😀";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem}.openai-logo{background:hsla(0,0%,100%,.95);width:70%;height:70%;background-image:url(../../img/openai-svgrepo-com.svg);background-size:60% 60%;background-position:50%;background-repeat:no-repeat}.openai-logo:before{display:none}.ai-logo-bubble svg{width:60%;height:60%;max-width:70%;max-height:100%;opacity:.5;padding:15%}.meta-logo{background:#0084ff}.meta-logo:before{content:"∞";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:.75rem;font-weight:700}.gemini-logo{background:linear-gradient(135deg,#4285f4,#34a853);opacity:.8}.gemini-logo:before{content:"✦";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:.5rem}.money-back-guarantee-badge:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-size:40px 40px;background-image:linear-gradient(90deg,rgba(255,38,186,.15) 1px,transparent 0),linear-gradient(180deg,rgba(255,38,186,.15) 1px,transparent 0);opacity:.7;border-radius:inherit}.money-back-guarantee-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,38,186,.1) 50%,transparent);animation:money-back-shimmer 1.5s ease-in-out infinite;z-index:1;pointer-events:none}.money-back-guarantee-badge>*{position:relative;z-index:2}@keyframes money-back-shimmer{0%{left:-100%}50%{left:100%}to{left:100%}}.infinite-moving-cards-container{overflow:hidden;position:relative;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)}.infinite-moving-cards,.infinite-moving-cards-inner{display:flex;width:-moz-fit-content;width:fit-content}.infinite-moving-cards-inner{gap:0;animation:infinite-scroll 40s linear infinite}.infinite-moving-left .infinite-moving-cards-inner{animation-direction:reverse}.testimonial-card{display:flex;flex-direction:column;height:220px;transition:all .3s ease;margin-top:0;margin-bottom:0}.testimonial-card>p{flex:1;display:flex;align-items:flex-start;margin-bottom:1rem}.testimonial-card>div{margin-top:auto;flex-shrink:0}.testimonial-card:hover{border-color:rgba(255,38,186,.3);transform:translateY(-4px);box-shadow:0 10px 30px rgba(255,38,186,.1);z-index:10;position:relative}.testimonial-avatar{transition:all .3s ease}.testimonial-card:hover .testimonial-avatar{background:rgba(255,38,186,.3);transform:scale(1.1)}@keyframes infinite-scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.faq-accordion-item{transition:all .3s ease}.contact-hero-section{position:relative}.contact-form-card,.contact-info-card{transition:all .3s ease}.contact-form-card:hover,.contact-info-card:hover{border-color:rgba(255,38,186,.3)}.contact-form input[type=email],.contact-form input[type=text],.contact-form select,.contact-form textarea{transition:all .2s ease}.contact-form input[type=email]:focus,.contact-form input[type=text]:focus,.contact-form select:focus,.contact-form textarea:focus{transform:translateY(-1px)}.contact-form select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23fff' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.contact-form select option{background:#1a131b;color:#fff}@media (min-width:1024px){.contact-info-card{position:sticky;top:2rem}}.faq-accordion-item:hover{border-color:rgba(255,38,186,.3)}.faq-accordion-button{cursor:pointer;transition:all .2s ease}.faq-accordion-button:focus,.faq-accordion-button:hover{background:rgba(255,38,186,.05)}.faq-accordion-button:focus{outline:none}.faq-accordion-item.active .faq-accordion-icon{transform:rotate(180deg)}.faq-accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out,padding .3s ease-out}.faq-accordion-item.active .faq-accordion-content{max-height:500px;display:block;padding:0 1.5rem 1.5rem}.hero-heading-gradient .hover\:text-accent:hover,.section-heading-gradient .hover\:text-accent:hover{-webkit-text-fill-color:#ff26ba;background:none;text-shadow:0 0 40px rgba(255,38,186,.4),0 4px 20px rgba(0,0,0,.3),0 2px 10px rgba(255,38,186,.3)}.hero-heading .hover\:text-accent:hover{text-shadow:0 0 60px rgba(255,38,186,.5),0 4px 20px rgba(255,38,186,.4),0 2px 10px rgba(255,38,186,.3)}.hero-heading-gradient .group:hover .group-hover\:text-accent,.section-heading-gradient .group:hover .group-hover\:text-accent{-webkit-text-fill-color:#ff26ba;background:none;text-shadow:0 0 40px rgba(255,38,186,.4),0 4px 20px rgba(0,0,0,.3),0 2px 10px rgba(255,38,186,.3)}.hero-heading .group:hover .group-hover\:text-accent{text-shadow:0 0 60px rgba(255,38,186,.5),0 4px 20px rgba(255,38,186,.4),0 2px 10px rgba(255,38,186,.3)}.hover\:-translate-y-0\.5:hover{--tw-translate-y:-0.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-accent:hover{--tw-border-opacity:1;border-color:rgb(255 38 186/var(--tw-border-opacity,1))}.hover\:border-accent\/30:hover{border-color:rgba(255,38,186,.3)}.hover\:bg-accent-hover:hover{--tw-bg-opacity:1;background-color:rgb(224 31 163/var(--tw-bg-opacity,1))}.hover\:bg-accent\/10:hover{background-color:rgba(255,38,186,.1)}.hover\:bg-dark-elevated:hover{--tw-bg-opacity:1;background-color:rgb(26 22 32/var(--tw-bg-opacity,1))}.hover\:text-accent:hover{--tw-text-opacity:1;color:rgb(255 38 186/var(--tw-text-opacity,1))}.hover\:text-accent-hover:hover{--tw-text-opacity:1;color:rgb(224 31 163/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:shadow-lg:hover{--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)}.hover\:shadow-lg:hover,.hover\:shadow-xl:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-xl:hover{--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)}.hover\:shadow-accent\/20:hover{--tw-shadow-color:rgba(255,38,186,.2);--tw-shadow:var(--tw-shadow-colored)}.hover\:shadow-accent\/40:hover{--tw-shadow-color:rgba(255,38,186,.4);--tw-shadow:var(--tw-shadow-colored)}.hover\:shadow-accent\/50:hover{--tw-shadow-color:rgba(255,38,186,.5);--tw-shadow:var(--tw-shadow-colored)}.hover\:text-accent:hover{color:#ff26ba}.hover\:bg-dark-elevated:hover{background-color:#1a1620}.hover\:glow-accent:hover{box-shadow:0 0 24px rgba(255,38,186,.15)}.integrations-header .hover\:text-accent:hover{-webkit-text-fill-color:#ff26ba;background:none}.focus\:border-accent:focus{--tw-border-opacity:1;border-color:rgb(255 38 186/var(--tw-border-opacity,1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-accent:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(255 38 186/var(--tw-ring-opacity,1))}.focus\:ring-accent\/20:focus{--tw-ring-color:rgba(255,38,186,.2)}.focus\:border-accent-medium:focus{border-color:rgba(255,38,186,.18)}.group:hover .group-hover\:bg-accent{--tw-bg-opacity:1;background-color:rgb(255 38 186/var(--tw-bg-opacity,1))}.group:hover .group-hover\:text-accent{--tw-text-opacity:1;color:rgb(255 38 186/var(--tw-text-opacity,1));color:#ff26ba}.integrations-header .group:hover .group-hover\:text-accent{-webkit-text-fill-color:#ff26ba;background:none}@media (min-width:640px){.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-start{justify-content:flex-start}.sm\:gap-8{gap:2rem}.sm\:rounded-xl{border-radius:.75rem}.sm\:px-10{padding-left:2.5rem;padding-right:2.5rem}.sm\:px-5{padding-left:1.25rem;padding-right:1.25rem}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:py-4{padding-top:1rem;padding-bottom:1rem}.sm\:py-5{padding-top:1.25rem;padding-bottom:1.25rem}.sm\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.sm\:text-left{text-align:left}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width:768px){.md\:col-span-1{grid-column:span 1/span 1}.md\:col-span-2{grid-column:span 2/span 2}.md\:mb-10{margin-bottom:2.5rem}.md\:mb-4{margin-bottom:1rem}.md\:mt-20{margin-top:5rem}.md\:block{display:block}.md\:inline{display:inline}.md\:w-auto{width:auto}.md\:max-w-4xl{max-width:56rem}.md\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\:auto-rows-\[28rem\]{grid-auto-rows:28rem}.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\:flex-row{flex-direction:row}.md\:gap-10{gap:2.5rem}.md\:gap-6{gap:1.5rem}.md\:gap-8{gap:2rem}.md\:space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(3rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(3rem*var(--tw-space-y-reverse))}.md\:space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.md\:rounded-3xl{border-radius:1.5rem}.md\:p-10{padding:2.5rem}.md\:p-8{padding:2rem}.md\:py-12{padding-top:3rem;padding-bottom:3rem}.md\:py-20{padding-top:5rem;padding-bottom:5rem}.md\:py-28{padding-top:7rem;padding-bottom:7rem}.md\:py-32{padding-top:8rem;padding-bottom:8rem}.md\:py-8{padding-top:2rem;padding-bottom:2rem}.md\:pb-16{padding-bottom:4rem}.md\:pb-24{padding-bottom:6rem}.md\:pb-32{padding-bottom:8rem}.md\:pt-16{padding-top:4rem}.md\:pt-24{padding-top:6rem}.md\:pt-28{padding-top:7rem}.md\:pt-40{padding-top:10rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.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}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}.md\:leading-tight{line-height:1.25}}@media (min-width:1024px){.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:max-w-6xl{max-width:72rem}.lg\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:gap-12{gap:3rem}.lg\:p-10{padding:2.5rem}.lg\:p-16{padding:4rem}.lg\:text-6xl{font-size:3.75rem;line-height:1}.lg\:text-7xl{font-size:4.5rem;line-height:1}}.nav-container{background:rgba(20,15,23,.95);backdrop-filter:blur(14px);border:1px solid rgba(255,38,186,.15);border-radius:12px;padding:.25rem .5rem;box-shadow:0 0 20px rgba(255,38,186,.12);filter:drop-shadow(-4px -4px 6px rgba(196,181,253,.2))}.nav-container>ul{display:flex;align-items:center;list-style:none;margin:0;padding:0;flex-wrap:nowrap}.nav-container>ul>li{position:relative;display:inline-block}.nav-container ul ul{display:none!important;position:absolute;top:100%;left:0;min-width:200px;background:rgba(20,15,23,.98);backdrop-filter:blur(14px);border:1px solid rgba(255,38,186,.15);border-radius:8px;padding:.5rem 0;margin-top:.5rem;box-shadow:0 8px 32px rgba(0,0,0,.4),0 0 20px rgba(255,38,186,.15);z-index:1000;list-style:none;margin:0;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease;pointer-events:none}.nav-container>ul>li:hover>ul,.nav-container>ul>li.menu-open>ul{display:block!important;opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.nav-container a{padding:.75rem;font-size:.875rem;font-weight:500;transition:all .2s;color:rgba(255,255,255,.8);text-decoration:none;display:inline-block;position:relative}.nav-container a:hover{color:#ff26ba}.nav-container .current-menu-item>a,.nav-container .current_page_item>a{color:#ff26ba}.nav-container .menu-item-has-children{position:relative}.nav-container .menu-item-has-children>a::after{content:'▼';font-size:.6rem;margin-left:.25rem;display:inline-block;transition:transform .2s ease;vertical-align:middle}.nav-container .menu-item-has-children:hover>a::after,.nav-container .menu-item-has-children.menu-open>a::after{transform:rotate(180deg)}.nav-container .sub-menu{display:none!important;position:absolute;top:100%;left:0;min-width:200px;background:rgba(20,15,23,.98);backdrop-filter:blur(14px);border:1px solid rgba(255,38,186,.15);border-radius:8px;padding:.5rem 0;margin-top:.5rem;box-shadow:0 8px 32px rgba(0,0,0,.4),0 0 20px rgba(255,38,186,.15);z-index:1000;list-style:none;margin:0;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease;pointer-events:none}.nav-container .menu-item-has-children:hover>.sub-menu,.nav-container .menu-item-has-children.menu-open>.sub-menu{display:block!important;opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.nav-container .sub-menu li{display:block;margin:0;white-space:nowrap}.nav-container .sub-menu a{display:block;padding:.625rem 1rem;color:rgba(255,255,255,.8);text-decoration:none;transition:all .2s ease;border-radius:4px;margin:0 .5rem}.nav-container .sub-menu a:hover{color:#ff26ba;background:rgba(255,38,186,.1)}.mobile-sidebar-menu .menu-item-has-children>a{display:flex;align-items:center;justify-content:space-between}.mobile-sidebar-menu .menu-item-has-children>a::after{content:'▼';font-size:.7rem;transition:transform .2s ease}.mobile-sidebar-menu .menu-item-has-children.menu-open>a::after{transform:rotate(180deg)}.mobile-sidebar-menu .sub-menu{max-height:0;overflow:hidden;transition:max-height .3s ease;padding-left:1.5rem;margin-top:.5rem}.mobile-sidebar-menu .menu-item-has-children.menu-open>.sub-menu{max-height:500px}.mobile-sidebar-menu .sub-menu a{padding:.5rem .75rem;color:rgba(255,255,255,.7);display:block;border-radius:4px;transition:all .2s ease}.mobile-sidebar-menu .sub-menu a:hover{color:#ff26ba;background:rgba(255,38,186,.1)}.mobile-sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);z-index:999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.mobile-sidebar-overlay:not(.hidden){opacity:1;visibility:visible}.mobile-sidebar{position:fixed;top:0;right:0;width:320px;max-width:85vw;height:100vh;background:rgba(20,15,23,.98);backdrop-filter:blur(20px);border-left:1px solid rgba(255,38,186,.15);box-shadow:-4px 0 32px rgba(0,0,0,.5);z-index:1000;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .3s ease}.mobile-sidebar:not(.hidden){transform:translateX(0)}.mobile-sidebar-menu ul{list-style:none;margin:0;padding:0}.mobile-sidebar-menu a{display:block;padding:.75rem 1rem;color:rgba(255,255,255,.8);text-decoration:none;border-radius:6px;transition:all .2s ease}.mobile-sidebar-menu a:hover{color:#ff26ba;background:rgba(255,38,186,.1)}
@media (min-width:1024px){.mobile-sidebar-overlay,.mobile-sidebar{display:none!important;visibility:hidden!important;opacity:0!important}}.nav-container ul ul{z-index:99999!important}.nav-container .sub-menu{z-index:99999!important}.nav-container .sub-menu .sub-menu{z-index:100000!important}
.nav-container{position:relative;z-index:100}
.nav-container ul ul{margin-top:1rem!important}.nav-container .sub-menu{margin-top:1rem!important}.nav-container .sub-menu a{text-align:left!important}.mobile-sidebar-menu .sub-menu{padding-left:0!important;text-align:left!important}.mobile-sidebar-menu .sub-menu a{display:flex!important;align-items:center!important;gap:.75rem!important;text-align:left!important}.mobile-sidebar-menu .sub-menu a::before{content:'→';font-size:.875rem;color:rgba(255,38,186,.6);flex-shrink:0;width:1rem;text-align:center}.mobile-sidebar-menu>ul>li>a{display:flex!important;align-items:center!important;gap:.75rem!important;text-align:left!important}.mobile-sidebar-menu>ul>li>a::before{content:'•';font-size:1.25rem;color:rgba(255,38,186,.6);flex-shrink:0;width:1rem;text-align:center;line-height:1}
.mobile-sidebar{display:none!important}.mobile-sidebar:not(.hidden){display:flex!important;transform:translateX(0)!important}.mobile-sidebar-menu ul{display:flex!important;flex-direction:column!important;align-items:flex-start!important}.mobile-sidebar-menu li{width:100%!important}.mobile-sidebar-menu>ul>li>a{width:100%!important;justify-content:flex-start!important;text-align:left!important}.mobile-sidebar-menu>ul>li>a::before{content:'•';font-size:1.25rem;color:#ff26ba;flex-shrink:0;width:1rem;text-align:center;line-height:1;display:inline-block}.mobile-sidebar-menu .menu-item-has-children>a{width:100%!important;text-align:left!important}.mobile-sidebar-menu .sub-menu{width:100%!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important}.mobile-sidebar-menu .sub-menu li{width:100%!important}.mobile-sidebar-menu .sub-menu a{width:100%!important;justify-content:flex-start!important;text-align:left!important;padding-left:2rem!important}.mobile-sidebar-menu .sub-menu a::before{content:'→';font-size:.875rem;color:#ff26ba;flex-shrink:0;width:1rem;text-align:center;display:inline-block}
.mobile-sidebar-menu .mobile-menu-list{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:.25rem!important}

/* Lightbox Wireframe Styles */

/* Lightbox Wireframe Styles - Simplified */
.bento-lightbox-wireframe{display:flex!important;flex-direction:column;width:100%!important;height:100%!important;min-height:14rem!important;padding:1rem!important;background:linear-gradient(135deg,rgba(15,10,17,.95),rgba(20,15,23,.95))!important;border-radius:.5rem;overflow:hidden;position:relative;box-sizing:border-box}
.lightbox-simple-container{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;border-radius:.375rem;overflow:hidden}
.lightbox-simple-close{position:absolute;top:.75rem;right:.75rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);border-radius:.25rem;color:rgba(255,255,255,.8);z-index:3}
.lightbox-simple-image{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:rgba(255,38,186,.4)}
.lightbox-simple-image svg{width:4rem;height:4rem;opacity:.6}
.lightbox-simple-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.8);z-index:1;opacity:0;animation:lightboxFadeIn 0.6s ease-out forwards}
.lightbox-simple-content{position:relative;width:80%;height:75%;background:rgba(20,15,23,.95);border:1px solid rgba(255,38,186,.3);border-radius:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;padding:1.5rem;opacity:0;transform:scale(.9);animation:lightboxContentFadeIn 1.5s ease-out .2s forwards}
@keyframes lightboxFadeIn{from{opacity:0}to{opacity:1}}
@keyframes lightboxContentFadeIn{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes badgePulseGreen{0%,100%{transform:scale(1);box-shadow:0 0 8px rgba(34,197,94,.9),0 0 14px rgba(34,197,94,.6),inset 0 1px 1px rgba(255,255,255,.3)}50%{transform:scale(1.2);box-shadow:0 0 12px rgba(34,197,94,1),0 0 20px rgba(34,197,94,.8),inset 0 1px 1px rgba(255,255,255,.4)}}@keyframes badgePulseBlue{0%,100%{transform:scale(1);box-shadow:0 0 8px rgba(59,130,246,.9),0 0 14px rgba(59,130,246,.6),inset 0 1px 1px rgba(255,255,255,.3)}50%{transform:scale(1.2);box-shadow:0 0 12px rgba(59,130,246,1),0 0 20px rgba(59,130,246,.8),inset 0 1px 1px rgba(255,255,255,.4)}}.tags-filter-badge-new,.tags-nav-badge-new{animation:badgePulseGreen 2.5s ease-in-out infinite}.tags-filter-badge-updated,.tags-nav-badge-updated{animation:badgePulseBlue 2.5s ease-in-out infinite}.bento-tags-wireframe{display:flex;flex-direction:column;width:100%;height:100%;min-height:14rem;padding:1.5rem;background:linear-gradient(135deg,rgba(15,10,17,.98),rgba(20,15,23,.98));border-radius:.875rem;overflow:visible;position:relative;box-sizing:border-box;border:1px solid rgba(255,38,186,.15);box-shadow:0 0 30px rgba(255,38,186,.08),inset 0 1px 0 rgba(255,255,255,.05)}.tags-sidebar-wireframe{width:100%;height:100%;display:flex;flex-direction:column;gap:1.5rem;padding:0;overflow:visible}.tags-filter-buttons{display:flex;gap:.5rem;width:100%;flex-wrap:wrap;opacity:1}.tags-filter-btn{display:flex!important;align-items:center;justify-content:center;gap:.375rem;padding:.5rem 1rem;background:rgba(15,10,17,.95)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:9999px;min-height:1.75rem!important;min-width:2.5rem!important;opacity:1!important;visibility:visible!important;animation:fadeIn .5s ease-out forwards;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(8px);box-shadow:0 1px 3px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.03)}.tags-filter-btn:nth-child(1){animation-delay:.1s}.tags-filter-btn:nth-child(2){animation-delay:.2s}.tags-filter-btn:nth-child(3){animation-delay:.3s}.tags-filter-btn-active{border-color:rgba(255,38,186,.8)!important;background:rgba(255,38,186,.2)!important;box-shadow:0 0 15px rgba(255,38,186,.4),0 2px 6px rgba(255,38,186,.25),inset 0 1px 0 rgba(255,255,255,.08)!important;transform:translateY(-1px)}.tags-filter-btn-text{width:2rem!important;height:.625rem!important;min-width:2rem!important;min-height:.625rem!important;background:rgba(255,255,255,.15)!important;border-radius:.2rem;display:block!important;visibility:visible!important;opacity:1!important;box-shadow:0 1px 2px rgba(0,0,0,.3);backdrop-filter:blur(4px)}.tags-filter-badge-new{width:.5rem!important;height:.5rem!important;min-width:.5rem!important;min-height:.5rem!important;border-radius:50%;background:rgba(34,197,94,1)!important;box-shadow:0 0 8px rgba(34,197,94,.9),0 0 14px rgba(34,197,94,.6),inset 0 1px 1px rgba(255,255,255,.3);flex-shrink:0;display:block!important;visibility:visible!important;opacity:1!important;animation:badgePulseGreen 2.5s ease-in-out infinite;position:relative}.tags-filter-badge-updated{width:.5rem!important;height:.5rem!important;min-width:.5rem!important;min-height:.5rem!important;border-radius:50%;background:rgba(59,130,246,1)!important;box-shadow:0 0 8px rgba(59,130,246,.9),0 0 14px rgba(59,130,246,.6),inset 0 1px 1px rgba(255,255,255,.3);flex-shrink:0;display:block!important;visibility:visible!important;opacity:1!important;animation:badgePulseBlue 2.5s ease-in-out infinite;position:relative}.tags-nav-section{display:flex;flex-direction:column;gap:.75rem;width:100%;flex:1;opacity:1}.tags-nav-item{display:flex!important;align-items:center;justify-content:space-between;padding:.875rem 1.25rem;background:rgba(15,10,17,.9)!important;border-radius:.625rem;min-height:2.75rem!important;min-width:100%!important;opacity:1!important;visibility:visible!important;animation:fadeIn .5s ease-out forwards;transition:all .3s cubic-bezier(.4,0,.2,1);border:none!important;backdrop-filter:blur(8px);box-shadow:0 2px 4px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.02)}.tags-nav-item:nth-child(1){animation-delay:.4s}.tags-nav-item:nth-child(2){animation-delay:.5s}.tags-nav-item-new{background:rgba(15,10,17,.95)!important;box-shadow:0 2px 6px rgba(0,0,0,.3),0 0 12px rgba(34,197,94,.15),inset 0 1px 0 rgba(255,255,255,.03)!important}.tags-nav-item-updated{background:rgba(15,10,17,.95)!important;box-shadow:0 2px 6px rgba(0,0,0,.3),0 0 12px rgba(59,130,246,.15),inset 0 1px 0 rgba(255,255,255,.03)!important}.tags-nav-text{width:70%!important;height:1rem!important;min-width:3.5rem!important;min-height:1rem!important;background:rgba(255,255,255,.15)!important;border-radius:.25rem;display:block!important;visibility:visible!important;opacity:1!important;box-shadow:0 1px 2px rgba(0,0,0,.3);backdrop-filter:blur(4px)}.tags-nav-text.short{width:55%!important;min-width:3rem!important}.tags-nav-badge-new{width:.875rem!important;height:.875rem!important;min-width:.875rem!important;min-height:.875rem!important;border-radius:50%;background:rgba(34,197,94,1)!important;box-shadow:0 0 14px rgba(34,197,94,.95),0 0 24px rgba(34,197,94,.6),inset 0 1px 2px rgba(255,255,255,.3);flex-shrink:0;display:block!important;visibility:visible!important;opacity:1!important;animation:badgePulseGreen 2.5s ease-in-out infinite;position:relative}.tags-nav-badge-updated{width:.875rem!important;height:.875rem!important;min-width:.875rem!important;min-height:.875rem!important;border-radius:50%;background:rgba(59,130,246,1)!important;box-shadow:0 0 14px rgba(59,130,246,.95),0 0 24px rgba(59,130,246,.6),inset 0 1px 2px rgba(255,255,255,.3);flex-shrink:0;display:block!important;visibility:visible!important;opacity:1!important;animation:badgePulseBlue 2.5s ease-in-out infinite;position:relative}
	   MODERN HEADER NAVIGATION - REDESIGNED
	   ============================================ */

	/* Header Container */
	.site-header {
		position: sticky;
		top: 0;
		z-index: 1000;
		background: rgba(10, 8, 12, 0.95);
		backdrop-filter: blur(24px) saturate(180%);
		border-bottom: 1px solid rgba(255, 38, 186, 0.08);
		box-shadow: 0 2px 16px rgba(0, 0, 0, 0.3);
		transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	}

	.header-container {
		max-width: 1400px;
		margin: 0 auto;
		padding: 0 2rem;
	}

	.header-nav {
		display: flex;
		align-items: center;
		justify-content: space-between;
		height: 5rem;
		gap: 3rem;
	}

	/* Logo */
	.header-logo {
		flex-shrink: 0;
		z-index: 10;
	}

	.logo-link {
		display: flex;
		align-items: center;
		gap: 0.75rem;
		transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
		text-decoration: none;
	}

	.logo-link:hover {
		transform: translateX(2px);
	}

	.logo-image {
		height: 2.75rem;
		width: auto;
		object-fit: contain;
		flex-shrink: 0;
	}

	.logo-text {
		font-size: 1.25rem;
		font-weight: 700;
		letter-spacing: 0.05em;
		color: rgba(255, 255, 255, 1);
		text-transform: uppercase;
		font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
		line-height: 1;
		white-space: nowrap;
	}

	@media (max-width: 640px) {
		.logo-text {
			font-size: 1.125rem;
		}
		
		.header-container {
			padding: 0 1.25rem;
		}
		
		.header-nav {
			height: 4.5rem;
			gap: 1.5rem;
		}
	}

	/* Navigation Menu */
	.header-menu-wrapper {
		flex: 1;
		display: none;
		justify-content: center;
		align-items: center;
	}

	@media (min-width: 1024px) {
		.header-menu-wrapper {
			display: flex;
		}
	}

	.header-menu {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.header-menu-list {
		display: flex;
		align-items: center;
		gap: 0.125rem;
		list-style: none;
		margin: 0;
		padding: 0.375rem;
		background: rgba(20, 15, 23, 0.4);
		backdrop-filter: blur(20px);
		border: 1px solid rgba(255, 38, 186, 0.1);
		border-radius: 1rem;
		box-shadow: 
			0 4px 20px rgba(0, 0, 0, 0.25),
			inset 0 1px 0 rgba(255, 255, 255, 0.03);
	}

	.header-menu-list > li {
		position: relative;
	}

	.header-menu-list > li > a {
		display: flex;
		align-items: center;
		gap: 0.5rem;
		padding: 0.625rem 1.125rem;
		color: rgba(255, 255, 255, 0.7);
		text-decoration: none;
		font-size: 0.875rem;
		font-weight: 500;
		border-radius: 0.75rem;
		transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
		position: relative;
		white-space: nowrap;
	}

	.header-menu-list > li > a::before {
		content: '';
		position: absolute;
		inset: 0;
		background: rgba(255, 38, 186, 0.12);
		border-radius: 0.75rem;
		opacity: 0;
		transition: opacity 0.25s ease;
		z-index: -1;
	}

	.header-menu-list > li > a:hover {
		color: rgba(255, 255, 255, 1);
		transform: translateY(-1px);
	}

	.header-menu-list > li > a:hover::before {
		opacity: 1;
	}

	.header-menu-list > li.current-menu-item > a,
	.header-menu-list > li.current_page_item > a {
		color: rgba(255, 255, 255, 1);
		background: rgba(255, 38, 186, 0.18);
		box-shadow: 
			0 2px 8px rgba(255, 38, 186, 0.25),
			inset 0 1px 0 rgba(255, 255, 255, 0.08);
	}

	.header-menu-list > li.current-menu-item > a::before,
	.header-menu-list > li.current_page_item > a::before {
		opacity: 1;
		background: rgba(255, 38, 186, 0.22);
	}

	/* Dropdown Menu */
	.header-menu-list .menu-item-has-children > a::after {
		content: '';
		width: 0;
		height: 0;
		border-left: 4px solid transparent;
		border-right: 4px solid transparent;
		border-top: 4px solid rgba(255, 255, 255, 0.5);
		margin-left: 0.375rem;
		transition: transform 0.3s ease;
		display: inline-block;
	}

	.header-menu-list .menu-item-has-children:hover > a::after,
	.header-menu-list .menu-item-has-children.menu-open > a::after {
		transform: rotate(180deg);
		border-top-color: rgba(255, 255, 255, 0.9);
	}

	/* Submenu */
	.header-menu-list .sub-menu,
	.header-menu-list ul ul {
		position: absolute;
		top: calc(100% + 0.75rem);
		left: 0;
		min-width: 220px;
		background: rgba(15, 10, 17, 0.98);
		backdrop-filter: blur(20px) saturate(180%);
		border: 1px solid rgba(255, 38, 186, 0.15);
		border-radius: 0.75rem;
		padding: 0.5rem;
		margin: 0;
		list-style: none;
		box-shadow: 
			0 8px 32px rgba(0, 0, 0, 0.5),
			0 0 24px rgba(255, 38, 186, 0.15),
			inset 0 1px 0 rgba(255, 255, 255, 0.05);
		opacity: 0;
		visibility: hidden;
		transform: translateY(-8px);
		transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
		pointer-events: none;
		z-index: 99999;
	}

	.header-menu-list > li:hover > .sub-menu,
	.header-menu-list > li.menu-open > .sub-menu,
	.header-menu-list > li:hover > ul,
	.header-menu-list > li.menu-open > ul {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
		pointer-events: auto;
	}

	.header-menu-list .sub-menu li {
		margin: 0.125rem 0;
	}

	.header-menu-list .sub-menu a {
		display: block;
		padding: 0.75rem 1rem;
		color: rgba(255, 255, 255, 0.8);
		text-decoration: none;
		font-size: 0.875rem;
		font-weight: 500;
		border-radius: 0.5rem;
		transition: all 0.2s ease;
		position: relative;
	}

	.header-menu-list .sub-menu a::before {
		content: '';
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 3px;
		height: 0;
		background: rgba(255, 38, 186, 0.8);
		border-radius: 0 2px 2px 0;
		transition: height 0.2s ease;
	}

	.header-menu-list .sub-menu a:hover {
		color: rgba(255, 255, 255, 0.95);
		background: rgba(255, 38, 186, 0.15);
		padding-left: 1.5rem;
	}

	.header-menu-list .sub-menu a:hover::before {
		height: 60%;
	}

	.header-menu-list .sub-menu .current-menu-item > a,
	.header-menu-list .sub-menu .current_page_item > a {
		color: rgba(255, 255, 255, 0.95);
		background: rgba(255, 38, 186, 0.2);
		padding-left: 1.5rem;
	}

	.header-menu-list .sub-menu .current-menu-item > a::before,
	.header-menu-list .sub-menu .current_page_item > a::before {
		height: 60%;
	}

	/* Header Actions */
	.header-actions {
		display: flex;
		align-items: center;
		gap: 1rem;
		flex-shrink: 0;
	}

	.header-login {
		display: none;
		padding: 0.625rem 1.375rem;
		color: rgba(255, 255, 255, 0.75);
		text-decoration: none;
		font-size: 0.875rem;
		font-weight: 500;
		border-radius: 0.75rem;
		transition: all 0.25s ease;
		background: rgba(255, 255, 255, 0.03);
		border: 1px solid rgba(255, 255, 255, 0.08);
	}

	@media (min-width: 768px) {
		.header-login {
			display: inline-flex;
			align-items: center;
			justify-content: center;
		}
	}

	.header-login:hover {
		color: rgba(255, 255, 255, 1);
		background: rgba(255, 255, 255, 0.08);
		border-color: rgba(255, 38, 186, 0.2);
		transform: translateY(-1px);
	}

	.header-cta {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		padding: 0.625rem 1.625rem;
		background: linear-gradient(135deg, rgba(255, 38, 186, 0.98) 0%, rgba(224, 31, 163, 0.98) 100%);
		color: rgba(255, 255, 255, 1);
		text-decoration: none;
		font-size: 0.875rem;
		font-weight: 600;
		border-radius: 0.75rem;
		box-shadow: 
			0 4px 20px rgba(255, 38, 186, 0.35),
			inset 0 1px 0 rgba(255, 255, 255, 0.25);
		transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
		position: relative;
		overflow: hidden;
		border: 1px solid rgba(255, 38, 186, 0.3);
	}

	.header-cta::before {
		content: '';
		position: absolute;
		inset: 0;
		background: linear-gradient(135deg, rgba(255, 38, 186, 1) 0%, rgba(224, 31, 163, 1) 100%);
		opacity: 0;
		transition: opacity 0.25s ease;
	}

	.header-cta:hover {
		transform: translateY(-2px);
		box-shadow: 
			0 8px 28px rgba(255, 38, 186, 0.45),
			inset 0 1px 0 rgba(255, 255, 255, 0.3);
		border-color: rgba(255, 38, 186, 0.5);
	}

	.header-cta:hover::before {
		opacity: 1;
	}

	.header-cta span {
		position: relative;
		z-index: 1;
	}

	/* Mobile Menu Button */
	.mobile-menu-btn {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 2.75rem;
		height: 2.75rem;
		padding: 0;
		background: rgba(255, 255, 255, 0.06);
		border: 1px solid rgba(255, 255, 255, 0.1);
		border-radius: 0.625rem;
		cursor: pointer;
		transition: all 0.25s ease;
	}

	@media (min-width: 1024px) {
		.mobile-menu-btn {
			display: none;
		}
	}

	.mobile-menu-btn:hover {
		background: rgba(255, 255, 255, 0.12);
		border-color: rgba(255, 38, 186, 0.35);
		transform: scale(1.05);
	}

	.mobile-menu-icon {
		display: flex;
		flex-direction: column;
		gap: 0.3125rem;
		width: 1.375rem;
		height: 1.375rem;
		justify-content: center;
	}

	.menu-line {
		width: 100%;
		height: 2.5px;
		background: rgba(255, 255, 255, 0.85);
		border-radius: 2px;
		transition: all 0.25s ease;
	}

	.mobile-menu-btn:hover .menu-line {
		background: rgba(255, 38, 186, 0.95);
	}

	/* Mobile Menu Dropdown Styles */
	.mobile-sidebar-menu .menu-item-has-children {
		position: relative;
	}

	.mobile-sidebar-menu .menu-item-has-children > a {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		text-align: left;
	}

	.mobile-sidebar-menu .menu-item-has-children > a::after {
		content: '▼';
		font-size: 0.7rem;
		transition: transform 0.2s ease;
	}

	.mobile-sidebar-menu .menu-item-has-children.menu-open > a::after {
		transform: rotate(180deg);
	}

	.mobile-sidebar-menu .sub-menu {
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.3s ease;
		padding-left: 0;
		margin-top: 0.5rem;
		text-align: left;
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}

	.mobile-sidebar-menu .menu-item-has-children.menu-open > .sub-menu {
		max-height: 500px;
	}

	.mobile-sidebar-menu .sub-menu li {
		margin: 0.25rem 0;
		width: 100%;
	}

	.mobile-sidebar-menu .sub-menu a {
		padding: 0.5rem 0.75rem;
		padding-left: 2rem;
		color: rgba(255, 255, 255, 0.8);
		display: flex;
		align-items: center;
		gap: 0.75rem;
		border-radius: 4px;
		transition: all 0.2s ease;
		text-align: left;
		width: 100%;
		justify-content: flex-start;
	}
	
	.mobile-sidebar-menu .sub-menu a::before {
		content: '→';
		font-size: 0.875rem;
		color: #FF26BA;
		flex-shrink: 0;
		width: 1rem;
		text-align: center;
		display: inline-block;
	}

	.mobile-sidebar-menu .sub-menu a:hover {
		color: #FF26BA;
		background: rgba(255, 38, 186, 0.1);
	}

	/* Mobile Sidebar Styles */
	.mobile-sidebar-overlay {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(0, 0, 0, 0.75);
		backdrop-filter: blur(8px);
		z-index: 99998 !important;
		opacity: 0;
		visibility: hidden;
		transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.3s ease;
	}

	.mobile-sidebar-overlay:not(.hidden) {
		opacity: 1;
		visibility: visible;
	}

	.mobile-sidebar {
		position: fixed;
		top: 0;
		right: 0;
		width: 340px;
		max-width: 85vw;
		height: 100vh;
		background: rgba(15, 10, 17, 0.98);
		backdrop-filter: blur(24px) saturate(180%);
		border-left: 1px solid rgba(255, 38, 186, 0.2);
		box-shadow: 
			-8px 0 48px rgba(0, 0, 0, 0.6),
			0 0 32px rgba(255, 38, 186, 0.1);
		z-index: 99999 !important;
		display: flex;
		flex-direction: column;
		transform: translateX(100%);
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s ease, visibility 0.4s ease;
	}

	.mobile-sidebar.hidden {
		display: none;
	}

	.mobile-sidebar:not(.hidden) {
		transform: translateX(0);
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}

	/* Hide mobile sidebar on desktop */
	@media (min-width: 1024px) {
		.mobile-sidebar-overlay,
		.mobile-sidebar {
			display: none !important;
			visibility: hidden !important;
			opacity: 0 !important;
		}
	}

	.mobile-sidebar-header {
		flex-shrink: 0;
		padding: 1.5rem;
		border-bottom: 1px solid rgba(255, 38, 186, 0.15);
		display: flex;
		align-items: center;
		justify-content: space-between;
		background: rgba(255, 255, 255, 0.02);
	}

	.mobile-sidebar-header .logo-link {
		display: flex;
		align-items: center;
		gap: 0.75rem;
		text-decoration: none;
	}

	.mobile-sidebar-header .logo-image {
		height: 2.5rem;
		width: auto;
		flex-shrink: 0;
	}

	.mobile-sidebar-header .logo-text {
		font-size: 1.125rem;
		font-weight: 700;
		letter-spacing: 0.05em;
		color: rgba(255, 255, 255, 1);
		text-transform: uppercase;
		font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
		line-height: 1;
		white-space: nowrap;
	}

	#mobile-sidebar-close {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 2.5rem;
		height: 2.5rem;
		padding: 0;
		background: rgba(255, 255, 255, 0.05);
		border: 1px solid rgba(255, 255, 255, 0.1);
		border-radius: 0.5rem;
		color: rgba(255, 255, 255, 0.8);
		cursor: pointer;
		transition: all 0.3s ease;
	}

	#mobile-sidebar-close:hover {
		background: rgba(255, 38, 186, 0.2);
		border-color: rgba(255, 38, 186, 0.4);
		color: rgba(255, 255, 255, 1);
	}

	/* ============================================
	   MODERN HEADER NAVIGATION - REDESIGNED
	   ============================================ */

	/* Header Container */
	.site-header {
		position: sticky;
		top: 0;
		z-index: 1000;
		background: rgba(10, 8, 12, 0.95);
		backdrop-filter: blur(24px) saturate(180%);
		border-bottom: 1px solid rgba(255, 38, 186, 0.08);
		box-shadow: 0 2px 16px rgba(0, 0, 0, 0.3);
		transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	}

	.header-container {
		max-width: 1400px;
		margin: 0 auto;
		padding: 0 2rem;
	}

	.header-nav {
		display: flex;
		align-items: center;
		justify-content: space-between;
		height: 5rem;
		gap: 3rem;
	}

	/* Logo */
	.header-logo {
		flex-shrink: 0;
		z-index: 10;
	}

	.logo-link {
		display: flex;
		align-items: center;
		gap: 0.75rem;
		transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
		text-decoration: none;
	}

	.logo-link:hover {
		transform: translateX(2px);
	}

	.logo-image {
		height: 2.75rem;
		width: auto;
		object-fit: contain;
		flex-shrink: 0;
	}

	.logo-text {
		font-size: 1.25rem;
		font-weight: 700;
		letter-spacing: 0.05em;
		color: rgba(255, 255, 255, 1);
		text-transform: uppercase;
		font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
		line-height: 1;
		white-space: nowrap;
	}

	@media (max-width: 640px) {
		.logo-text {
			font-size: 1.125rem;
		}
		
		.header-container {
			padding: 0 1.25rem;
		}
		
		.header-nav {
			height: 4.5rem;
			gap: 1.5rem;
		}
	}

	/* Navigation Menu */
	.header-menu-wrapper {
		flex: 1;
		display: none;
		justify-content: center;
		align-items: center;
	}

	@media (min-width: 1024px) {
		.header-menu-wrapper {
			display: flex;
		}
	}

	.header-menu {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.header-menu-list {
		display: flex;
		align-items: center;
		gap: 0.125rem;
		list-style: none;
		margin: 0;
		padding: 0.375rem;
		background: rgba(20, 15, 23, 0.4);
		backdrop-filter: blur(20px);
		border: 1px solid rgba(255, 38, 186, 0.1);
		border-radius: 1rem;
		box-shadow: 
			0 4px 20px rgba(0, 0, 0, 0.25),
			inset 0 1px 0 rgba(255, 255, 255, 0.03);
	}

	.header-menu-list > li {
		position: relative;
	}

	.header-menu-list > li > a {
		display: flex;
		align-items: center;
		gap: 0.5rem;
		padding: 0.625rem 1.125rem;
		color: rgba(255, 255, 255, 0.7);
		text-decoration: none;
		font-size: 0.875rem;
		font-weight: 500;
		border-radius: 0.75rem;
		transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
		position: relative;
		white-space: nowrap;
	}

	.header-menu-list > li > a::before {
		content: '';
		position: absolute;
		inset: 0;
		background: rgba(255, 38, 186, 0.12);
		border-radius: 0.75rem;
		opacity: 0;
		transition: opacity 0.25s ease;
		z-index: -1;
	}

	.header-menu-list > li > a:hover {
		color: rgba(255, 255, 255, 1);
		transform: translateY(-1px);
	}

	.header-menu-list > li > a:hover::before {
		opacity: 1;
	}

	.header-menu-list > li.current-menu-item > a,
	.header-menu-list > li.current_page_item > a {
		color: rgba(255, 255, 255, 1);
		background: rgba(255, 38, 186, 0.18);
		box-shadow: 
			0 2px 8px rgba(255, 38, 186, 0.25),
			inset 0 1px 0 rgba(255, 255, 255, 0.08);
	}

	.header-menu-list > li.current-menu-item > a::before,
	.header-menu-list > li.current_page_item > a::before {
		opacity: 1;
		background: rgba(255, 38, 186, 0.22);
	}

	/* Dropdown Menu */
	.header-menu-list .menu-item-has-children > a::after {
		content: '';
		width: 0;
		height: 0;
		border-left: 4px solid transparent;
		border-right: 4px solid transparent;
		border-top: 4px solid rgba(255, 255, 255, 0.5);
		margin-left: 0.375rem;
		transition: transform 0.3s ease;
		display: inline-block;
	}

	.header-menu-list .menu-item-has-children:hover > a::after,
	.header-menu-list .menu-item-has-children.menu-open > a::after {
		transform: rotate(180deg);
		border-top-color: rgba(255, 255, 255, 0.9);
	}

	/* Submenu */
	.header-menu-list .sub-menu,
	.header-menu-list ul ul {
		position: absolute;
		top: calc(100% + 0.75rem);
		left: 0;
		min-width: 220px;
		background: rgba(15, 10, 17, 0.98);
		backdrop-filter: blur(20px) saturate(180%);
		border: 1px solid rgba(255, 38, 186, 0.15);
		border-radius: 0.75rem;
		padding: 0.5rem;
		margin: 0;
		list-style: none;
		box-shadow: 
			0 8px 32px rgba(0, 0, 0, 0.5),
			0 0 24px rgba(255, 38, 186, 0.15),
			inset 0 1px 0 rgba(255, 255, 255, 0.05);
		opacity: 0;
		visibility: hidden;
		transform: translateY(-8px);
		transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
		pointer-events: none;
		z-index: 99999;
	}

	.header-menu-list > li:hover > .sub-menu,
	.header-menu-list > li.menu-open > .sub-menu,
	.header-menu-list > li:hover > ul,
	.header-menu-list > li.menu-open > ul {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
		pointer-events: auto;
	}

	.header-menu-list .sub-menu li {
		margin: 0.125rem 0;
	}

	.header-menu-list .sub-menu a {
		display: block;
		padding: 0.75rem 1rem;
		color: rgba(255, 255, 255, 0.8);
		text-decoration: none;
		font-size: 0.875rem;
		font-weight: 500;
		border-radius: 0.5rem;
		transition: all 0.2s ease;
		position: relative;
	}

	.header-menu-list .sub-menu a::before {
		content: '';
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 3px;
		height: 0;
		background: rgba(255, 38, 186, 0.8);
		border-radius: 0 2px 2px 0;
		transition: height 0.2s ease;
	}

	.header-menu-list .sub-menu a:hover {
		color: rgba(255, 255, 255, 0.95);
		background: rgba(255, 38, 186, 0.15);
		padding-left: 1.5rem;
	}

	.header-menu-list .sub-menu a:hover::before {
		height: 60%;
	}

	.header-menu-list .sub-menu .current-menu-item > a,
	.header-menu-list .sub-menu .current_page_item > a {
		color: rgba(255, 255, 255, 0.95);
		background: rgba(255, 38, 186, 0.2);
		padding-left: 1.5rem;
	}

	.header-menu-list .sub-menu .current-menu-item > a::before,
	.header-menu-list .sub-menu .current_page_item > a::before {
		height: 60%;
	}

	/* Header Actions */
	.header-actions {
		display: flex;
		align-items: center;
		gap: 1rem;
		flex-shrink: 0;
	}

	.header-login {
		display: none;
		padding: 0.625rem 1.375rem;
		color: rgba(255, 255, 255, 0.75);
		text-decoration: none;
		font-size: 0.875rem;
		font-weight: 500;
		border-radius: 0.75rem;
		transition: all 0.25s ease;
		background: rgba(255, 255, 255, 0.03);
		border: 1px solid rgba(255, 255, 255, 0.08);
	}

	@media (min-width: 768px) {
		.header-login {
			display: inline-flex;
			align-items: center;
			justify-content: center;
		}
	}

	.header-login:hover {
		color: rgba(255, 255, 255, 1);
		background: rgba(255, 255, 255, 0.08);
		border-color: rgba(255, 38, 186, 0.2);
		transform: translateY(-1px);
	}

	.header-cta {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		padding: 0.625rem 1.625rem;
		background: linear-gradient(135deg, rgba(255, 38, 186, 0.98) 0%, rgba(224, 31, 163, 0.98) 100%);
		color: rgba(255, 255, 255, 1);
		text-decoration: none;
		font-size: 0.875rem;
		font-weight: 600;
		border-radius: 0.75rem;
		box-shadow: 
			0 4px 20px rgba(255, 38, 186, 0.35),
			inset 0 1px 0 rgba(255, 255, 255, 0.25);
		transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
		position: relative;
		overflow: hidden;
		border: 1px solid rgba(255, 38, 186, 0.3);
	}

	.header-cta::before {
		content: '';
		position: absolute;
		inset: 0;
		background: linear-gradient(135deg, rgba(255, 38, 186, 1) 0%, rgba(224, 31, 163, 1) 100%);
		opacity: 0;
		transition: opacity 0.25s ease;
	}

	.header-cta:hover {
		transform: translateY(-2px);
		box-shadow: 
			0 8px 28px rgba(255, 38, 186, 0.45),
			inset 0 1px 0 rgba(255, 255, 255, 0.3);
		border-color: rgba(255, 38, 186, 0.5);
	}

	.header-cta:hover::before {
		opacity: 1;
	}

	.header-cta span {
		position: relative;
		z-index: 1;
	}

	/* Mobile Menu Button */
	.mobile-menu-btn {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 2.75rem;
		height: 2.75rem;
		padding: 0;
		background: rgba(255, 255, 255, 0.06);
		border: 1px solid rgba(255, 255, 255, 0.1);
		border-radius: 0.625rem;
		cursor: pointer;
		transition: all 0.25s ease;
	}

	@media (min-width: 1024px) {
		.mobile-menu-btn {
			display: none;
		}
	}

	.mobile-menu-btn:hover {
		background: rgba(255, 255, 255, 0.12);
		border-color: rgba(255, 38, 186, 0.35);
		transform: scale(1.05);
	}

	.mobile-menu-icon {
		display: flex;
		flex-direction: column;
		gap: 0.3125rem;
		width: 1.375rem;
		height: 1.375rem;
		justify-content: center;
	}

	.menu-line {
		width: 100%;
		height: 2.5px;
		background: rgba(255, 255, 255, 0.85);
		border-radius: 2px;
		transition: all 0.25s ease;
	}

	.mobile-menu-btn:hover .menu-line {
		background: rgba(255, 38, 186, 0.95);
	}

	/* Mobile Menu Dropdown Styles */
	.mobile-sidebar-menu .menu-item-has-children {
		position: relative;
	}

	.mobile-sidebar-menu .menu-item-has-children > a {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		text-align: left;
	}

	.mobile-sidebar-menu .menu-item-has-children > a::after {
		content: '▼';
		font-size: 0.7rem;
		transition: transform 0.2s ease;
	}

	.mobile-sidebar-menu .menu-item-has-children.menu-open > a::after {
		transform: rotate(180deg);
	}

	.mobile-sidebar-menu .sub-menu {
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.3s ease;
		padding-left: 0;
		margin-top: 0.5rem;
		text-align: left;
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}

	.mobile-sidebar-menu .menu-item-has-children.menu-open > .sub-menu {
		max-height: 500px;
	}

	.mobile-sidebar-menu .sub-menu li {
		margin: 0.25rem 0;
		width: 100%;
	}

	.mobile-sidebar-menu .sub-menu a {
		padding: 0.5rem 0.75rem;
		padding-left: 2rem;
		color: rgba(255, 255, 255, 0.8);
		display: flex;
		align-items: center;
		gap: 0.75rem;
		border-radius: 4px;
		transition: all 0.2s ease;
		text-align: left;
		width: 100%;
		justify-content: flex-start;
	}
	
	.mobile-sidebar-menu .sub-menu a::before {
		content: '→';
		font-size: 0.875rem;
		color: #FF26BA;
		flex-shrink: 0;
		width: 1rem;
		text-align: center;
		display: inline-block;
	}

	.mobile-sidebar-menu .sub-menu a:hover {
		color: #FF26BA;
		background: rgba(255, 38, 186, 0.1);
	}

	/* Mobile Sidebar Styles */
	.mobile-sidebar-overlay {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(0, 0, 0, 0.75);
		backdrop-filter: blur(8px);
		z-index: 99998 !important;
		opacity: 0;
		visibility: hidden;
		transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.3s ease;
	}

	.mobile-sidebar-overlay:not(.hidden) {
		opacity: 1;
		visibility: visible;
	}

	.mobile-sidebar {
		position: fixed;
		top: 0;
		right: 0;
		width: 340px;
		max-width: 85vw;
		height: 100vh;
		background: rgba(15, 10, 17, 0.98);
		backdrop-filter: blur(24px) saturate(180%);
		border-left: 1px solid rgba(255, 38, 186, 0.2);
		box-shadow: 
			-8px 0 48px rgba(0, 0, 0, 0.6),
			0 0 32px rgba(255, 38, 186, 0.1);
		z-index: 99999 !important;
		display: flex;
		flex-direction: column;
		transform: translateX(100%);
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s ease, visibility 0.4s ease;
	}

	.mobile-sidebar.hidden {
		display: none;
	}

	.mobile-sidebar:not(.hidden) {
		transform: translateX(0);
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}

	/* Hide mobile sidebar on desktop */
	@media (min-width: 1024px) {
		.mobile-sidebar-overlay,
		.mobile-sidebar {
			display: none !important;
			visibility: hidden !important;
			opacity: 0 !important;
		}
	}

	.mobile-sidebar-header {
		flex-shrink: 0;
		padding: 1.5rem;
		border-bottom: 1px solid rgba(255, 38, 186, 0.15);
		display: flex;
		align-items: center;
		justify-content: space-between;
		background: rgba(255, 255, 255, 0.02);
	}

	.mobile-sidebar-header .logo-link {
		display: flex;
		align-items: center;
		gap: 0.75rem;
		text-decoration: none;
	}

	.mobile-sidebar-header .logo-image {
		height: 2.5rem;
		width: auto;
		flex-shrink: 0;
	}

	.mobile-sidebar-header .logo-text {
		font-size: 1.125rem;
		font-weight: 700;
		letter-spacing: 0.05em;
		color: rgba(255, 255, 255, 1);
		text-transform: uppercase;
		font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
		line-height: 1;
		white-space: nowrap;
	}

	#mobile-sidebar-close {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 2.5rem;
		height: 2.5rem;
		padding: 0;
		background: rgba(255, 255, 255, 0.05);
		border: 1px solid rgba(255, 255, 255, 0.1);
		border-radius: 0.5rem;
		color: rgba(255, 255, 255, 0.8);
		cursor: pointer;
		transition: all 0.3s ease;
	}

	#mobile-sidebar-close:hover {
		background: rgba(255, 38, 186, 0.2);
		border-color: rgba(255, 38, 186, 0.4);
		color: rgba(255, 255, 255, 1);
	}

	#mobile-sidebar-close svg {
		width: 1.5rem;
		height: 1.5rem;
	}

	.mobile-sidebar-menu {
		flex: 1;
		overflow-y: auto;
		padding: 1.5rem;
	}

	.mobile-sidebar-menu ul,
	.mobile-sidebar-menu .mobile-menu-list {
		list-style: none;
		margin: 0;
		padding: 0;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 0.5rem;
	}

	.mobile-sidebar-menu li {
		margin: 0;
		width: 100%;
	}

	.mobile-sidebar-menu > ul > li > a,
	.mobile-sidebar-menu .mobile-menu-list > li > a {
		display: flex;
		align-items: center;
		gap: 0.75rem;
		padding: 0.875rem 1.25rem;
		color: rgba(255, 255, 255, 0.85);
		text-decoration: none;
		font-size: 0.9375rem;
		font-weight: 500;
		border-radius: 0.625rem;
		transition: all 0.3s ease;
		text-align: left;
		width: 100%;
		justify-content: flex-start;
		background: rgba(255, 255, 255, 0.03);
		border: 1px solid rgba(255, 255, 255, 0.05);
		position: relative;
		overflow: hidden;
	}

	.mobile-sidebar-menu > ul > li > a::before,
	.mobile-sidebar-menu .mobile-menu-list > li > a::before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		width: 3px;
		background: rgba(255, 38, 186, 0.8);
		transform: scaleY(0);
		transform-origin: bottom;
		transition: transform 0.3s ease;
	}

	.mobile-sidebar-menu > ul > li > a:hover,
	.mobile-sidebar-menu .mobile-menu-list > li > a:hover {
		color: rgba(255, 255, 255, 0.95);
		background: rgba(255, 38, 186, 0.15);
		border-color: rgba(255, 38, 186, 0.3);
		transform: translateX(4px);
	}

	.mobile-sidebar-menu > ul > li > a:hover::before,
	.mobile-sidebar-menu .mobile-menu-list > li > a:hover::before {
		transform: scaleY(1);
	}

	.mobile-sidebar-menu .current-menu-item > a,
	.mobile-sidebar-menu .current_page_item > a {
		color: rgba(255, 255, 255, 0.95);
		background: rgba(255, 38, 186, 0.2);
		border-color: rgba(255, 38, 186, 0.4);
	}

	.mobile-sidebar-menu .current-menu-item > a::before,
	.mobile-sidebar-menu .current_page_item > a::before {
		transform: scaleY(1);
	}

	.mobile-sidebar-footer {
		flex-shrink: 0;
		padding: 1.5rem;
		border-top: 1px solid rgba(255, 38, 186, 0.15);
		display: flex;
		flex-direction: column;
		gap: 0.75rem;
		background: rgba(255, 255, 255, 0.02);
	}

	.mobile-sidebar-footer a {
	.logo-text {
		font-size: 1.25rem;
		font-weight: 700;
		letter-spacing: 0.05em;
		color: rgba(255, 255, 255, 1);
		text-transform: uppercase;
		font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
		line-height: 1;
		white-space: nowrap;
	}

	/* Hide logo text on mobile */
	@media (max-width: 1023px) {
		.logo-text {
			display: none !important;
		}
	}

	@media (max-width: 640px) {
		.header-container {
			padding: 0 1.25rem;
		}
		
		.header-nav {
			height: 4.5rem;
		flex-shrink: 0;
	}

	.mobile-sidebar-header .logo-text {
		display: none !important;
	}

	#mobile-sidebar-close {
		display: flex;
		align-items: center;
		padding: 0;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 1rem;
	}

	.mobile-sidebar-menu li {
		margin: 0;
		width: 100%;
		transform: scaleY(1);
	}

	/* Menu Icons */
	.mobile-sidebar-menu .menu-icon {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 1.5rem;
		height: 1.5rem;
		flex-shrink: 0;
		margin-right: 0;
		position: relative;
	}

	/* Home icon */
	.mobile-sidebar-menu a[href*="home"] .menu-icon::before,
	.mobile-sidebar-menu a[href="/"] .menu-icon::before,
	.mobile-sidebar-menu .menu-item:first-child > a .menu-icon::before {
		content: '';
		width: 1.25rem;
		height: 1.25rem;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgba(255,38,186,0.8)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6'/%3E%3C/svg%3E");
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		display: block;
	}

	/* Pricing icon */
	.mobile-sidebar-menu a[href*="pricing"] .menu-icon::before,
	.mobile-sidebar-menu a[href*="price"] .menu-icon::before {
		content: '';
		width: 1.25rem;
		height: 1.25rem;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgba(255,38,186,0.8)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z'/%3E%3C/svg%3E");
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		display: block;
	}

	/* Features icon */
	.mobile-sidebar-menu a[href*="feature"] .menu-icon::before {
		content: '';
		width: 1.25rem;
		height: 1.25rem;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgba(255,38,186,0.8)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z'/%3E%3C/svg%3E");
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		display: block;
	}

	/* Contact icon */
	.mobile-sidebar-menu a[href*="contact"] .menu-icon::before {
		content: '';
		width: 1.25rem;
		height: 1.25rem;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgba(255,38,186,0.8)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z'/%3E%3C/svg%3E");
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		display: block;
	}

	/* Documentation icon */
	.mobile-sidebar-menu a[href*="documentation"] .menu-icon::before,
	.mobile-sidebar-menu a[href*="docs"] .menu-icon::before {
		content: '';
		width: 1.25rem;
		height: 1.25rem;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgba(255,38,186,0.8)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z'/%3E%3C/svg%3E");
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		display: block;
	}

	/* Resources icon */
	.mobile-sidebar-menu a[href*="resource"] .menu-icon::before {
		content: '';
		width: 1.25rem;
		height: 1.25rem;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgba(255,38,186,0.8)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253'/%3E%3C/svg%3E");
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		display: block;
	}

	/* Support icon */
	.mobile-sidebar-menu a[href*="support"] .menu-icon::before {
		content: '';
		width: 1.25rem;
		height: 1.25rem;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgba(255,38,186,0.8)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18.364 5.636l-3.536 3.536m0 5.656l3.536 3.536M9.172 9.172L5.636 5.636m3.536 9.192l-3.536 3.536M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-5 0a4 4 0 11-8 0 4 4 0 018 0z'/%3E%3C/svg%3E");
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		display: block;
	}

	/* Default icon for other menu items */
	.mobile-sidebar-menu .menu-icon::before {
		content: '';
		width: 1.25rem;
		height: 1.25rem;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgba(255,38,186,0.8)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 5l7 7-7 7'/%3E%3C/svg%3E");
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		display: block;
	}

	.mobile-sidebar-footer {
		flex-shrink: 0;
		padding: 1.5rem;

/* Mobile Logo Text Hide */
@media (max-width: 1023px) {
	.logo-text {
		display: none !important;
	}
}

.mobile-sidebar-header .logo-text {
	display: none !important;
}

/* Mobile Menu Spacing */
.mobile-sidebar-menu ul,
.mobile-sidebar-menu .mobile-menu-list {
	gap: 1rem;
}

/* Menu Icons */
.mobile-sidebar-menu .menu-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.5rem;
	height: 1.5rem;
	flex-shrink: 0;
	margin-right: 0;
	position: relative;
}

.mobile-sidebar-menu a[href*="home"] .menu-icon::before,
.mobile-sidebar-menu a[href="/"] .menu-icon::before,
.mobile-sidebar-menu .menu-item:first-child > a .menu-icon::before {
	content: '';
	width: 1.25rem;
	height: 1.25rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgba(255,38,186,0.8)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
}

.mobile-sidebar-menu a[href*="pricing"] .menu-icon::before,
.mobile-sidebar-menu a[href*="price"] .menu-icon::before {
	content: '';
	width: 1.25rem;
	height: 1.25rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgba(255,38,186,0.8)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
}

.mobile-sidebar-menu a[href*="feature"] .menu-icon::before {
	content: '';
	width: 1.25rem;
	height: 1.25rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgba(255,38,186,0.8)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
}

.mobile-sidebar-menu a[href*="contact"] .menu-icon::before {
	content: '';
	width: 1.25rem;
	height: 1.25rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgba(255,38,186,0.8)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
}

.mobile-sidebar-menu a[href*="documentation"] .menu-icon::before,
.mobile-sidebar-menu a[href*="docs"] .menu-icon::before {
	content: '';
	width: 1.25rem;
	height: 1.25rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgba(255,38,186,0.8)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
}

.mobile-sidebar-menu a[href*="resource"] .menu-icon::before {
	content: '';
	width: 1.25rem;
	height: 1.25rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgba(255,38,186,0.8)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
}

.mobile-sidebar-menu a[href*="support"] .menu-icon::before {
	content: '';
	width: 1.25rem;
	height: 1.25rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgba(255,38,186,0.8)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18.364 5.636l-3.536 3.536m0 5.656l3.536 3.536M9.172 9.172L5.636 5.636m3.536 9.192l-3.536 3.536M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-5 0a4 4 0 11-8 0 4 4 0 018 0z'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
}

.mobile-sidebar-menu .menu-icon::before {
	content: '';
	width: 1.25rem;
	height: 1.25rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgba(255,38,186,0.8)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 5l7 7-7 7'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
}

/* Override conflicting styles - Mobile Logo Text Hide */
@media (max-width: 1023px) {
	.logo-text {
		display: none !important;
	}
}

.mobile-sidebar-header .logo-text {
	display: none !important;
}

/* Override conflicting styles - Mobile Menu Spacing */
.mobile-sidebar-menu ul,
.mobile-sidebar-menu .mobile-menu-list {
	gap: 1rem !important;
}

/* Menu Icons - Ensure they display */
.mobile-sidebar-menu .menu-icon {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 1.5rem !important;
	height: 1.5rem !important;
	flex-shrink: 0;
	margin-right: 0;
	position: relative;
	min-width: 1.5rem;
}

.mobile-sidebar-menu a[href*="home"] .menu-icon::before,
.mobile-sidebar-menu a[href="/"] .menu-icon::before,
.mobile-sidebar-menu .menu-item:first-child > a .menu-icon::before {
	content: '' !important;
	width: 1.25rem;
	height: 1.25rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgba(255,38,186,0.8)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
}

.mobile-sidebar-menu a[href*="pricing"] .menu-icon::before,
.mobile-sidebar-menu a[href*="price"] .menu-icon::before {
	content: '' !important;
	width: 1.25rem;
	height: 1.25rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgba(255,38,186,0.8)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
}

.mobile-sidebar-menu a[href*="feature"] .menu-icon::before {
	content: '' !important;
	width: 1.25rem;
	height: 1.25rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgba(255,38,186,0.8)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
}

.mobile-sidebar-menu a[href*="contact"] .menu-icon::before {
	content: '' !important;
	width: 1.25rem;
	height: 1.25rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgba(255,38,186,0.8)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
}

.mobile-sidebar-menu a[href*="documentation"] .menu-icon::before,
.mobile-sidebar-menu a[href*="docs"] .menu-icon::before {
	content: '' !important;
	width: 1.25rem;
	height: 1.25rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgba(255,38,186,0.8)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
}

.mobile-sidebar-menu a[href*="resource"] .menu-icon::before {
	content: '' !important;
	width: 1.25rem;
	height: 1.25rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgba(255,38,186,0.8)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
}

.mobile-sidebar-menu a[href*="support"] .menu-icon::before {
	content: '' !important;
	width: 1.25rem;
	height: 1.25rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgba(255,38,186,0.8)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18.364 5.636l-3.536 3.536m0 5.656l3.536 3.536M9.172 9.172L5.636 5.636m3.536 9.192l-3.536 3.536M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-5 0a4 4 0 11-8 0 4 4 0 018 0z'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
}

.mobile-sidebar-menu .menu-icon::before {
	content: '' !important;
	width: 1.25rem;
	height: 1.25rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgba(255,38,186,0.8)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 5l7 7-7 7'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
}

/* CRITICAL OVERRIDES - Must be at the end to override conflicting styles */
@media (max-width: 1023px) {
	.header-logo .logo-text,
	.mobile-sidebar-header .logo-text {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		width: 0 !important;
		height: 0 !important;
		overflow: hidden !important;
	}
}

.mobile-sidebar-menu ul.mobile-menu-list,
.mobile-sidebar-menu .mobile-menu-list,
.mobile-sidebar-menu > ul {
	gap: 1rem !important;
}

.mobile-sidebar-menu .menu-icon {
	display: inline-flex !important;
	visibility: visible !important;
	opacity: 1 !important;
	width: 1.5rem !important;
	height: 1.5rem !important;
	min-width: 1.5rem !important;
	min-height: 1.5rem !important;
	flex-shrink: 0 !important;
	margin-right: 0.5rem !important;
	position: relative !important;
}

.mobile-sidebar-menu a .menu-icon::before {
	content: '' !important;
	display: block !important;
	width: 1.25rem !important;
	height: 1.25rem !important;
	min-width: 1.25rem !important;
	min-height: 1.25rem !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	visibility: visible !important;
	opacity: 1 !important;
}

.mobile-sidebar-menu a[href*="home"] .menu-icon::before,
.mobile-sidebar-menu a[href="/"] .menu-icon::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgba(255,38,186,0.8)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6'/%3E%3C/svg%3E") !important;
}

.mobile-sidebar-menu a[href*="pricing"] .menu-icon::before,
.mobile-sidebar-menu a[href*="price"] .menu-icon::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgba(255,38,186,0.8)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z'/%3E%3C/svg%3E") !important;
}

.mobile-sidebar-menu a[href*="feature"] .menu-icon::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgba(255,38,186,0.8)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z'/%3E%3C/svg%3E") !important;
}

.mobile-sidebar-menu a[href*="contact"] .menu-icon::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgba(255,38,186,0.8)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z'/%3E%3C/svg%3E") !important;
}

.mobile-sidebar-menu a[href*="documentation"] .menu-icon::before,
.mobile-sidebar-menu a[href*="docs"] .menu-icon::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgba(255,38,186,0.8)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z'/%3E%3C/svg%3E") !important;
}

.mobile-sidebar-menu a[href*="resource"] .menu-icon::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgba(255,38,186,0.8)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253'/%3E%3C/svg%3E") !important;
}

.mobile-sidebar-menu a[href*="support"] .menu-icon::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgba(255,38,186,0.8)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18.364 5.636l-3.536 3.536m0 5.656l3.536 3.536M9.172 9.172L5.636 5.636m3.536 9.192l-3.536 3.536M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-5 0a4 4 0 11-8 0 4 4 0 018 0z'/%3E%3C/svg%3E") !important;
}

.mobile-sidebar-menu .menu-icon::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgba(255,38,186,0.8)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 5l7 7-7 7'/%3E%3C/svg%3E") !important;
}

/* Mobile Logo - Show only icon by cropping */
@media (max-width: 1023px) {
	.header-logo .logo-image {
		max-width: 50px !important;
		width: 50px !important;
		height: auto !important;
		object-fit: cover !important;
		object-position: left center !important;
	}
	
	.header-logo .logo-link {
		overflow: hidden !important;
	}
	
	.mobile-sidebar-header .logo-image {
		max-width: 180px !important;
	}
}

/* Desktop - Show full logo */
@media (min-width: 1024px) {
	.header-logo .logo-image {
		max-width: 180px !important;
		width: auto !important;
	}
}

/* ============================================
   PROFESSIONAL MOBILE SIDEBAR STYLES
   ============================================ */

/* Mobile Sidebar Container */
.mobile-sidebar {
	position: fixed !important;
	top: 0 !important;
	right: -100% !important;
	width: 100% !important;
	max-width: 320px !important;
	height: 100vh !important;
	height: 100dvh !important;
	background: linear-gradient(180deg, rgba(15, 5, 20, 0.98) 0%, rgba(10, 2, 15, 0.99) 100%) !important;
	backdrop-filter: blur(20px) !important;
	-webkit-backdrop-filter: blur(20px) !important;
	z-index: 99999 !important;
	transition: right 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
	display: flex !important;
	flex-direction: column !important;
	border-left: 1px solid rgba(255, 38, 186, 0.15) !important;
	box-shadow: -10px 0 40px rgba(0, 0, 0, 0.5) !important;
}

.mobile-sidebar.open {
	right: 0 !important;
}

/* Sidebar Header */
.mobile-sidebar-header {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	padding: 1.25rem 1.5rem !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
	background: rgba(255, 38, 186, 0.03) !important;
}

.mobile-sidebar-header .logo-image {
	height: 36px !important;
	width: auto !important;
	max-width: 160px !important;
}

#mobile-sidebar-close {
	width: 40px !important;
	height: 40px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: rgba(255, 255, 255, 0.05) !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-radius: 10px !important;
	color: rgba(255, 255, 255, 0.7) !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
}

#mobile-sidebar-close:hover {
	background: rgba(255, 38, 186, 0.15) !important;
	border-color: rgba(255, 38, 186, 0.3) !important;
	color: #ff26ba !important;
}

/* Sidebar Menu */
.mobile-sidebar-menu {
	flex: 1 !important;
	overflow-y: auto !important;
	padding: 1rem 0 !important;
}

.mobile-sidebar-menu .mobile-menu-list {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 0.75rem !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 0.25rem !important;
}

.mobile-sidebar-menu .menu-item {
	margin: 0 !important;
	padding: 0 !important;
}

.mobile-sidebar-menu .menu-item a {
	display: flex !important;
	align-items: center !important;
	gap: 0.875rem !important;
	padding: 0.875rem 1rem !important;
	color: rgba(255, 255, 255, 0.85) !important;
	text-decoration: none !important;
	font-size: 0.9375rem !important;
	font-weight: 500 !important;
	border-radius: 12px !important;
	transition: all 0.2s ease !important;
	background: transparent !important;
	border: 1px solid transparent !important;
}

.mobile-sidebar-menu .menu-item a:hover,
.mobile-sidebar-menu .menu-item a:focus {
	background: rgba(255, 38, 186, 0.1) !important;
	border-color: rgba(255, 38, 186, 0.2) !important;
	color: #fff !important;
}

.mobile-sidebar-menu .menu-item a:hover .menu-icon,
.mobile-sidebar-menu .menu-item a:focus .menu-icon {
	color: #ff26ba !important;
	stroke: #ff26ba !important;
}

.mobile-sidebar-menu .menu-icon {
	width: 20px !important;
	height: 20px !important;
	flex-shrink: 0 !important;
	color: rgba(255, 38, 186, 0.7) !important;
	stroke: rgba(255, 38, 186, 0.7) !important;
	transition: all 0.2s ease !important;
}

.mobile-sidebar-menu .menu-item a span {
	flex: 1 !important;
}

/* Sidebar Footer */
.mobile-sidebar-footer {
	padding: 1rem 1.25rem 1.5rem !important;
	border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
	background: rgba(0, 0, 0, 0.2) !important;
}

.mobile-sidebar-buttons {
	display: flex !important;
	gap: 0.75rem !important;
	margin-bottom: 1rem !important;
}

.mobile-login-btn,
.mobile-cta-btn {
	flex: 1 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.5rem !important;
	padding: 0.75rem 1rem !important;
	font-size: 0.875rem !important;
	font-weight: 600 !important;
	border-radius: 10px !important;
	text-decoration: none !important;
	transition: all 0.2s ease !important;
}

.mobile-login-btn {
	background: rgba(255, 255, 255, 0.08) !important;
	border: 1px solid rgba(255, 255, 255, 0.15) !important;
	color: rgba(255, 255, 255, 0.9) !important;
}

.mobile-login-btn:hover {
	background: rgba(255, 255, 255, 0.12) !important;
	border-color: rgba(255, 255, 255, 0.25) !important;
	color: #fff !important;
}

.mobile-cta-btn {
	background: linear-gradient(135deg, #ff26ba 0%, #ff5cd3 100%) !important;
	border: none !important;
	color: #fff !important;
	box-shadow: 0 4px 15px rgba(255, 38, 186, 0.3) !important;
}

.mobile-cta-btn:hover {
	background: linear-gradient(135deg, #ff5cd3 0%, #ff26ba 100%) !important;
	box-shadow: 0 6px 20px rgba(255, 38, 186, 0.4) !important;
	transform: translateY(-1px) !important;
}

.mobile-sidebar-divider {
	height: 1px !important;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent) !important;
	margin: 0.75rem 0 !important;
}

.mobile-sidebar-social {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
}

.social-label {
	font-size: 0.75rem !important;
	color: rgba(255, 255, 255, 0.5) !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	font-weight: 500 !important;
}

.social-links {
	display: flex !important;
	gap: 0.5rem !important;
}

.social-link {
	width: 36px !important;
	height: 36px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: rgba(255, 255, 255, 0.06) !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-radius: 8px !important;
	color: rgba(255, 255, 255, 0.6) !important;
	transition: all 0.2s ease !important;
}

.social-link:hover {
	background: rgba(255, 38, 186, 0.15) !important;
	border-color: rgba(255, 38, 186, 0.3) !important;
	color: #ff26ba !important;
	transform: translateY(-2px) !important;
}

/* Mobile Overlay */
.mobile-sidebar-overlay {
	position: fixed !important;
	inset: 0 !important;
	background: rgba(0, 0, 0, 0.6) !important;
	backdrop-filter: blur(4px) !important;
	-webkit-backdrop-filter: blur(4px) !important;
	z-index: 99998 !important;
	opacity: 0 !important;
	visibility: hidden !important;
	transition: all 0.3s ease !important;
}

.mobile-sidebar-overlay.open {
	opacity: 1 !important;
	visibility: visible !important;
}

/* Header CTA Button - Smaller Text */
@media (max-width: 1023px) {
	.header-cta {
		padding: 0.5rem 1rem !important;
		font-size: 0.8125rem !important;
	}
}

/* ============================================
   MOBILE HEADER FIXES - COMPACT LAYOUT
   ============================================ */
@media (max-width: 1023px) {
	.site-header {
		padding: 0 !important;
	}
	
	.header-container {
		padding: 0 1rem !important;
	}
	
	.header-nav {
		height: 60px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 0.75rem !important;
	}
	
	/* Logo - compact */
	.header-logo {
		flex-shrink: 0 !important;
	}
	
	.header-logo .logo-link {
		display: flex !important;
		align-items: center !important;
	}
	
	.header-logo .logo-image {
		height: 36px !important;
		width: auto !important;
		max-width: 140px !important;
		object-fit: contain !important;
		object-position: left center !important;
	}
	
	/* Hide desktop menu on mobile */
	.header-menu-wrapper {
		display: none !important;
	}
	
	/* Actions - compact */
	.header-actions {
		display: flex !important;
		align-items: center !important;
		gap: 0.5rem !important;
		flex-shrink: 0 !important;
	}
	
	/* Hide login button on mobile */
	.header-login {
		display: none !important;
	}
	
	/* CTA Button - very compact */
	.header-cta {
		padding: 0.4rem 0.75rem !important;
		font-size: 0.75rem !important;
		font-weight: 600 !important;
		border-radius: 6px !important;
		white-space: nowrap !important;
		background: linear-gradient(135deg, #ff26ba 0%, #ff5cd3 100%) !important;
		color: #fff !important;
		text-decoration: none !important;
	}
	
	/* Menu toggle button - cleaner */
	.mobile-menu-btn {
		width: 40px !important;
		height: 40px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		background: rgba(255, 255, 255, 0.08) !important;
		border: 1px solid rgba(255, 255, 255, 0.12) !important;
		border-radius: 8px !important;
		padding: 0 !important;
		cursor: pointer !important;
	}
	
	.mobile-menu-icon {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 4px !important;
		width: 18px !important;
	}
	
	.menu-line {
		display: block !important;
		width: 18px !important;
		height: 2px !important;
		background: rgba(255, 255, 255, 0.9) !important;
		border-radius: 1px !important;
		transition: all 0.2s ease !important;
	}
}

/* ============================================
   MOBILE SIDEBAR - COMPLETE RESTYLE
   ============================================ */
.mobile-sidebar {
	position: fixed !important;
	top: 0 !important;
	right: -320px !important;
	width: 300px !important;
	max-width: 85vw !important;
	height: 100vh !important;
	height: 100dvh !important;
	background: #0a0510 !important;
	border-left: 1px solid rgba(255, 38, 186, 0.2) !important;
	z-index: 99999 !important;
	display: flex !important;
	flex-direction: column !important;
	transition: right 0.3s ease !important;
	overflow: hidden !important;
}

.mobile-sidebar.hidden {
	display: flex !important;
	right: -320px !important;
}

.mobile-sidebar:not(.hidden) {
	right: 0 !important;
}

/* Sidebar Header */
.mobile-sidebar-header {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	padding: 1rem 1.25rem !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
	flex-shrink: 0 !important;
}

.mobile-sidebar-header .logo-link {
	display: flex !important;
	align-items: center !important;
}

.mobile-sidebar-header .logo-image {
	height: 32px !important;
	width: auto !important;
	max-width: 140px !important;
}

#mobile-sidebar-close {
	width: 36px !important;
	height: 36px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: rgba(255, 255, 255, 0.05) !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-radius: 8px !important;
	color: rgba(255, 255, 255, 0.7) !important;
	cursor: pointer !important;
	padding: 0 !important;
}

#mobile-sidebar-close svg {
	width: 20px !important;
	height: 20px !important;
}

/* Sidebar Menu */
.mobile-sidebar-menu {
	flex: 1 !important;
	overflow-y: auto !important;
	padding: 0.75rem !important;
}

.mobile-sidebar-menu ul,
.mobile-sidebar-menu .mobile-menu-list {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 0.25rem !important;
}

.mobile-sidebar-menu .menu-item {
	margin: 0 !important;
	padding: 0 !important;
}

.mobile-sidebar-menu .menu-item > a {
	display: flex !important;
	align-items: center !important;
	gap: 0.75rem !important;
	padding: 0.75rem 1rem !important;
	color: rgba(255, 255, 255, 0.85) !important;
	text-decoration: none !important;
	font-size: 0.9375rem !important;
	font-weight: 500 !important;
	border-radius: 10px !important;
	transition: all 0.15s ease !important;
	background: transparent !important;
}

.mobile-sidebar-menu .menu-item > a:hover {
	background: rgba(255, 38, 186, 0.12) !important;
	color: #fff !important;
}

.mobile-sidebar-menu .menu-icon {
	width: 20px !important;
	height: 20px !important;
	flex-shrink: 0 !important;
	color: rgba(255, 38, 186, 0.8) !important;
}

.mobile-sidebar-menu .menu-icon svg {
	width: 20px !important;
	height: 20px !important;
}

/* Sidebar Footer */
.mobile-sidebar-footer {
	padding: 1rem 1.25rem !important;
	border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
	flex-shrink: 0 !important;
}

.mobile-sidebar-buttons {
	display: flex !important;
	gap: 0.625rem !important;
	margin-bottom: 1rem !important;
}

.mobile-login-btn,
.mobile-cta-btn {
	flex: 1 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.375rem !important;
	padding: 0.625rem 0.75rem !important;
	font-size: 0.8125rem !important;
	font-weight: 600 !important;
	border-radius: 8px !important;
	text-decoration: none !important;
	transition: all 0.15s ease !important;
}

.mobile-login-btn {
	background: rgba(255, 255, 255, 0.08) !important;
	border: 1px solid rgba(255, 255, 255, 0.12) !important;
	color: rgba(255, 255, 255, 0.9) !important;
}

.mobile-login-btn svg {
	width: 16px !important;
	height: 16px !important;
}

.mobile-cta-btn {
	background: linear-gradient(135deg, #ff26ba 0%, #ff5cd3 100%) !important;
	border: none !important;
	color: #fff !important;
}

.mobile-cta-btn svg {
	width: 16px !important;
	height: 16px !important;
}

.mobile-sidebar-divider {
	height: 1px !important;
	background: rgba(255, 255, 255, 0.08) !important;
	margin: 0 0 0.75rem 0 !important;
}

.mobile-sidebar-social {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
}

.social-label {
	font-size: 0.6875rem !important;
	color: rgba(255, 255, 255, 0.4) !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	font-weight: 500 !important;
}

.social-links {
	display: flex !important;
	gap: 0.5rem !important;
}

.social-link {
	width: 32px !important;
	height: 32px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: rgba(255, 255, 255, 0.05) !important;
	border: 1px solid rgba(255, 255, 255, 0.08) !important;
	border-radius: 6px !important;
	color: rgba(255, 255, 255, 0.5) !important;
	transition: all 0.15s ease !important;
}

.social-link:hover {
	background: rgba(255, 38, 186, 0.15) !important;
	border-color: rgba(255, 38, 186, 0.3) !important;
	color: #ff26ba !important;
}

.social-link svg {
	width: 16px !important;
	height: 16px !important;
}

/* Overlay */
.mobile-sidebar-overlay {
	position: fixed !important;
	inset: 0 !important;
	background: rgba(0, 0, 0, 0.7) !important;
	z-index: 99998 !important;
	opacity: 0 !important;
	visibility: hidden !important;
	transition: all 0.3s ease !important;
}

.mobile-sidebar-overlay:not(.hidden) {
	opacity: 1 !important;
	visibility: visible !important;
}

/* Hide on desktop */
@media (min-width: 1024px) {
	.mobile-menu-btn,
	.mobile-sidebar,
	.mobile-sidebar-overlay {
		display: none !important;
	}
}

/* ============================================
   MOBILE HEADER & SIDEBAR FINAL FIXES
   ============================================ */

/* Ultra minimal CTA button */
@media (max-width: 1023px) {
	.header-cta {
		padding: 0.35rem 0.625rem !important;
		font-size: 0.6875rem !important;
		font-weight: 600 !important;
		border-radius: 5px !important;
		letter-spacing: 0.01em !important;
	}
}

/* Mobile Sidebar Menu - More Spacing */
.mobile-sidebar-menu ul,
.mobile-sidebar-menu .mobile-menu-list {
	gap: 0.5rem !important;
	padding: 0.5rem 0.75rem !important;
}

.mobile-sidebar-menu .menu-item > a {
	padding: 1rem 1.125rem !important;
	font-size: 1rem !important;
	border-radius: 12px !important;
	background: rgba(255, 255, 255, 0.03) !important;
	border: 1px solid rgba(255, 255, 255, 0.05) !important;
}

.mobile-sidebar-menu .menu-item > a:hover {
	background: rgba(255, 38, 186, 0.1) !important;
	border-color: rgba(255, 38, 186, 0.2) !important;
}

/* Fixed Sidebar Footer */
.mobile-sidebar-footer {
	padding: 1.25rem !important;
	border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
	background: rgba(0, 0, 0, 0.3) !important;
	flex-shrink: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 1rem !important;
}

.mobile-sidebar-buttons {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	gap: 0.75rem !important;
	margin-bottom: 0 !important;
}

.mobile-login-btn,
.mobile-cta-btn {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.5rem !important;
	padding: 0.75rem 1rem !important;
	font-size: 0.875rem !important;
	font-weight: 600 !important;
	border-radius: 10px !important;
	text-decoration: none !important;
	white-space: nowrap !important;
}

.mobile-login-btn {
	background: rgba(255, 255, 255, 0.06) !important;
	border: 1px solid rgba(255, 255, 255, 0.12) !important;
	color: rgba(255, 255, 255, 0.9) !important;
}

.mobile-login-btn:hover {
	background: rgba(255, 255, 255, 0.1) !important;
}

.mobile-cta-btn {
	background: linear-gradient(135deg, #ff26ba 0%, #ff5cd3 100%) !important;
	border: none !important;
	color: #fff !important;
}

.mobile-login-btn svg,
.mobile-cta-btn svg {
	width: 18px !important;
	height: 18px !important;
	flex-shrink: 0 !important;
}

.mobile-sidebar-divider {
	display: none !important;
}

.mobile-sidebar-social {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	padding-top: 0.75rem !important;
	border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.social-label {
	font-size: 0.75rem !important;
	color: rgba(255, 255, 255, 0.5) !important;
	text-transform: uppercase !important;
	letter-spacing: 0.08em !important;
	font-weight: 500 !important;
}

.social-links {
	display: flex !important;
	align-items: center !important;
	gap: 0.625rem !important;
}

.social-link {
	width: 36px !important;
	height: 36px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: rgba(255, 255, 255, 0.06) !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-radius: 8px !important;
	color: rgba(255, 255, 255, 0.6) !important;
	transition: all 0.2s ease !important;
}

.social-link:hover {
	background: rgba(255, 38, 186, 0.15) !important;
	border-color: rgba(255, 38, 186, 0.3) !important;
	color: #ff26ba !important;
}

.social-link svg {
	width: 18px !important;
	height: 18px !important;
}

/* ============================================
   EXCLUDE WORDPRESS ADMIN PAGES FROM THEME STYLES
   ============================================ */

/* Remove borders and reset styles on admin pages */
body.wp-admin *,
body.login *,
#wpadminbar * {
	border: none !important;
}

/* Reset admin page background and text colors */
body.wp-admin,
body.login {
	background-color: #f0f0f1 !important;
	color: #2c3338 !important;
}

/* Remove any top borders or lines on admin pages */
body.wp-admin::before,
body.login::before,
body.wp-admin > *:first-child,
body.login > *:first-child {
	border-top: none !important;
}

/* ============================================
   EXCLUDE WORDPRESS ADMIN PAGES - ENHANCED
   ============================================ */

/* Remove all borders and pseudo-elements on admin pages */
body.wp-admin *,
body.login *,
#wpadminbar * {
	border: none !important;
	border-top: none !important;
	border-bottom: none !important;
	border-left: none !important;
	border-right: none !important;
}

/* Remove pseudo-elements on admin pages */
body.wp-admin::before,
body.login::before,
body.wp-admin::after,
body.login::after,
html.wp-admin::before,
html.login::before,
body.wp-admin > *:first-child::before,
body.login > *:first-child::before {
	border-top: none !important;
	content: none !important;
	display: none !important;
	height: 0 !important;
	width: 0 !important;
}

/* Hide site-content and hero-section pseudo-elements on admin */
body.wp-admin .site-content::before,
body.login .site-content::before,
body.wp-admin .hero-section::before,
body.login .hero-section::before {
	display: none !important;
	content: none !important;
}

/* Reset admin page background and text colors */
body.wp-admin,
body.login {
	background-color: #f0f0f1 !important;
	color: #2c3338 !important;
}

/* Remove any top margin/padding that might create visual lines */
body.wp-admin,
body.login,
body.wp-admin > *:first-child,
body.login > *:first-child {
	margin-top: 0 !important;
	padding-top: 0 !important;
	border-top: none !important;
}

/* ============================================
   AGGRESSIVE ADMIN PAGE FIX - HIGHEST PRIORITY
   ============================================ */

/* Target html element on admin pages */
html.wp-admin,
html.login {
	border: none !important;
	border-top: none !important;
}

html.wp-admin *,
html.login *,
html.wp-admin *::before,
html.login *::before,
html.wp-admin *::after,
html.login *::after {
	border: none !important;
	border-top: none !important;
	border-bottom: none !important;
	border-left: none !important;
	border-right: none !important;
}

/* Remove any visual lines from the very top */
html.wp-admin,
html.login,
body.wp-admin,
body.login {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-top: 0 !important;
}

/* Ensure first child elements don't have top borders */
html.wp-admin > body,
html.login > body,
body.wp-admin > *:first-child,
body.login > *:first-child,
body.wp-admin > *:first-child::before,
body.login > *:first-child::before {
	border-top: none !important;
	margin-top: 0 !important;
	padding-top: 0 !important;
}

/* ============================================
   LOGIN PAGE SPECIFIC - REMOVE ALL LINES
   ============================================ */

/* Target login page body class */
body.login {
	border: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.login #login {
	border: none !important;
	border-top: none !important;
}

body.login #login h1,
body.login #login form,
body.login #login p,
body.login #login a {
	border: none !important;
}

/* Remove any lines from login wrapper */
body.login #login-wrapper,
body.login .login-wrapper,
body.login #loginform,
body.login .message,
body.login #nav,
body.login #backtoblog {
	border: none !important;
	border-top: none !important;
	margin-top: 0 !important;
}

/* Ensure no pseudo-elements create lines */
body.login *::before,
body.login *::after {
	border: none !important;
	content: none !important;
}

/* Flowbite-style Header with Brand Colors */
.site-header nav {
	background: #0F0A11 !important;
	border-bottom: 1px solid rgba(255, 38, 186, 0.12) !important;
}

.site-header nav .max-w-screen-xl {
	max-width: 1280px;
	margin: 0 auto;
}

.site-header nav a[href*="account"] {
	color: rgba(255, 255, 255, 0.85) !important;
	background: transparent !important;
}

.site-header nav a[href*="account"]:hover {
	background: rgba(255, 38, 186, 0.1) !important;
	color: #FF26BA !important;
}

.site-header nav a[href*="pricing"] {
	background: #FF26BA !important;
	color: #fff !important;
	border: none !important;
}

.site-header nav a[href*="pricing"]:hover {
	background: #E01FA3 !important;
	box-shadow: 0 0 24px rgba(255, 38, 186, 0.3) !important;
}

.site-header nav button[data-collapse-toggle] {
	color: rgba(255, 255, 255, 0.85) !important;
	background: rgba(255, 255, 255, 0.05) !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.site-header nav button[data-collapse-toggle]:hover {
	background: rgba(255, 38, 186, 0.15) !important;
	border-color: rgba(255, 38, 186, 0.3) !important;
}

.site-header nav #mobile-menu-2 ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.site-header nav #mobile-menu-2 ul li {
	margin: 0;
	padding: 0;
}

.site-header nav #mobile-menu-2 ul li a {
	display: block;
	padding: 0.5rem 1rem;
	color: rgba(255, 255, 255, 0.7) !important;
	text-decoration: none;
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
	transition: all 0.2s;
}

@media (min-width: 1024px) {
	.site-header nav #mobile-menu-2 ul li a {
		padding: 0.5rem 0;
		border-bottom: none;
		color: rgba(255, 255, 255, 0.7) !important;
	}
	
	.site-header nav #mobile-menu-2 ul li a:hover {
		color: #FF26BA !important;
		background: transparent !important;
	}
}

.site-header nav #mobile-menu-2 ul li.current-menu-item > a,
.site-header nav #mobile-menu-2 ul li.current_page_item > a {
	color: #FF26BA !important;
	background: rgba(255, 38, 186, 0.1) !important;
}

@media (min-width: 1024px) {
	.site-header nav #mobile-menu-2 ul li.current-menu-item > a,
	.site-header nav #mobile-menu-2 ul li.current_page_item > a {
		background: transparent !important;
	}
}

/* Mobile menu toggle icon animation */
.site-header nav button[data-collapse-toggle][aria-expanded="true"] svg:first-child {
	display: none;
}

.site-header nav button[data-collapse-toggle][aria-expanded="true"] svg:last-child {
	display: block;
}

.site-header nav button[data-collapse-toggle][aria-expanded="false"] svg:first-child {
	display: block;
}

.site-header nav button[data-collapse-toggle][aria-expanded="false"] svg:last-child {
	display: none;
}

/* Improved Dropdown Navigation */
.header-menu-list .sub-menu,
.header-menu-list ul ul {
	top: calc(100% + 0.5rem) !important;
	min-width: 240px !important;
	padding: 0.75rem !important;
}

.header-menu-list > li.menu-item-has-children::before {
	content: '';
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	height: 0.75rem;
	background: transparent;
	z-index: 99998;
}

.header-menu-list .sub-menu:hover,
.header-menu-list ul ul:hover {
	opacity: 1 !important;
	visibility: visible !important;
	transform: translateY(0) !important;
	pointer-events: auto !important;
}

.header-menu-list .sub-menu li {
	margin: 0.25rem 0 !important;
}

.header-menu-list .sub-menu a {
	padding: 0.875rem 1.25rem !important;
	color: rgba(255, 255, 255, 0.85) !important;
	font-size: 0.9375rem !important;
	line-height: 1.5 !important;
}

.header-menu-list .sub-menu a:hover {
	color: rgba(255, 255, 255, 1) !important;
	background: rgba(255, 38, 186, 0.2) !important;
	transform: translateX(2px) !important;
}

/* Improved Dropdown for New Flowbite Header */
.site-header nav #mobile-menu-2 .menu-item-has-children {
	position: relative;
}

.site-header nav #mobile-menu-2 .menu-item-has-children > a::after {
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid rgba(255, 255, 255, 0.6);
	margin-left: 0.5rem;
	vertical-align: middle;
	transition: transform 0.3s ease;
}

.site-header nav #mobile-menu-2 .menu-item-has-children:hover > a::after,
.site-header nav #mobile-menu-2 .menu-item-has-children.menu-open > a::after {
	transform: rotate(180deg);
	border-top-color: #FF26BA;
}

.site-header nav #mobile-menu-2 .sub-menu {
	position: absolute !important;
	top: calc(100% + 0.5rem) !important;
	left: 0 !important;
	min-width: 240px !important;
	background: rgba(15, 10, 17, 0.98) !important;
	backdrop-filter: blur(20px) saturate(180%);
	border: 1px solid rgba(255, 38, 186, 0.15) !important;
	border-radius: 0.75rem;
	padding: 0.75rem !important;
	margin: 0 !important;
	list-style: none !important;
	box-shadow: 
		0 8px 32px rgba(0, 0, 0, 0.5),
		0 0 24px rgba(255, 38, 186, 0.15),
		inset 0 1px 0 rgba(255, 255, 255, 0.05);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-8px);
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	pointer-events: none;
	z-index: 99999;
}

.site-header nav #mobile-menu-2 .menu-item-has-children::before {
	content: '';
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	height: 0.75rem;
	background: transparent;
	z-index: 99998;
}

.site-header nav #mobile-menu-2 .menu-item-has-children:hover > .sub-menu,
.site-header nav #mobile-menu-2 .menu-item-has-children.menu-open > .sub-menu {
	opacity: 1 !important;
	visibility: visible !important;
	transform: translateY(0) !important;
	pointer-events: auto !important;
}

.site-header nav #mobile-menu-2 .sub-menu:hover {
	opacity: 1 !important;
	visibility: visible !important;
	transform: translateY(0) !important;
	pointer-events: auto !important;
}

.site-header nav #mobile-menu-2 .sub-menu li {
	margin: 0.25rem 0 !important;
}

.site-header nav #mobile-menu-2 .sub-menu a {
	display: block !important;
	padding: 0.875rem 1.25rem !important;
	color: rgba(255, 255, 255, 0.85) !important;
	text-decoration: none !important;
	font-size: 0.9375rem !important;
	font-weight: 500 !important;
	border-radius: 0.5rem !important;
	transition: all 0.2s ease !important;
	position: relative !important;
	line-height: 1.5 !important;
	border-bottom: none !important;
}

.site-header nav #mobile-menu-2 .sub-menu a::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 3px;
	height: 0;
	background: rgba(255, 38, 186, 0.8);
	border-radius: 0 2px 2px 0;
	transition: height 0.2s ease;
}

.site-header nav #mobile-menu-2 .sub-menu a:hover {
	color: rgba(255, 255, 255, 1) !important;
	background: rgba(255, 38, 186, 0.2) !important;
	padding-left: 1.5rem !important;
	transform: translateX(2px) !important;
}

.site-header nav #mobile-menu-2 .sub-menu a:hover::before {
	height: 70%;
}

.site-header nav #mobile-menu-2 .sub-menu .current-menu-item > a,
.site-header nav #mobile-menu-2 .sub-menu .current_page_item > a {
	color: rgba(255, 255, 255, 1) !important;
	background: rgba(255, 38, 186, 0.25) !important;
	padding-left: 1.5rem !important;
}

/* Fix: Prevent dropdown from closing when navigating from Resources to dropdown */
.header-menu-list .sub-menu,
.header-menu-list ul ul {
	top: calc(100% + 0.25rem) !important;
	margin-top: -0.25rem !important;
}

.header-menu-list > li.menu-item-has-children {
	position: relative !important;
}

.header-menu-list > li.menu-item-has-children::before {
	content: '' !important;
	position: absolute !important;
	top: 100% !important;
	left: -1rem !important;
	right: -1rem !important;
	height: 1rem !important;
	background: transparent !important;
	z-index: 99998 !important;
	pointer-events: auto !important;
}

.site-header nav #mobile-menu-2 .sub-menu {
	top: calc(100% + 0.25rem) !important;
	margin-top: -0.25rem !important;
}

.site-header nav #mobile-menu-2 .menu-item-has-children {
	position: relative !important;
}

.site-header nav #mobile-menu-2 .menu-item-has-children::before {
	content: '' !important;
	position: absolute !important;
	top: 100% !important;
	left: -1rem !important;
	right: -1rem !important;
	height: 1rem !important;
	background: transparent !important;
	z-index: 99998 !important;
	pointer-events: auto !important;
}
/**
 * New Header Navigation Styles
 * Improved dropdown handling with no closing issues
 */

/* Header Container */
.site-header {
	position: sticky;
	top: 0;
	z-index: 1000;
	background: rgba(15, 10, 17, 0.95);
	backdrop-filter: blur(24px) saturate(180%);
	border-bottom: 1px solid rgba(255, 38, 186, 0.12);
	box-shadow: 0 2px 16px rgba(0, 0, 0, 0.3);
}

.main-navigation {
	width: 100%;
}

.nav-container {
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 2rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 5rem;
	gap: 3rem;
}

/* Logo */
.nav-logo {
	flex-shrink: 0;
	z-index: 10;
}

.logo-link {
	display: flex;
	align-items: center;
	text-decoration: none;
	transition: transform 0.3s ease;
}

.logo-link:hover {
	transform: translateX(2px);
}

.logo-image {
	height: 2.75rem;
	width: auto;
	object-fit: contain;
}

@media (max-width: 1023px) {
	.nav-logo .logo-image {
		max-width: 50px;
		width: 50px;
		height: 44px;
		object-fit: cover;
		object-position: left center;
	}
	.nav-logo .logo-link {
		overflow: hidden;
	}
}

/* Navigation Menu */
.nav-menu-wrapper {
	flex: 1;
	display: none;
	justify-content: center;
	align-items: center;
}

@media (min-width: 1024px) {
	.nav-menu-wrapper {
		display: flex;
	}
}

.nav-menu {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav-menu > li {
	position: relative;
	margin: 0;
	padding: 0;
}

.nav-menu > li > a {
	display: flex;
	align-items: center;
	padding: 0.75rem 1.25rem;
	color: rgba(255, 255, 255, 0.85);
	text-decoration: none;
	font-size: 0.9375rem;
	font-weight: 500;
	border-radius: 0.5rem;
	transition: all 0.2s ease;
	white-space: nowrap;
}

.nav-menu > li > a:hover {
	color: #FF26BA;
	background: rgba(255, 38, 186, 0.1);
}

.nav-menu > li.current-menu-item > a,
.nav-menu > li.current_page_item > a {
	color: #FF26BA;
	background: rgba(255, 38, 186, 0.15);
}

/* Dropdown Indicator */
.nav-menu > li.menu-item-has-children > a::after {
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid rgba(255, 255, 255, 0.6);
	margin-left: 0.5rem;
	vertical-align: middle;
	transition: transform 0.3s ease;
}

.nav-menu > li.menu-item-has-children:hover > a::after,
.nav-menu > li.menu-item-has-children.menu-open > a::after {
	transform: rotate(180deg);
	border-top-color: #FF26BA;
}

/* Dropdown Menu - Key Improvement: No gap, positioned directly below */
.nav-menu .sub-menu {
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 240px;
	background: rgba(15, 10, 17, 0.98);
	backdrop-filter: blur(20px) saturate(180%);
	border: 1px solid rgba(255, 38, 186, 0.15);
	border-radius: 0.75rem;
	padding: 0.5rem;
	margin: 0;
	margin-top: 0.25rem;
	list-style: none;
	box-shadow: 
		0 8px 32px rgba(0, 0, 0, 0.5),
		0 0 24px rgba(255, 38, 186, 0.15),
		inset 0 1px 0 rgba(255, 255, 255, 0.05);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-4px);
	transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
	pointer-events: none;
	z-index: 99999;
}

/* Critical: Create a hover area that includes both parent and dropdown */
.nav-menu > li.menu-item-has-children {
	position: relative;
}

/* Hover bridge - invisible area that connects parent to dropdown */
.nav-menu > li.menu-item-has-children::before {
	content: '';
	position: absolute;
	top: 100%;
	left: -0.5rem;
	right: -0.5rem;
	height: 0.5rem;
	background: transparent;
	z-index: 99998;
	pointer-events: auto;
}

/* Show dropdown on hover - parent OR dropdown OR bridge */
.nav-menu > li.menu-item-has-children:hover > .sub-menu,
.nav-menu > li.menu-item-has-children.menu-open > .sub-menu,
.nav-menu > li.menu-item-has-children:hover::before ~ .sub-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	pointer-events: auto;
}

/* Keep dropdown open when hovering over it */
.nav-menu .sub-menu:hover {
	opacity: 1 !important;
	visibility: visible !important;
	transform: translateY(0) !important;
	pointer-events: auto !important;
}

/* Dropdown Items */
.nav-menu .sub-menu li {
	margin: 0.125rem 0;
}

.nav-menu .sub-menu a {
	display: block;
	padding: 0.875rem 1.25rem;
	color: rgba(255, 255, 255, 0.85);
	text-decoration: none;
	font-size: 0.9375rem;
	font-weight: 500;
	border-radius: 0.5rem;
	transition: all 0.2s ease;
	position: relative;
	line-height: 1.5;
}

.nav-menu .sub-menu a::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 3px;
	height: 0;
	background: rgba(255, 38, 186, 0.8);
	border-radius: 0 2px 2px 0;
	transition: height 0.2s ease;
}

.nav-menu .sub-menu a:hover {
	color: rgba(255, 255, 255, 1);
	background: rgba(255, 38, 186, 0.2);
	padding-left: 1.5rem;
	transform: translateX(2px);
}

.nav-menu .sub-menu a:hover::before {
	height: 70%;
}

.nav-menu .sub-menu .current-menu-item > a,
.nav-menu .sub-menu .current_page_item > a {
	color: rgba(255, 255, 255, 1);
	background: rgba(255, 38, 186, 0.25);
	padding-left: 1.5rem;
}

.nav-menu .sub-menu .current-menu-item > a::before,
.nav-menu .sub-menu .current_page_item > a::before {
	height: 70%;
}

/* Navigation Actions */
.nav-actions {
	display: flex;
	align-items: center;
	gap: 1rem;
	flex-shrink: 0;
}

.nav-login {
	display: none;
	padding: 0.625rem 1.375rem;
	color: rgba(255, 255, 255, 0.85);
	text-decoration: none;
	font-size: 0.875rem;
	font-weight: 500;
	border-radius: 0.5rem;
	transition: all 0.2s ease;
}

@media (min-width: 1024px) {
	.nav-login {
		display: inline-flex;
		align-items: center;
	}
}

.nav-login:hover {
	color: #FF26BA;
	background: rgba(255, 38, 186, 0.1);
}

.nav-cta {
	display: inline-flex;
	align-items: center;
	padding: 0.625rem 1.5rem;
	background: #FF26BA;
	color: #fff;
	text-decoration: none;
	font-size: 0.875rem;
	font-weight: 600;
	border-radius: 0.5rem;
	transition: all 0.2s ease;
	box-shadow: 0 0 24px rgba(255, 38, 186, 0.3);
}

.nav-cta:hover {
	background: #E01FA3;
	box-shadow: 0 0 32px rgba(255, 38, 186, 0.4);
	transform: translateY(-1px);
}

/* Mobile Menu Button */
.mobile-menu-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 0.5rem;
	padding: 0;
	cursor: pointer;
	transition: all 0.2s ease;
}

@media (min-width: 1024px) {
	.mobile-menu-btn {
		display: none;
	}
}

.mobile-menu-btn:hover {
	background: rgba(255, 38, 186, 0.15);
	border-color: rgba(255, 38, 186, 0.3);
}

.mobile-menu-icon {
	display: flex;
	flex-direction: column;
	gap: 4px;
	width: 18px;
}

.menu-line {
	width: 100%;
	height: 2px;
	background: rgba(255, 255, 255, 0.9);
	border-radius: 1px;
	transition: all 0.3s ease;
}

.mobile-menu-btn[aria-expanded="true"] .menu-line:nth-child(1) {
	transform: rotate(45deg) translate(5px, 5px);
}

.mobile-menu-btn[aria-expanded="true"] .menu-line:nth-child(2) {
	opacity: 0;
}

.mobile-menu-btn[aria-expanded="true"] .menu-line:nth-child(3) {
	transform: rotate(-45deg) translate(5px, -5px);
}

/* Responsive */
@media (max-width: 1023px) {
	.nav-container {
		height: 4rem;
		padding: 0 1.25rem;
		gap: 1rem;
	}
	
	.nav-cta {
		padding: 0.5rem 1rem;
		font-size: 0.8125rem;
	}
}

/**
 * New Header Navigation Styles
 * Improved dropdown handling with no closing issues
 */

/* Header Container */
.site-header {
	position: sticky;
	top: 0;
	z-index: 1000;
	background: rgba(15, 10, 17, 0.95);
	backdrop-filter: blur(24px) saturate(180%);
	border-bottom: 1px solid rgba(255, 38, 186, 0.12);
	box-shadow: 0 2px 16px rgba(0, 0, 0, 0.3);
}

.main-navigation {
	width: 100%;
}

.nav-container {
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 2rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 5rem;
	gap: 3rem;
}

/* Logo */
.nav-logo {
	flex-shrink: 0;
	z-index: 10;
}

.logo-link {
	display: flex;
	align-items: center;
	text-decoration: none;
	transition: transform 0.3s ease;
}

.logo-link:hover {
	transform: translateX(2px);
}

.logo-image {
	height: 2.75rem;
	width: auto;
	object-fit: contain;
}

@media (max-width: 1023px) {
	.nav-logo .logo-image {
		max-width: 50px;
		width: 50px;
		height: 44px;
		object-fit: cover;
		object-position: left center;
	}
	.nav-logo .logo-link {
		overflow: hidden;
	}
}

/* Navigation Menu */
.nav-menu-wrapper {
	flex: 1;
	display: none;
	justify-content: center;
	align-items: center;
}

@media (min-width: 1024px) {
	.nav-menu-wrapper {
		display: flex;
	}
}

.nav-menu {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav-menu > li {
	position: relative;
	margin: 0;
	padding: 0;
}

.nav-menu > li > a {
	display: flex;
	align-items: center;
	padding: 0.75rem 1.25rem;
	color: rgba(255, 255, 255, 0.85);
	text-decoration: none;
	font-size: 0.9375rem;
	font-weight: 500;
	border-radius: 0.5rem;
	transition: all 0.2s ease;
	white-space: nowrap;
}

.nav-menu > li > a:hover {
	color: #FF26BA;
	background: rgba(255, 38, 186, 0.1);
}

.nav-menu > li.current-menu-item > a,
.nav-menu > li.current_page_item > a {
	color: #FF26BA;
	background: rgba(255, 38, 186, 0.15);
}

/* Dropdown Indicator */
.nav-menu > li.menu-item-has-children > a::after {
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid rgba(255, 255, 255, 0.6);
	margin-left: 0.5rem;
	vertical-align: middle;
	transition: transform 0.3s ease;
}

.nav-menu > li.menu-item-has-children:hover > a::after,
.nav-menu > li.menu-item-has-children.menu-open > a::after {
	transform: rotate(180deg);
	border-top-color: #FF26BA;
}

/* Dropdown Menu - Key Improvement: Zero gap approach */
.nav-menu > li.menu-item-has-children {
	position: relative;
}

.nav-menu .sub-menu {
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 240px;
	background: rgba(15, 10, 17, 0.98);
	backdrop-filter: blur(20px) saturate(180%);
	border: 1px solid rgba(255, 38, 186, 0.15);
	border-radius: 0.75rem;
	padding: 0.5rem;
	margin: 0;
	margin-top: 0.25rem;
	list-style: none;
	box-shadow: 
		0 8px 32px rgba(0, 0, 0, 0.5),
		0 0 24px rgba(255, 38, 186, 0.15),
		inset 0 1px 0 rgba(255, 255, 255, 0.05);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-8px);
	transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
	pointer-events: none;
	z-index: 99999;
}

/* Show dropdown on hover - parent */
.nav-menu > li.menu-item-has-children:hover > .sub-menu,
.nav-menu > li.menu-item-has-children.menu-open > .sub-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	pointer-events: auto;
}

/* Critical: Keep dropdown open when hovering over it */
.nav-menu .sub-menu:hover {
	opacity: 1 !important;
	visibility: visible !important;
	transform: translateY(0) !important;
	pointer-events: auto !important;
}

/* When submenu is visible, keep parent in hover state */
.nav-menu > li.menu-item-has-children.menu-open:hover > a,
.nav-menu > li.menu-item-has-children:has(.sub-menu:hover) > a {
	color: #FF26BA;
	background: rgba(255, 38, 186, 0.1);
}

/* Dropdown Items */
.nav-menu .sub-menu li {
	margin: 0.125rem 0;
}

.nav-menu .sub-menu a {
	display: block;
	padding: 0.875rem 1.25rem;
	color: rgba(255, 255, 255, 0.85);
	text-decoration: none;
	font-size: 0.9375rem;
	font-weight: 500;
	border-radius: 0.5rem;
	transition: all 0.2s ease;
	position: relative;
	line-height: 1.5;
}

.nav-menu .sub-menu a::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 3px;
	height: 0;
	background: rgba(255, 38, 186, 0.8);
	border-radius: 0 2px 2px 0;
	transition: height 0.2s ease;
}

.nav-menu .sub-menu a:hover {
	color: rgba(255, 255, 255, 1);
	background: rgba(255, 38, 186, 0.2);
	padding-left: 1.5rem;
	transform: translateX(2px);
}

.nav-menu .sub-menu a:hover::before {
	height: 70%;
}

.nav-menu .sub-menu .current-menu-item > a,
.nav-menu .sub-menu .current_page_item > a {
	color: rgba(255, 255, 255, 1);
	background: rgba(255, 38, 186, 0.25);
	padding-left: 1.5rem;
}

.nav-menu .sub-menu .current-menu-item > a::before,
.nav-menu .sub-menu .current_page_item > a::before {
	height: 70%;
}

/* Navigation Actions */
.nav-actions {
	display: flex;
	align-items: center;
	gap: 1rem;
	flex-shrink: 0;
}

.nav-login {
	display: none;
	padding: 0.625rem 1.375rem;
	color: rgba(255, 255, 255, 0.85);
	text-decoration: none;
	font-size: 0.875rem;
	font-weight: 500;
	border-radius: 0.5rem;
	transition: all 0.2s ease;
}

@media (min-width: 1024px) {
	.nav-login {
		display: inline-flex;
		align-items: center;
	}
}

.nav-login:hover {
	color: #FF26BA;
	background: rgba(255, 38, 186, 0.1);
}

.nav-cta {
	display: inline-flex;
	align-items: center;
	padding: 0.625rem 1.5rem;
	background: #FF26BA;
	color: #fff;
	text-decoration: none;
	font-size: 0.875rem;
	font-weight: 600;
	border-radius: 0.5rem;
	transition: all 0.2s ease;
	box-shadow: 0 0 24px rgba(255, 38, 186, 0.3);
}

.nav-cta:hover {
	background: #E01FA3;
	box-shadow: 0 0 32px rgba(255, 38, 186, 0.4);
	transform: translateY(-1px);
}

/* Mobile Menu Button */
.mobile-menu-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 0.5rem;
	padding: 0;
	cursor: pointer;
	transition: all 0.2s ease;
}

@media (min-width: 1024px) {
	.mobile-menu-btn {
		display: none;
	}
}

.mobile-menu-btn:hover {
	background: rgba(255, 38, 186, 0.15);
	border-color: rgba(255, 38, 186, 0.3);
}

.mobile-menu-icon {
	display: flex;
	flex-direction: column;
	gap: 4px;
	width: 18px;
}

.menu-line {
	width: 100%;
	height: 2px;
	background: rgba(255, 255, 255, 0.9);
	border-radius: 1px;
	transition: all 0.3s ease;
}

.mobile-menu-btn[aria-expanded="true"] .menu-line:nth-child(1) {
	transform: rotate(45deg) translate(5px, 5px);
}

.mobile-menu-btn[aria-expanded="true"] .menu-line:nth-child(2) {
	opacity: 0;
}

.mobile-menu-btn[aria-expanded="true"] .menu-line:nth-child(3) {
	transform: rotate(-45deg) translate(5px, -5px);
}

/* Responsive */
@media (max-width: 1023px) {
	.nav-container {
		height: 4rem;
		padding: 0 1.25rem;
		gap: 1rem;
	}
	
	.nav-cta {
		padding: 0.5rem 1rem;
		font-size: 0.8125rem;
	}
}

/**
 * Simple Header Styles
 * Logo left, menu center, buttons right
 */

/* Header Container */
.site-header-new {
	position: sticky;
	top: 0;
	z-index: 1000;
	background: rgba(10, 8, 12, 0.95);
	backdrop-filter: blur(24px) saturate(180%);
	border-bottom: 1px solid rgba(255, 38, 186, 0.08);
	box-shadow: 0 2px 16px rgba(0, 0, 0, 0.3);
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.header-container-new {
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 2rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 5rem;
	gap: 2rem;
}

@media (max-width: 1023px) {
	.header-container-new {
		padding: 0 1.25rem;
		height: 4.5rem;
		gap: 1rem;
	}
}

/* Logo */
.header-logo-new {
	flex-shrink: 0;
	z-index: 10;
}

.logo-link-new {
	display: flex;
	align-items: center;
	transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	text-decoration: none;
}

.logo-link-new:hover {
	transform: translateX(2px);
}

.logo-image-new {
	height: 2.75rem;
	width: auto;
	object-fit: contain;
	flex-shrink: 0;
}

/* Mobile Logo - Show only icon by cropping */
@media (max-width: 1023px) {
	.header-logo-new .logo-image-new {
		max-width: 50px !important;
		width: 50px !important;
		height: 44px !important;
		object-fit: cover !important;
		object-position: left center !important;
	}
	
	.header-logo-new .logo-link-new {
		overflow: hidden !important;
	}
}

/* Desktop - Show full logo */
@media (min-width: 1024px) {
	.header-logo-new .logo-image-new {
		max-width: 180px !important;
		width: auto !important;
	}
}

/* Center Menu */
.header-menu-center {
	flex: 1;
	display: none;
	justify-content: center;
	align-items: center;
}

@media (min-width: 1024px) {
	.header-menu-center {
		display: flex;
	}
}

.header-menu-list-new {
	display: flex;
	align-items: center;
	gap: 0.125rem;
	list-style: none;
	margin: 0;
	padding: 0.375rem;
	background: rgba(20, 15, 23, 0.4);
	backdrop-filter: blur(20px);
	border: 1px solid rgba(255, 38, 186, 0.1);
	border-radius: 1rem;
	box-shadow: 
		0 4px 20px rgba(0, 0, 0, 0.25),
		inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.header-menu-list-new > li {
	position: relative;
}

.header-menu-list-new > li > a {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.625rem 1.125rem;
	color: rgba(255, 255, 255, 0.7);
	text-decoration: none;
	font-size: 0.875rem;
	font-weight: 500;
	border-radius: 0.75rem;
	transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
	position: relative;
	white-space: nowrap;
}

.header-menu-list-new > li > a::before {
	content: '';
	position: absolute;
	inset: 0;
	background: rgba(255, 38, 186, 0.12);
	border-radius: 0.75rem;
	opacity: 0;
	transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.header-menu-list-new > li > a:hover::before,
.header-menu-list-new > li.current-menu-item > a::before {
	opacity: 1;
}

.header-menu-list-new > li > a:hover,
.header-menu-list-new > li.current-menu-item > a {
	color: rgba(255, 255, 255, 0.95);
}

/* Dropdown Menu */
.header-menu-list-new .menu-item-has-children {
	position: relative;
}

.header-menu-list-new .menu-item-has-children > a::after {
	content: '';
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid rgba(255, 255, 255, 0.5);
	margin-left: 0.375rem;
	transition: transform 0.3s ease;
	display: inline-block;
}

.header-menu-list-new .menu-item-has-children:hover > a::after,
.header-menu-list-new .menu-item-has-children.menu-open > a::after {
	transform: rotate(180deg);
	border-top-color: rgba(255, 255, 255, 0.9);
}

.header-menu-list-new .sub-menu {
	position: absolute;
	top: calc(100% + 0.5rem);
	left: 0;
	min-width: 240px;
	background: rgba(15, 10, 17, 0.98);
	backdrop-filter: blur(20px) saturate(180%);
	border: 1px solid rgba(255, 38, 186, 0.15);
	border-radius: 0.75rem;
	padding: 0.75rem;
	list-style: none;
	box-shadow: 
		0 8px 32px rgba(0, 0, 0, 0.5),
		0 0 24px rgba(255, 38, 186, 0.15),
		inset 0 1px 0 rgba(255, 255, 255, 0.05);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-8px);
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	pointer-events: none;
	z-index: 99999;
}

/* Hover bridge to prevent dropdown from closing */
.header-menu-list-new .menu-item-has-children::before {
	content: '';
	position: absolute;
	top: 100%;
	left: -1rem;
	right: -1rem;
	height: 1rem;
	background: transparent;
	z-index: 99998;
	pointer-events: auto;
}

.header-menu-list-new .menu-item-has-children:hover > .sub-menu,
.header-menu-list-new .menu-item-has-children.menu-open > .sub-menu,
.header-menu-list-new .sub-menu:hover {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	pointer-events: auto;
}

.header-menu-list-new .sub-menu li {
	margin: 0;
	padding: 0;
}

.header-menu-list-new .sub-menu a {
	display: block;
	padding: 0.625rem 1rem;
	color: rgba(255, 255, 255, 0.75);
	text-decoration: none;
	font-size: 0.875rem;
	font-weight: 500;
	border-radius: 0.5rem;
	transition: all 0.2s ease;
}

.header-menu-list-new .sub-menu a:hover {
	background: rgba(255, 38, 186, 0.1);
	color: rgba(255, 255, 255, 0.95);
}

/* Right Side Actions */
.header-actions-new {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	flex-shrink: 0;
}

.header-login-btn {
	display: none;
	align-items: center;
	padding: 0.625rem 1.25rem;
	color: rgba(255, 255, 255, 0.85);
	text-decoration: none;
	font-size: 0.875rem;
	font-weight: 500;
	border-radius: 0.75rem;
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.1);
	transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
	white-space: nowrap;
}

.header-login-btn:hover {
	background: rgba(255, 255, 255, 0.1);
	border-color: rgba(255, 255, 255, 0.2);
	color: rgba(255, 255, 255, 1);
}

.header-cta-btn {
	display: none;
	align-items: center;
	padding: 0.625rem 1.5rem;
	color: #fff;
	text-decoration: none;
	font-size: 0.875rem;
	font-weight: 600;
	border-radius: 0.75rem;
	background: #ff26ba;
	border: none;
	box-shadow: 0 4px 16px rgba(255, 38, 186, 0.3);
	transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
	white-space: nowrap;
}

.header-cta-btn:hover {
	background: #e01fa3;
	box-shadow: 0 6px 24px rgba(255, 38, 186, 0.4);
	transform: translateY(-1px);
}

@media (min-width: 768px) {
	.header-login-btn,
	.header-cta-btn {
		display: flex;
	}
}

/* Mobile Menu Toggle */
.mobile-menu-toggle-new {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	padding: 0;
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 0.5rem;
	cursor: pointer;
	transition: all 0.25s ease;
	gap: 5px;
}

.mobile-menu-toggle-new:hover {
	background: rgba(255, 255, 255, 0.1);
	border-color: rgba(255, 38, 186, 0.3);
}

.menu-line-new {
	width: 20px;
	height: 2px;
	background: rgba(255, 255, 255, 0.8);
	border-radius: 2px;
	transition: all 0.3s ease;
}

.mobile-menu-toggle-new:hover .menu-line-new {
	background: rgba(255, 38, 186, 0.9);
}

@media (min-width: 1024px) {
	.mobile-menu-toggle-new {
		display: none;
	}
}
/**
 * Premium Header Styles
 * Logo left, menu center, buttons right
 * Modern glassmorphism with refined aesthetics
 */

/* Header Container */
.site-header-new {
	position: sticky;
	top: 0;
	z-index: 1000;
	background: linear-gradient(180deg, rgba(15, 10, 17, 0.98) 0%, rgba(10, 8, 12, 0.95) 100%);
	backdrop-filter: blur(32px) saturate(200%);
	border-bottom: 1px solid rgba(255, 38, 186, 0.1);
	box-shadow: 
		0 4px 24px rgba(0, 0, 0, 0.4),
		0 1px 0 rgba(255, 255, 255, 0.02) inset;
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.site-header-new::before {
	content: '';
	position: absolute;
	inset: 0;
	background: radial-gradient(ellipse 80% 50% at 50% -20%, rgba(255, 38, 186, 0.08), transparent);
	pointer-events: none;
}

.header-container-new {
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 2.5rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 4.5rem;
	gap: 2rem;
	position: relative;
}

@media (max-width: 1023px) {
	.header-container-new {
		padding: 0 1.25rem;
		height: 4rem;
		gap: 1rem;
	}
}

/* Logo */
.header-logo-new {
	flex-shrink: 0;
	z-index: 10;
}

.logo-link-new {
	display: flex;
	align-items: center;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	text-decoration: none;
	position: relative;
}

.logo-link-new:hover {
	transform: scale(1.02);
}

.logo-link-new::after {
	content: '';
	position: absolute;
	inset: -8px;
	background: radial-gradient(circle, rgba(255, 38, 186, 0.15) 0%, transparent 70%);
	opacity: 0;
	transition: opacity 0.3s ease;
	border-radius: 12px;
}

.logo-link-new:hover::after {
	opacity: 1;
}

.logo-image-new {
	height: 2.5rem;
	width: auto;
	object-fit: contain;
	flex-shrink: 0;
	position: relative;
	z-index: 1;
}

/* Mobile Logo - Show only icon by cropping */
@media (max-width: 1023px) {
	.header-logo-new .logo-image-new {
		max-width: 44px !important;
		width: 44px !important;
		height: 38px !important;
		object-fit: cover !important;
		object-position: left center !important;
	}
	
	.header-logo-new .logo-link-new {
		overflow: hidden !important;
	}
}

/* Desktop - Show full logo */
@media (min-width: 1024px) {
	.header-logo-new .logo-image-new {
		max-width: 160px !important;
		width: auto !important;
	}
}

/* Center Menu */
.header-menu-center {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	display: none;
	justify-content: center;
	align-items: center;
}

@media (min-width: 1024px) {
	.header-menu-center {
		display: flex;
	}
}

.header-menu-list-new {
	display: flex;
	align-items: center;
	gap: 0.25rem;
	list-style: none;
	margin: 0;
	padding: 0.3rem;
	background: rgba(255, 255, 255, 0.03);
	backdrop-filter: blur(20px);
	border: 1px solid rgba(255, 255, 255, 0.06);
	border-radius: 100px;
	box-shadow: 
		0 2px 12px rgba(0, 0, 0, 0.2),
		inset 0 1px 0 rgba(255, 255, 255, 0.04),
		inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}

.header-menu-list-new > li {
	position: relative;
}

.header-menu-list-new > li > a {
	display: flex;
	align-items: center;
	gap: 0.375rem;
	padding: 0.5rem 1rem;
	color: rgba(255, 255, 255, 0.65);
	text-decoration: none;
	font-size: 0.8125rem;
	font-weight: 500;
	letter-spacing: 0.01em;
	border-radius: 100px;
	transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
	position: relative;
	white-space: nowrap;
}

.header-menu-list-new > li > a:hover,
.header-menu-list-new > li.current-menu-item > a {
	color: rgba(255, 255, 255, 0.95);
	background: rgba(255, 255, 255, 0.08);
}

.header-menu-list-new > li.current-menu-item > a {
	background: rgba(255, 38, 186, 0.15);
	color: #fff;
	box-shadow: 0 0 12px rgba(255, 38, 186, 0.2);
}

/* Dropdown Indicator */
.header-menu-list-new .menu-item-has-children {
	position: relative;
}

.header-menu-list-new .menu-item-has-children > a::after {
	content: '';
	width: 0;
	height: 0;
	border-left: 3.5px solid transparent;
	border-right: 3.5px solid transparent;
	border-top: 3.5px solid currentColor;
	opacity: 0.5;
	margin-left: 0.25rem;
	transition: all 0.3s ease;
	display: inline-block;
}

.header-menu-list-new .menu-item-has-children:hover > a::after,
.header-menu-list-new .menu-item-has-children.menu-open > a::after {
	transform: rotate(180deg);
	opacity: 0.9;
}

/* Dropdown Menu */
.header-menu-list-new .sub-menu {
	position: absolute;
	top: calc(100% + 0.75rem);
	left: 50%;
	transform: translateX(-50%) translateY(-8px);
	min-width: 220px;
	background: rgba(18, 12, 22, 0.98);
	backdrop-filter: blur(24px) saturate(180%);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 1rem;
	padding: 0.5rem;
	list-style: none;
	box-shadow: 
		0 16px 48px rgba(0, 0, 0, 0.5),
		0 0 32px rgba(255, 38, 186, 0.1),
		inset 0 1px 0 rgba(255, 255, 255, 0.05);
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	pointer-events: none;
	z-index: 99999;
}

/* Dropdown arrow */
.header-menu-list-new .sub-menu::before {
	content: '';
	position: absolute;
	top: -6px;
	left: 50%;
	transform: translateX(-50%) rotate(45deg);
	width: 12px;
	height: 12px;
	background: rgba(18, 12, 22, 0.98);
	border-left: 1px solid rgba(255, 255, 255, 0.08);
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	z-index: -1;
}

/* Hover bridge */
.header-menu-list-new .menu-item-has-children::after {
	content: '';
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	height: 1rem;
	background: transparent;
}

.header-menu-list-new .menu-item-has-children:hover > .sub-menu,
.header-menu-list-new .menu-item-has-children.menu-open > .sub-menu {
	opacity: 1;
	visibility: visible;
	transform: translateX(-50%) translateY(0);
	pointer-events: auto;
}

.header-menu-list-new .sub-menu li {
	margin: 0;
	padding: 0;
}

.header-menu-list-new .sub-menu a {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 0.625rem 0.875rem;
	color: rgba(255, 255, 255, 0.7);
	text-decoration: none;
	font-size: 0.8125rem;
	font-weight: 500;
	border-radius: 0.625rem;
	transition: all 0.2s ease;
}

.header-menu-list-new .sub-menu a:hover {
	background: rgba(255, 38, 186, 0.12);
	color: rgba(255, 255, 255, 0.95);
	padding-left: 1rem;
}

/* Right Side Actions */
.header-actions-new {
	display: flex;
	align-items: center;
	gap: 0.625rem;
	flex-shrink: 0;
}

.header-login-btn {
	display: none;
	align-items: center;
	padding: 0.5rem 1.125rem;
	color: rgba(255, 255, 255, 0.8);
	text-decoration: none;
	font-size: 0.8125rem;
	font-weight: 500;
	border-radius: 100px;
	background: transparent;
	border: 1px solid rgba(255, 255, 255, 0.12);
	transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
	white-space: nowrap;
}

.header-login-btn:hover {
	background: rgba(255, 255, 255, 0.08);
	border-color: rgba(255, 255, 255, 0.2);
	color: #fff;
}

.header-cta-btn {
	display: none;
	align-items: center;
	padding: 0.5rem 1.25rem;
	color: #fff;
	text-decoration: none;
	font-size: 0.8125rem;
	font-weight: 600;
	border-radius: 100px;
	background: linear-gradient(135deg, #ff26ba 0%, #e01fa3 100%);
	border: none;
	box-shadow: 
		0 2px 12px rgba(255, 38, 186, 0.35),
		inset 0 1px 0 rgba(255, 255, 255, 0.2);
	transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
	white-space: nowrap;
	position: relative;
	overflow: hidden;
}

.header-cta-btn::before {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0%, transparent 50%);
	opacity: 0;
	transition: opacity 0.3s ease;
}

.header-cta-btn:hover {
	transform: translateY(-1px);
	box-shadow: 
		0 4px 20px rgba(255, 38, 186, 0.45),
		inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.header-cta-btn:hover::before {
	opacity: 1;
}

.header-cta-btn:active {
	transform: translateY(0);
}

@media (min-width: 768px) {
	.header-login-btn,
	.header-cta-btn {
		display: flex;
	}
}

/* Mobile Menu Toggle */
.mobile-menu-toggle-new {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 38px;
	height: 38px;
	padding: 0;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 10px;
	cursor: pointer;
	transition: all 0.25s ease;
	gap: 5px;
}

.mobile-menu-toggle-new:hover {
	background: rgba(255, 38, 186, 0.1);
	border-color: rgba(255, 38, 186, 0.25);
}

.menu-line-new {
	width: 18px;
	height: 2px;
	background: rgba(255, 255, 255, 0.7);
	border-radius: 2px;
	transition: all 0.3s ease;
}

.mobile-menu-toggle-new:hover .menu-line-new {
	background: #ff26ba;
}

/* Hamburger animation when open */
.mobile-menu-toggle-new.is-active .menu-line-new:nth-child(1) {
	transform: translateY(7px) rotate(45deg);
}

.mobile-menu-toggle-new.is-active .menu-line-new:nth-child(2) {
	opacity: 0;
	transform: scaleX(0);
}

.mobile-menu-toggle-new.is-active .menu-line-new:nth-child(3) {
	transform: translateY(-7px) rotate(-45deg);
}

@media (min-width: 1024px) {
	.mobile-menu-toggle-new {
		display: none;
	}
}

/* Scroll state - more compact */
.site-header-new.scrolled {
	background: rgba(10, 8, 12, 0.98);
	border-bottom-color: rgba(255, 38, 186, 0.15);
	box-shadow: 
		0 8px 32px rgba(0, 0, 0, 0.5),
		0 0 24px rgba(255, 38, 186, 0.08);
}

.site-header-new.scrolled .header-container-new {
	height: 3.75rem;
}

@media (max-width: 1023px) {
	.site-header-new.scrolled .header-container-new {
		height: 3.5rem;
	}
}
/**
 * Premium Header Styles
 * Logo left, menu center, buttons right
 * Modern glassmorphism with refined aesthetics
 */

/* Header Container */
.site-header-new {
	position: sticky;
	top: 0;
	z-index: 1000;
	background: linear-gradient(180deg, rgba(15, 10, 17, 0.98) 0%, rgba(10, 8, 12, 0.95) 100%);
	backdrop-filter: blur(32px) saturate(200%);
	border-bottom: 1px solid rgba(255, 38, 186, 0.1);
	box-shadow: 
		0 4px 24px rgba(0, 0, 0, 0.4),
		0 1px 0 rgba(255, 255, 255, 0.02) inset;
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.site-header-new::before {
	content: '';
	position: absolute;
	inset: 0;
	background: radial-gradient(ellipse 80% 50% at 50% -20%, rgba(255, 38, 186, 0.08), transparent);
	pointer-events: none;
}

.header-container-new {
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 2.5rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 4.5rem;
	gap: 2rem;
	position: relative;
}

@media (max-width: 1023px) {
	.header-container-new {
		padding: 0 1.25rem;
		height: 4rem;
		gap: 1rem;
	}
}

/* Logo */
.header-logo-new {
	flex-shrink: 0;
	z-index: 10;
}

.logo-link-new {
	display: flex;
	align-items: center;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	text-decoration: none;
	position: relative;
}

.logo-link-new:hover {
	transform: scale(1.02);
}

.logo-link-new::after {
	content: '';
	position: absolute;
	inset: -8px;
	background: radial-gradient(circle, rgba(255, 38, 186, 0.15) 0%, transparent 70%);
	opacity: 0;
	transition: opacity 0.3s ease;
	border-radius: 12px;
}

.logo-link-new:hover::after {
	opacity: 1;
}

.logo-image-new {
	height: 2.5rem;
	width: auto;
	object-fit: contain;
	flex-shrink: 0;
	position: relative;
	z-index: 1;
}

/* Mobile Logo - Show only icon by cropping */
@media (max-width: 1023px) {
	.header-logo-new .logo-image-new {
		max-width: 44px !important;
		width: 44px !important;
		height: 38px !important;
		object-fit: cover !important;
		object-position: left center !important;
	}
	
	.header-logo-new .logo-link-new {
		overflow: hidden !important;
	}
}

/* Desktop - Show full logo */
@media (min-width: 1024px) {
	.header-logo-new .logo-image-new {
		max-width: 160px !important;
		width: auto !important;
	}
}

/* Center Menu */
.header-menu-center {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	display: none;
	justify-content: center;
	align-items: center;
}

@media (min-width: 1024px) {
	.header-menu-center {
		display: flex;
	}
}

.header-menu-list-new {
	display: flex;
	align-items: center;
	gap: 0.25rem;
	list-style: none;
	margin: 0;
	padding: 0.3rem;
	background: rgba(255, 255, 255, 0.03);
	backdrop-filter: blur(20px);
	border: 1px solid rgba(255, 255, 255, 0.06);
	border-radius: 100px;
	box-shadow: 
		0 2px 12px rgba(0, 0, 0, 0.2),
		inset 0 1px 0 rgba(255, 255, 255, 0.04),
		inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}

.header-menu-list-new > li {
	position: relative;
}

.header-menu-list-new > li > a {
	display: flex;
	align-items: center;
	gap: 0.375rem;
	padding: 0.5rem 1rem;
	color: rgba(255, 255, 255, 0.65);
	text-decoration: none;
	font-size: 0.8125rem;
	font-weight: 500;
	letter-spacing: 0.01em;
	border-radius: 100px;
	transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
	position: relative;
	white-space: nowrap;
}

.header-menu-list-new > li > a:hover,
.header-menu-list-new > li.current-menu-item > a {
	color: rgba(255, 255, 255, 0.95);
	background: rgba(255, 255, 255, 0.08);
}

.header-menu-list-new > li.current-menu-item > a {
	background: rgba(255, 38, 186, 0.15);
	color: #fff;
	box-shadow: 0 0 12px rgba(255, 38, 186, 0.2);
}

/* Dropdown Indicator */
.header-menu-list-new .menu-item-has-children {
	position: relative;
}

.header-menu-list-new .menu-item-has-children > a::after {
	content: '';
	width: 0;
	height: 0;
	border-left: 3.5px solid transparent;
	border-right: 3.5px solid transparent;
	border-top: 3.5px solid currentColor;
	opacity: 0.5;
	margin-left: 0.25rem;
	transition: all 0.3s ease;
	display: inline-block;
}

.header-menu-list-new .menu-item-has-children:hover > a::after,
.header-menu-list-new .menu-item-has-children.menu-open > a::after {
	transform: rotate(180deg);
	opacity: 0.9;
}

/* Dropdown Menu */
.header-menu-list-new .sub-menu {
	position: absolute;
	top: calc(100% + 0.75rem);
	left: 50%;
	transform: translateX(-50%) translateY(-8px);
	min-width: 220px;
	background: rgba(18, 12, 22, 0.98);
	backdrop-filter: blur(24px) saturate(180%);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 1rem;
	padding: 0.5rem;
	list-style: none;
	box-shadow: 
		0 16px 48px rgba(0, 0, 0, 0.5),
		0 0 32px rgba(255, 38, 186, 0.1),
		inset 0 1px 0 rgba(255, 255, 255, 0.05);
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	pointer-events: none;
	z-index: 99999;
}

/* Dropdown arrow */
.header-menu-list-new .sub-menu::before {
	content: '';
	position: absolute;
	top: -6px;
	left: 50%;
	transform: translateX(-50%) rotate(45deg);
	width: 12px;
	height: 12px;
	background: rgba(18, 12, 22, 0.98);
	border-left: 1px solid rgba(255, 255, 255, 0.08);
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	z-index: -1;
}

/* Hover bridge */
.header-menu-list-new .menu-item-has-children::after {
	content: '';
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	height: 1rem;
	background: transparent;
}

.header-menu-list-new .menu-item-has-children:hover > .sub-menu,
.header-menu-list-new .menu-item-has-children.menu-open > .sub-menu {
	opacity: 1;
	visibility: visible;
	transform: translateX(-50%) translateY(0);
	pointer-events: auto;
}

.header-menu-list-new .sub-menu li {
	margin: 0;
	padding: 0;
}

.header-menu-list-new .sub-menu a {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 0.625rem 0.875rem;
	color: rgba(255, 255, 255, 0.7);
	text-decoration: none;
	font-size: 0.8125rem;
	font-weight: 500;
	border-radius: 0.625rem;
	transition: all 0.2s ease;
}

.header-menu-list-new .sub-menu a:hover {
	background: rgba(255, 38, 186, 0.12);
	color: rgba(255, 255, 255, 0.95);
	padding-left: 1rem;
}

/* Right Side Actions */
.header-actions-new {
	display: flex;
	align-items: center;
	gap: 0.625rem;
	flex-shrink: 0;
}

.header-login-btn {
	display: none;
	align-items: center;
	padding: 0.5rem 1.125rem;
	color: rgba(255, 255, 255, 0.8);
	text-decoration: none;
	font-size: 0.8125rem;
	font-weight: 500;
	border-radius: 100px;
	background: transparent;
	border: 1px solid rgba(255, 255, 255, 0.12);
	transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
	white-space: nowrap;
}

.header-login-btn:hover {
	background: rgba(255, 255, 255, 0.08);
	border-color: rgba(255, 255, 255, 0.2);
	color: #fff;
}

.header-cta-btn {
	display: flex;
	align-items: center;
	padding: 0.5rem 1rem;
	color: #fff;
	text-decoration: none;
	font-size: 0.75rem;
	font-weight: 600;
	border-radius: 100px;
	background: linear-gradient(135deg, #ff26ba 0%, #e01fa3 100%);
	border: none;
	box-shadow: 
		0 2px 12px rgba(255, 38, 186, 0.35),
		inset 0 1px 0 rgba(255, 255, 255, 0.2);
	transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
	white-space: nowrap;
	position: relative;
	overflow: hidden;
}

.header-cta-btn::before {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0%, transparent 50%);
	opacity: 0;
	transition: opacity 0.3s ease;
}

.header-cta-btn:hover {
	transform: translateY(-1px);
	box-shadow: 
		0 4px 20px rgba(255, 38, 186, 0.45),
		inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.header-cta-btn:hover::before {
	opacity: 1;
}

.header-cta-btn:active {
	transform: translateY(0);
}

@media (min-width: 768px) {
	.header-login-btn {
		display: flex;
	}
	
	.header-cta-btn {
		padding: 0.5rem 1.25rem;
		font-size: 0.8125rem;
	}
}

/* Mobile Menu Toggle */
.mobile-menu-toggle-new {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 38px;
	height: 38px;
	padding: 0;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 10px;
	cursor: pointer;
	transition: all 0.25s ease;
	gap: 5px;
}

.mobile-menu-toggle-new:hover {
	background: rgba(255, 38, 186, 0.1);
	border-color: rgba(255, 38, 186, 0.25);
}

.menu-line-new {
	width: 18px;
	height: 2px;
	background: rgba(255, 255, 255, 0.7);
	border-radius: 2px;
	transition: all 0.3s ease;
}

.mobile-menu-toggle-new:hover .menu-line-new {
	background: #ff26ba;
}

/* Hamburger animation when open */
.mobile-menu-toggle-new.is-active .menu-line-new:nth-child(1) {
	transform: translateY(7px) rotate(45deg);
}

.mobile-menu-toggle-new.is-active .menu-line-new:nth-child(2) {
	opacity: 0;
	transform: scaleX(0);
}

.mobile-menu-toggle-new.is-active .menu-line-new:nth-child(3) {
	transform: translateY(-7px) rotate(-45deg);
}

@media (min-width: 1024px) {
	.mobile-menu-toggle-new {
		display: none;
	}
}

/* Scroll state - more compact */
.site-header-new.scrolled {
	background: rgba(10, 8, 12, 0.98);
	border-bottom-color: rgba(255, 38, 186, 0.15);
	box-shadow: 
		0 8px 32px rgba(0, 0, 0, 0.5),
		0 0 24px rgba(255, 38, 186, 0.08);
}

.site-header-new.scrolled .header-container-new {
	height: 3.75rem;
}

@media (max-width: 1023px) {
	.site-header-new.scrolled .header-container-new {
		height: 3.5rem;
	}
}