/* Self-hosted Fonts (DSGVO-konform, kein Google) */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url('/fonts/inter-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url('/fonts/inter-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/fonts/caveat-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/fonts/caveat-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-600:oklch(64.6% .222 41.116);--color-orange-700:oklch(55.3% .195 38.402);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-green-400:oklch(79.2% .209 151.711);--color-teal-200:oklch(91% .096 180.426);--color-teal-300:oklch(85.5% .138 181.071);--color-teal-400:oklch(77.7% .152 181.912);--color-teal-500:oklch(70.4% .14 182.503);--color-teal-600:oklch(60% .118 184.704);--color-teal-900:oklch(38.6% .063 188.416);--color-purple-300:oklch(82.7% .119 306.383);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-500:oklch(62.7% .265 303.9);--color-pink-400:oklch(71.8% .202 349.761);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-gray-950:oklch(13% .028 261.692);--color-white:#fff;--spacing:.25rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25/1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-wider:.05em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-sm:8px;--blur-lg:16px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-10{top:calc(var(--spacing)*10)}.top-\[57px\]{top:57px}.right-0{right:calc(var(--spacing)*0)}.right-20{right:calc(var(--spacing)*20)}.bottom-10{bottom:calc(var(--spacing)*10)}.left-0{left:calc(var(--spacing)*0)}.left-10{left:calc(var(--spacing)*10)}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-12{margin-top:calc(var(--spacing)*12)}.mt-16{margin-top:calc(var(--spacing)*16)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-1\.5{margin-bottom:calc(var(--spacing)*1.5)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.mb-12{margin-bottom:calc(var(--spacing)*12)}.mb-16{margin-bottom:calc(var(--spacing)*16)}.ml-1{margin-left:calc(var(--spacing)*1)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-2{height:calc(var(--spacing)*2)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-16{height:calc(var(--spacing)*16)}.h-40{height:calc(var(--spacing)*40)}.h-60{height:calc(var(--spacing)*60)}.min-h-screen{min-height:100vh}.w-2{width:calc(var(--spacing)*2)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-16{width:calc(var(--spacing)*16)}.w-40{width:calc(var(--spacing)*40)}.w-60{width:calc(var(--spacing)*60)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-lg{max-width:var(--container-lg)}.max-w-xl{max-width:var(--container-xl)}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}.gap-10{gap:calc(var(--spacing)*10)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-gray-600{border-color:var(--color-gray-600)}.border-gray-700{border-color:var(--color-gray-700)}.border-gray-700\/30{border-color:#3641534d}@supports (color:color-mix(in lab, red, red)){.border-gray-700\/30{border-color:color-mix(in oklab,var(--color-gray-700)30%,transparent)}}.border-gray-700\/50{border-color:#36415380}@supports (color:color-mix(in lab, red, red)){.border-gray-700\/50{border-color:color-mix(in oklab,var(--color-gray-700)50%,transparent)}}.border-gray-800{border-color:var(--color-gray-800)}.border-red-400\/20{border-color:#ff656833}@supports (color:color-mix(in lab, red, red)){.border-red-400\/20{border-color:color-mix(in oklab,var(--color-red-400)20%,transparent)}}.border-teal-500\/20{border-color:#00baa733}@supports (color:color-mix(in lab, red, red)){.border-teal-500\/20{border-color:color-mix(in oklab,var(--color-teal-500)20%,transparent)}}.border-teal-500\/30{border-color:#00baa74d}@supports (color:color-mix(in lab, red, red)){.border-teal-500\/30{border-color:color-mix(in oklab,var(--color-teal-500)30%,transparent)}}.border-teal-500\/40{border-color:#00baa766}@supports (color:color-mix(in lab, red, red)){.border-teal-500\/40{border-color:color-mix(in oklab,var(--color-teal-500)40%,transparent)}}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.border-white\/20{border-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.bg-amber-500\/15{background-color:#f99c0026}@supports (color:color-mix(in lab, red, red)){.bg-amber-500\/15{background-color:color-mix(in oklab,var(--color-amber-500)15%,transparent)}}.bg-gray-800\/30{background-color:#1e29394d}@supports (color:color-mix(in lab, red, red)){.bg-gray-800\/30{background-color:color-mix(in oklab,var(--color-gray-800)30%,transparent)}}.bg-gray-800\/50{background-color:#1e293980}@supports (color:color-mix(in lab, red, red)){.bg-gray-800\/50{background-color:color-mix(in oklab,var(--color-gray-800)50%,transparent)}}.bg-gray-900{background-color:var(--color-gray-900)}.bg-gray-900\/98{background-color:#101828fa}@supports (color:color-mix(in lab, red, red)){.bg-gray-900\/98{background-color:color-mix(in oklab,var(--color-gray-900)98%,transparent)}}.bg-gray-950{background-color:var(--color-gray-950)}.bg-orange-400\/5{background-color:#ff8b1a0d}@supports (color:color-mix(in lab, red, red)){.bg-orange-400\/5{background-color:color-mix(in oklab,var(--color-orange-400)5%,transparent)}}.bg-orange-500{background-color:var(--color-orange-500)}.bg-purple-500\/15{background-color:#ac4bff26}@supports (color:color-mix(in lab, red, red)){.bg-purple-500\/15{background-color:color-mix(in oklab,var(--color-purple-500)15%,transparent)}}.bg-red-500\/10{background-color:#fb2c361a}@supports (color:color-mix(in lab, red, red)){.bg-red-500\/10{background-color:color-mix(in oklab,var(--color-red-500)10%,transparent)}}.bg-teal-400{background-color:var(--color-teal-400)}.bg-teal-400\/10{background-color:#00d3bd1a}@supports (color:color-mix(in lab, red, red)){.bg-teal-400\/10{background-color:color-mix(in oklab,var(--color-teal-400)10%,transparent)}}.bg-teal-400\/20{background-color:#00d3bd33}@supports (color:color-mix(in lab, red, red)){.bg-teal-400\/20{background-color:color-mix(in oklab,var(--color-teal-400)20%,transparent)}}.bg-teal-500{background-color:var(--color-teal-500)}.bg-teal-500\/10{background-color:#00baa71a}@supports (color:color-mix(in lab, red, red)){.bg-teal-500\/10{background-color:color-mix(in oklab,var(--color-teal-500)10%,transparent)}}.bg-teal-500\/15{background-color:#00baa726}@supports (color:color-mix(in lab, red, red)){.bg-teal-500\/15{background-color:color-mix(in oklab,var(--color-teal-500)15%,transparent)}}.bg-teal-500\/20{background-color:#00baa733}@supports (color:color-mix(in lab, red, red)){.bg-teal-500\/20{background-color:color-mix(in oklab,var(--color-teal-500)20%,transparent)}}.bg-teal-600{background-color:var(--color-teal-600)}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.bg-white\/5{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.bg-white\/10{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-teal-900\/60{--tw-gradient-from:#0b4f4a99}@supports (color:color-mix(in lab, red, red)){.from-teal-900\/60{--tw-gradient-from:color-mix(in oklab,var(--color-teal-900)60%,transparent)}}.from-teal-900\/60{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.via-gray-900{--tw-gradient-via:var(--color-gray-900);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-gray-900{--tw-gradient-to:var(--color-gray-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-7{padding-inline:calc(var(--spacing)*7)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-3\.5{padding-block:calc(var(--spacing)*3.5)}.py-4{padding-block:calc(var(--spacing)*4)}.py-8{padding-block:calc(var(--spacing)*8)}.py-12{padding-block:calc(var(--spacing)*12)}.py-16{padding-block:calc(var(--spacing)*16)}.pt-6{padding-top:calc(var(--spacing)*6)}.pt-8{padding-top:calc(var(--spacing)*8)}.pt-16{padding-top:calc(var(--spacing)*16)}.pt-24{padding-top:calc(var(--spacing)*24)}.pb-12{padding-bottom:calc(var(--spacing)*12)}.pb-16{padding-bottom:calc(var(--spacing)*16)}.text-center{text-align:center}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[11px\]{font-size:11px}.leading-\[1\.08\]{--tw-leading:1.08;line-height:1.08}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-amber-400{color:var(--color-amber-400)}.text-amber-400\/60{color:#fcbb0099}@supports (color:color-mix(in lab, red, red)){.text-amber-400\/60{color:color-mix(in oklab,var(--color-amber-400)60%,transparent)}}.text-gray-200{color:var(--color-gray-200)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-green-400{color:var(--color-green-400)}.text-orange-400{color:var(--color-orange-400)}.text-pink-400{color:var(--color-pink-400)}.text-purple-400{color:var(--color-purple-400)}.text-purple-400\/60{color:#c07eff99}@supports (color:color-mix(in lab, red, red)){.text-purple-400\/60{color:color-mix(in oklab,var(--color-purple-400)60%,transparent)}}.text-red-300{color:var(--color-red-300)}.text-teal-200{color:var(--color-teal-200)}.text-teal-300\/50{color:#46ecd580}@supports (color:color-mix(in lab, red, red)){.text-teal-300\/50{color:color-mix(in oklab,var(--color-teal-300)50%,transparent)}}.text-teal-300\/60{color:#46ecd599}@supports (color:color-mix(in lab, red, red)){.text-teal-300\/60{color:color-mix(in oklab,var(--color-teal-300)60%,transparent)}}.text-teal-400{color:var(--color-teal-400)}.text-teal-400\/60{color:#00d3bd99}@supports (color:color-mix(in lab, red, red)){.text-teal-400\/60{color:color-mix(in oklab,var(--color-teal-400)60%,transparent)}}.text-teal-500{color:var(--color-teal-500)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.placeholder-teal-300\/50::placeholder{color:#46ecd580}@supports (color:color-mix(in lab, red, red)){.placeholder-teal-300\/50::placeholder{color:color-mix(in oklab,var(--color-teal-300)50%,transparent)}}.accent-teal-500{accent-color:var(--color-teal-500)}.opacity-10{opacity:.1}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-orange-500\/20{--tw-shadow-color:#fe6e0033}@supports (color:color-mix(in lab, red, red)){.shadow-orange-500\/20{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-orange-500)20%,transparent)var(--tw-shadow-alpha),transparent)}}.shadow-orange-500\/25{--tw-shadow-color:#fe6e0040}@supports (color:color-mix(in lab, red, red)){.shadow-orange-500\/25{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-orange-500)25%,transparent)var(--tw-shadow-alpha),transparent)}}.backdrop-blur-lg{--tw-backdrop-blur:blur(var(--blur-lg));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.group-hover\:text-amber-300\/80:is(:where(.group):hover *){color:#ffd236cc}@supports (color:color-mix(in lab, red, red)){.group-hover\:text-amber-300\/80:is(:where(.group):hover *){color:color-mix(in oklab,var(--color-amber-300)80%,transparent)}}.group-hover\:text-amber-400:is(:where(.group):hover *){color:var(--color-amber-400)}.group-hover\:text-purple-300\/80:is(:where(.group):hover *){color:#d9b3ffcc}@supports (color:color-mix(in lab, red, red)){.group-hover\:text-purple-300\/80:is(:where(.group):hover *){color:color-mix(in oklab,var(--color-purple-300)80%,transparent)}}.group-hover\:text-purple-400:is(:where(.group):hover *){color:var(--color-purple-400)}.group-hover\:text-teal-300\/80:is(:where(.group):hover *){color:#46ecd5cc}@supports (color:color-mix(in lab, red, red)){.group-hover\:text-teal-300\/80:is(:where(.group):hover *){color:color-mix(in oklab,var(--color-teal-300)80%,transparent)}}.group-hover\:text-teal-400:is(:where(.group):hover *){color:var(--color-teal-400)}.hover\:border-teal-400:hover{border-color:var(--color-teal-400)}.hover\:border-teal-500:hover{border-color:var(--color-teal-500)}.hover\:border-teal-500\/30:hover{border-color:#00baa74d}@supports (color:color-mix(in lab, red, red)){.hover\:border-teal-500\/30:hover{border-color:color-mix(in oklab,var(--color-teal-500)30%,transparent)}}.hover\:bg-orange-600:hover{background-color:var(--color-orange-600)}.hover\:bg-teal-500:hover{background-color:var(--color-teal-500)}.hover\:bg-teal-600:hover{background-color:var(--color-teal-600)}.hover\:text-amber-300:hover{color:var(--color-amber-300)}.hover\:text-purple-300:hover{color:var(--color-purple-300)}.hover\:text-teal-200:hover{color:var(--color-teal-200)}.hover\:text-teal-300:hover{color:var(--color-teal-300)}.hover\:text-teal-400:hover{color:var(--color-teal-400)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}}.focus\:border-teal-400:focus{border-color:var(--color-teal-400)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-teal-400\/30:focus{--tw-ring-color:#00d3bd4d}@supports (color:color-mix(in lab, red, red)){.focus\:ring-teal-400\/30:focus{--tw-ring-color:color-mix(in oklab,var(--color-teal-400)30%,transparent)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:bg-orange-700:active{background-color:var(--color-orange-700)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:40rem){.sm\:mt-16{margin-top:calc(var(--spacing)*16)}.sm\:mb-12{margin-bottom:calc(var(--spacing)*12)}.sm\:mb-14{margin-bottom:calc(var(--spacing)*14)}.sm\:mb-16{margin-bottom:calc(var(--spacing)*16)}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:gap-5{gap:calc(var(--spacing)*5)}.sm\:rounded-2xl{border-radius:var(--radius-2xl)}.sm\:p-6{padding:calc(var(--spacing)*6)}.sm\:px-6{padding-inline:calc(var(--spacing)*6)}.sm\:py-4{padding-block:calc(var(--spacing)*4)}.sm\:py-12{padding-block:calc(var(--spacing)*12)}.sm\:py-24{padding-block:calc(var(--spacing)*24)}.sm\:py-28{padding-block:calc(var(--spacing)*28)}.sm\:pt-12{padding-top:calc(var(--spacing)*12)}.sm\:pt-20{padding-top:calc(var(--spacing)*20)}.sm\:pt-28{padding-top:calc(var(--spacing)*28)}.sm\:pb-20{padding-bottom:calc(var(--spacing)*20)}.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media (min-width:48rem){.md\:flex{display:flex}.md\:hidden{display:none}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:64rem){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:block{display:block}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:gap-8{gap:calc(var(--spacing)*8)}.lg\:gap-16{gap:calc(var(--spacing)*16)}.lg\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.lg\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}
body { font-family: 'Inter', system-ui, -apple-system, sans-serif; }
        .nxv-wordmark { display:inline-flex; align-items:baseline; font-family:'Inter',system-ui,sans-serif; font-weight:800; line-height:1; gap:0; letter-spacing:0.02em; }
        .nxv-wordmark .o-svg { display:inline-block; width:0.70em; height:0.75em; vertical-align:baseline; margin:0 0.02em; }
        .nxv-wordmark .grad { background: linear-gradient(90deg, #14B8A6 0%, #14B8A6 25%, #2DD4BF 40%, #FB923C 70%, #F97316 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
        .nxv-tagline { display:block; font-family:'Caveat',cursive; font-weight:400; margin-top:0.15em; letter-spacing:0.02em; }
        .mobile-menu { display:none; } .mobile-menu.open { display:block; background-color:#0f172a; z-index:50; }
        .touch-target { min-height:44px; min-width:44px; }

body { font-family: 'Inter', system-ui, -apple-system, sans-serif; }
        .nxv-wordmark { display:inline-flex; align-items:baseline; font-family:'Inter',system-ui,sans-serif; font-weight:800; line-height:1; gap:0; letter-spacing:0.02em; }
        .nxv-wordmark .o-svg { display:inline-block; width:0.70em; height:0.75em; vertical-align:baseline; margin:0 0.02em; }
        .nxv-wordmark .grad { background: linear-gradient(90deg, #14B8A6 0%, #14B8A6 25%, #2DD4BF 40%, #FB923C 70%, #F97316 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
        .nxv-tagline { display:block; font-family:'Caveat',cursive; font-weight:400; margin-top:0.15em; letter-spacing:0.02em; }
        .mobile-menu { display:none; } .mobile-menu.open { display:block; background-color:#0f172a; z-index:50; }
        .touch-target { min-height:44px; min-width:44px; }
        .blog-card { background: rgba(17,24,39,0.6); border: 1px solid rgba(255,255,255,0.08); border-radius: 1.25rem; overflow: hidden; transition: all 0.3s; }
        .blog-card:hover { border-color: rgba(20,184,166,0.3); transform: translateY(-4px); box-shadow: 0 12px 40px rgba(0,0,0,0.3); }
        .blog-card-img { height: 200px; background-size: cover; background-position: center; position: relative; }
        .blog-card-img::after { content:''; position:absolute; inset:0; background: linear-gradient(180deg, transparent 40%, rgba(17,24,39,0.9) 100%); }
        .blog-tag { font-size: 0.65rem; letter-spacing: 0.08em; text-transform: uppercase; font-weight: 700; padding: 0.25rem 0.75rem; border-radius: 9999px; }

body { font-family: 'Inter', system-ui, -apple-system, sans-serif; }
        .nxv-wordmark { display:inline-flex; align-items:baseline; font-family:'Inter',system-ui,sans-serif; font-weight:800; line-height:1; gap:0; letter-spacing:0.02em; }
        .nxv-wordmark .o-svg { display:inline-block; width:0.70em; height:0.75em; vertical-align:baseline; margin:0 0.02em; }
        .nxv-wordmark .grad { background: linear-gradient(90deg, #14B8A6 0%, #14B8A6 25%, #2DD4BF 40%, #FB923C 70%, #F97316 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
        .nxv-tagline { display:block; font-family:'Caveat',cursive; font-weight:400; margin-top:0.15em; letter-spacing:0.02em; }
        .mobile-menu { display:none; } .mobile-menu.open { display:block; background-color:#0f172a; z-index:50; }
        .touch-target { min-height:44px; min-width:44px; }
        .prose h2 { font-size: 1.5rem; font-weight: 700; color: #F3F4F6; margin-top: 2.5rem; margin-bottom: 1rem; line-height: 1.3; }
        .prose h3 { font-size: 1.125rem; font-weight: 600; color: #E5E7EB; margin-top: 2rem; margin-bottom: 0.75rem; }
        .prose p { color: #9CA3AF; font-size: 1rem; line-height: 1.8; margin-bottom: 1.25rem; }
        .prose ul { list-style: none; padding: 0; margin-bottom: 1.25rem; }
        .prose ul li { position: relative; padding-left: 1.75rem; color: #9CA3AF; font-size: 1rem; line-height: 1.8; margin-bottom: 0.5rem; }
        .prose ul li::before { content: ''; position: absolute; left: 0; top: 0.65rem; width: 8px; height: 8px; border-radius: 50%; background: #7C3AED; }
        .prose strong { color: #E5E7EB; font-weight: 600; }
        .prose blockquote { border-left: 3px solid #7C3AED; padding-left: 1.25rem; margin: 1.5rem 0; }
        .prose blockquote p { color: #D1D5DB; font-style: italic; }
        .key-box { background: rgba(124,58,237,0.06); border: 1px solid rgba(124,58,237,0.15); border-radius: 1rem; padding: 1.5rem; margin: 1.5rem 0; }
        .key-box h4 { color: #A78BFA; font-size: 0.875rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.75rem; }
        .compare-table { width: 100%; border-collapse: collapse; margin: 1.5rem 0; }
        .compare-table th { text-align: left; padding: 0.75rem 1rem; font-size: 0.8rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: #9CA3AF; border-bottom: 1px solid rgba(255,255,255,0.1); }
        .compare-table td { padding: 0.75rem 1rem; font-size: 0.9rem; color: #D1D5DB; border-bottom: 1px solid rgba(255,255,255,0.05); }
        .compare-table tr:hover td { background: rgba(124,58,237,0.04); }

body { font-family: 'Inter', system-ui, -apple-system, sans-serif; }
        .nxv-wordmark { display:inline-flex; align-items:baseline; font-family:'Inter',system-ui,sans-serif; font-weight:800; line-height:1; gap:0; letter-spacing:0.02em; }
        .nxv-wordmark .o-svg { display:inline-block; width:0.70em; height:0.75em; vertical-align:baseline; margin:0 0.02em; }
        .nxv-wordmark .grad { background: linear-gradient(90deg, #14B8A6 0%, #14B8A6 25%, #2DD4BF 40%, #FB923C 70%, #F97316 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
        .nxv-tagline { display:block; font-family:'Caveat',cursive; font-weight:400; margin-top:0.15em; letter-spacing:0.02em; }
        .mobile-menu { display:none; } .mobile-menu.open { display:block; background-color:#0f172a; z-index:50; }
        .touch-target { min-height:44px; min-width:44px; }
        .prose h2 { font-size: 1.5rem; font-weight: 700; color: #F3F4F6; margin-top: 2.5rem; margin-bottom: 1rem; line-height: 1.3; }
        .prose h3 { font-size: 1.125rem; font-weight: 600; color: #E5E7EB; margin-top: 2rem; margin-bottom: 0.75rem; }
        .prose p { color: #9CA3AF; font-size: 1rem; line-height: 1.8; margin-bottom: 1.25rem; }
        .prose ul { list-style: none; padding: 0; margin-bottom: 1.25rem; }
        .prose ul li { position: relative; padding-left: 1.75rem; color: #9CA3AF; font-size: 1rem; line-height: 1.8; margin-bottom: 0.5rem; }
        .prose ul li::before { content: ''; position: absolute; left: 0; top: 0.65rem; width: 8px; height: 8px; border-radius: 50%; background: #14B8A6; }
        .prose strong { color: #E5E7EB; font-weight: 600; }
        .prose blockquote { border-left: 3px solid #14B8A6; padding-left: 1.25rem; margin: 1.5rem 0; }
        .prose blockquote p { color: #D1D5DB; font-style: italic; }
        .key-box { background: rgba(20,184,166,0.06); border: 1px solid rgba(20,184,166,0.15); border-radius: 1rem; padding: 1.5rem; margin: 1.5rem 0; }
        .key-box h4 { color: #14B8A6; font-size: 0.875rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.75rem; }

body { font-family: 'Inter', system-ui, -apple-system, sans-serif; }
        .nxv-wordmark { display:inline-flex; align-items:baseline; font-family:'Inter',system-ui,sans-serif; font-weight:800; line-height:1; gap:0; letter-spacing:0.02em; }
        .nxv-wordmark .o-svg { display:inline-block; width:0.70em; height:0.75em; vertical-align:baseline; margin:0 0.02em; }
        .nxv-wordmark .grad { background: linear-gradient(90deg, #14B8A6 0%, #14B8A6 25%, #2DD4BF 40%, #FB923C 70%, #F97316 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
        .nxv-tagline { display:block; font-family:'Caveat',cursive; font-weight:400; margin-top:0.15em; letter-spacing:0.02em; }
        .mobile-menu { display:none; } .mobile-menu.open { display:block; background-color:#0f172a; z-index:50; }
        .touch-target { min-height:44px; min-width:44px; }
        .prose h2 { font-size: 1.5rem; font-weight: 700; color: #F3F4F6; margin-top: 2.5rem; margin-bottom: 1rem; line-height: 1.3; }
        .prose h3 { font-size: 1.125rem; font-weight: 600; color: #E5E7EB; margin-top: 2rem; margin-bottom: 0.75rem; }
        .prose p { color: #9CA3AF; font-size: 1rem; line-height: 1.8; margin-bottom: 1.25rem; }
        .prose ul { list-style: none; padding: 0; margin-bottom: 1.25rem; }
        .prose ul li { position: relative; padding-left: 1.75rem; color: #9CA3AF; font-size: 1rem; line-height: 1.8; margin-bottom: 0.5rem; }
        .prose ul li::before { content: ''; position: absolute; left: 0; top: 0.65rem; width: 8px; height: 8px; border-radius: 50%; background: #F59E0B; }
        .prose strong { color: #E5E7EB; font-weight: 600; }
        .prose blockquote { border-left: 3px solid #F59E0B; padding-left: 1.25rem; margin: 1.5rem 0; }
        .prose blockquote p { color: #D1D5DB; font-style: italic; }
        .key-box { background: rgba(245,158,11,0.06); border: 1px solid rgba(245,158,11,0.15); border-radius: 1rem; padding: 1.5rem; margin: 1.5rem 0; }
        .key-box h4 { color: #FBBF24; font-size: 0.875rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.75rem; }
        .price-card { background: rgba(17,24,39,0.6); border: 1px solid rgba(255,255,255,0.08); border-radius: 1rem; padding: 1.5rem; margin-bottom: 1rem; transition: all 0.3s; }
        .price-card:hover { border-color: rgba(245,158,11,0.3); }
        .price-card h3 { margin-top: 0; }
        .price-card .price { font-size: 2rem; font-weight: 800; color: #FBBF24; }

body { padding-top: env(safe-area-inset-top); padding-bottom: env(safe-area-inset-bottom); font-family: 'Inter', system-ui, -apple-system, sans-serif; }
        .nxv-wordmark { display:inline-flex; align-items:baseline; font-family:'Inter',system-ui,sans-serif; font-weight:800; line-height:1; gap:0; letter-spacing:0.02em; }
        .nxv-wordmark .o-svg { display:inline-block; width:0.70em; height:0.75em; vertical-align:baseline; margin:0 0.02em; }
        .nxv-wordmark .grad { background: linear-gradient(90deg, #14B8A6 0%, #14B8A6 25%, #2DD4BF 40%, #FB923C 70%, #F97316 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
        @keyframes nxvPulse { 0%,100% { r:9; opacity:1; } 50% { r:11; opacity:0.7; } }
        .nxv-tagline { display:block; font-family:'Caveat',cursive; font-weight:400; margin-top:0.15em; letter-spacing:0.02em; }
        .product-card { position: relative; border-radius: 1.5rem; overflow: hidden; transition: all 0.4s cubic-bezier(0.4,0,0.2,1); }
        .product-card:hover { transform: translateY(-6px); }
        .product-badge { font-size: 0.65rem; letter-spacing: 0.08em; text-transform: uppercase; font-weight: 700; padding: 0.25rem 0.75rem; border-radius: 9999px; }
        .module-showcase { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.25rem; }
        .mod-card { background: rgba(17,24,39,0.6); border: 1px solid rgba(20,184,166,0.15); border-radius: 1rem; padding: 1.5rem; transition: all 0.3s; position:relative; overflow:hidden; }
        .mod-card:hover { border-color: rgba(20,184,166,0.4); transform: translateY(-4px); box-shadow: 0 12px 40px rgba(0,0,0,0.3); }
        .mod-card::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background: var(--accent, #14B8A6); opacity:0; transition:opacity 0.3s; }
        .mod-card:hover::before { opacity:1; }
        .mod-icon { width:48px; height:48px; border-radius:12px; display:flex; align-items:center; justify-content:center; margin-bottom:0.75rem; }
        .pricing-card { background: rgba(17,24,39,0.8); border: 1px solid rgba(255,255,255,0.08); border-radius: 1.25rem; padding: 2rem; transition: all 0.3s; position:relative; }
        .pricing-card:hover { border-color: rgba(20,184,166,0.3); transform: translateY(-4px); }
        .pricing-card.featured { border-color: #14B8A6; box-shadow: 0 0 40px rgba(20,184,166,0.15); }
        .pricing-card.featured::before { content:'Empfohlen'; position:absolute; top:-12px; left:50%; transform:translateX(-50%); background: linear-gradient(135deg, #14B8A6, #0D9488); color:white; font-size:0.7rem; font-weight:700; padding:0.25rem 1rem; border-radius:9999px; text-transform:uppercase; letter-spacing:0.05em; }
        .price-amount { font-size: 3rem; font-weight: 800; line-height: 1; }
        .price-period { color: #9CA3AF; font-size: 0.875rem; }
        .plan-feature { display:flex; align-items:center; gap:0.5rem; font-size:0.875rem; color:#D1D5DB; padding:0.35rem 0; }
        .plan-feature svg { width:16px; height:16px; color:#14B8A6; flex-shrink:0; }
        .compliance-grid { display:flex; flex-wrap:wrap; justify-content:center; gap:1.5rem; }
        .compliance-badge { display:flex; flex-direction:column; align-items:center; gap:0.5rem; padding:1rem 1.5rem; background:rgba(20,184,166,0.06); border:1px solid rgba(20,184,166,0.12); border-radius:1rem; min-width:140px; transition: all 0.3s; }
        .compliance-badge:hover { border-color: rgba(20,184,166,0.3); background:rgba(20,184,166,0.1); }
        .compliance-icon { width:40px; height:40px; display:flex; align-items:center; justify-content:center; }
        .faq-item { border: 1px solid rgba(255,255,255,0.08); border-radius: 0.75rem; overflow: hidden; transition: border-color 0.3s; }
        .faq-item:hover { border-color: rgba(20,184,166,0.3); }
        .faq-q { padding: 1.25rem 1.5rem; cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-weight: 600; color: #E5E7EB; transition: color 0.2s; }
        .faq-q:hover { color: #14B8A6; }
        .faq-q svg { width:20px; height:20px; transition: transform 0.3s; color:#6B7280; flex-shrink:0; }
        .faq-item.open .faq-q svg { transform: rotate(180deg); color:#14B8A6; }
        .faq-a { max-height: 0; overflow: hidden; transition: max-height 0.4s ease, padding 0.3s; }
        .faq-item.open .faq-a { max-height: 300px; padding: 0 1.5rem 1.25rem; }
        .faq-a p { color: #9CA3AF; font-size: 0.9rem; line-height: 1.7; }
        .gradient-text { background: linear-gradient(135deg, #14B8A6 0%, #2DD4BF 30%, #FB923C 70%, #F97316 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
        .stat-number { font-variant-numeric: tabular-nums; }
        @keyframes scrollPulse { 0%,100% { opacity: 0.4; transform: translateY(0); } 50% { opacity: 1; transform: translateY(6px); } }
        .scroll-hint { animation: scrollPulse 2s ease-in-out infinite; }
        .mockup-frame { border-radius: 12px; border: 1px solid rgba(20,184,166,0.2); overflow: hidden; box-shadow: 0 25px 80px rgba(0,0,0,0.4), 0 0 60px rgba(20,184,166,0.08); background: #111827; }
        .mockup-topbar { height: 32px; background: #1F2937; border-bottom: 1px solid rgba(255,255,255,0.05); display: flex; align-items: center; padding: 0 12px; gap: 6px; }
        .mockup-dot { width: 8px; height: 8px; border-radius: 50%; }
        @keyframes floatLabel { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} }
        .float-label { position:absolute; background:rgba(17,24,39,0.95); border:1px solid rgba(20,184,166,0.3); border-radius:8px; padding:6px 12px; font-size:12px; font-weight:600; color:#2DD4BF; white-space:nowrap; pointer-events:none; }
        .sticky-cta { display:none; position:fixed; bottom:0; left:0; right:0; z-index:40; background:rgba(17,24,39,0.95); backdrop-filter:blur(12px); border-top:1px solid rgba(20,184,166,0.2); padding:12px 16px; padding-bottom:max(12px, env(safe-area-inset-bottom)); }
        @media(max-width:767px) { .sticky-cta.visible { display:flex; gap:12px; } }
        .mobile-menu { display:none; } .mobile-menu.open { display:block; background-color:#0f172a; z-index:50; }
        .touch-target { min-height:44px; min-width:44px; }
        .fade-up { opacity:1; transform:translateY(0); }

        /* Responsive Tailwind Utilities (not in CDN build) */
        .hidden { display: none !important; }
        @media (min-width: 640px) {
            .sm\:block { display: block !important; }
            .sm\:flex { display: flex !important; }
            .sm\:flex-row { flex-direction: row !important; }
            .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
            .sm\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
            .sm\:gap-5 { gap: 1.25rem !important; }
            .sm\:h-6 { height: 1.5rem !important; }
            .sm\:h-20 { height: 5rem !important; }
            .sm\:w-6 { width: 1.5rem !important; }
            .sm\:w-20 { width: 5rem !important; }
            .sm\:p-6 { padding: 1.5rem !important; }
            .sm\:px-6 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
            .sm\:px-10 { padding-left: 2.5rem !important; padding-right: 2.5rem !important; }
            .sm\:py-4 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
            .sm\:py-5 { padding-top: 1.25rem !important; padding-bottom: 1.25rem !important; }
            .sm\:py-12 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
            .sm\:py-20 { padding-top: 5rem !important; padding-bottom: 5rem !important; }
            .sm\:py-24 { padding-top: 6rem !important; padding-bottom: 6rem !important; }
            .sm\:py-28 { padding-top: 7rem !important; padding-bottom: 7rem !important; }
            .sm\:pt-20 { padding-top: 5rem !important; }
            .sm\:pb-24 { padding-bottom: 6rem !important; }
            .sm\:mb-6 { margin-bottom: 1.5rem !important; }
            .sm\:mb-8 { margin-bottom: 2rem !important; }
            .sm\:mb-14 { margin-bottom: 3.5rem !important; }
            .sm\:mb-16 { margin-bottom: 4rem !important; }
            .sm\:text-sm { font-size: 0.875rem !important; line-height: 1.25rem !important; }
            .sm\:text-base { font-size: 1rem !important; line-height: 1.5rem !important; }
            .sm\:text-lg { font-size: 1.125rem !important; line-height: 1.75rem !important; }
            .sm\:text-xl { font-size: 1.25rem !important; line-height: 1.75rem !important; }
            .sm\:text-3xl { font-size: 1.875rem !important; line-height: 2.25rem !important; }
            .sm\:text-4xl { font-size: 2.25rem !important; line-height: 2.5rem !important; }
            .sm\:text-5xl { font-size: 3rem !important; line-height: 1 !important; }
            .sm\:rounded-2xl { border-radius: 1rem !important; }
        }
        @media (min-width: 768px) {
            .md\:flex { display: flex !important; }
            .md\:hidden { display: none !important; }
        }
        @media (min-width: 1024px) {
            .lg\:block { display: block !important; }
            .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
            .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
            .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
            .lg\:gap-16 { gap: 4rem !important; }
            .lg\:text-5xl { font-size: 3rem !important; line-height: 1 !important; }
            .lg\:text-6xl { font-size: 3.75rem !important; line-height: 1 !important; }
        }
/* ============================================= */
/* smart home feeling — Custom Styles            */
/* KNX-Grün #52AE32 | Dark Premium               */
/* ============================================= */

:root {
  --sf-green: #52AE32;
  --sf-green-light: #6BC74E;
  --sf-green-dark: #3D8225;
  --sf-green-glow: rgba(82,174,50,0.15);
  --sf-orange: #F97316;
  --sf-orange-light: #FB923C;
  --sf-cyan: #06B6D4;
  --sf-bg: #0f172a;
  --sf-card: rgba(255,255,255,0.04);
  --sf-border: rgba(82,174,50,0.15);
  --sf-text: #F3F4F6;
  --sf-text-muted: #9CA3AF;
}

/* SF Logo */
.sf-logo { display: inline-flex; align-items: center; gap: 0.5rem; }
.sf-logo-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3px; width: 36px; height: 36px; }
.sf-logo-grid span { border-radius: 4px; }
.sf-logo-text { font-family: 'Inter', system-ui, sans-serif; font-weight: 300; font-size: 1.1rem; color: #E5E7EB; letter-spacing: 0.01em; }
.sf-logo-text .pipe { color: var(--sf-green); font-weight: 400; }

/* Glassmorphism Cards SF */
.sf-glass {
  background: var(--sf-card);
  border: 1px solid var(--sf-border);
  border-radius: 1rem;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  transition: all 0.3s ease;
}
.sf-glass:hover {
  border-color: rgba(82,174,50,0.35);
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(0,0,0,0.3), 0 0 20px var(--sf-green-glow);
}

/* SF Gradient Text */
.sf-gradient-text {
  background: linear-gradient(135deg, var(--sf-green) 0%, var(--sf-green-light) 40%, var(--sf-cyan) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* SF Buttons */
.sf-btn-green {
  display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem;
  background: var(--sf-green); color: white; font-weight: 600;
  padding: 0.75rem 1.75rem; border-radius: 0.75rem; border: none;
  text-decoration: none; font-size: 0.95rem; cursor: pointer;
  transition: all 0.3s; min-height: 44px;
}
.sf-btn-green:hover { background: var(--sf-green-light); transform: translateY(-2px); box-shadow: 0 8px 25px rgba(82,174,50,0.3); }
.sf-btn-green:active { background: var(--sf-green-dark); transform: translateY(0); }

.sf-btn-orange {
  display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem;
  background: var(--sf-orange); color: white; font-weight: 600;
  padding: 0.75rem 1.75rem; border-radius: 0.75rem; border: none;
  text-decoration: none; font-size: 0.95rem; cursor: pointer;
  transition: all 0.3s; min-height: 44px;
}
.sf-btn-orange:hover { background: var(--sf-orange-light); transform: translateY(-2px); box-shadow: 0 8px 25px rgba(249,115,22,0.3); }
.sf-btn-orange:active { background: #EA580C; transform: translateY(0); }

.sf-btn-outline {
  display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem;
  background: transparent; color: var(--sf-green); font-weight: 600;
  padding: 0.75rem 1.75rem; border-radius: 0.75rem;
  border: 1px solid rgba(82,174,50,0.4);
  text-decoration: none; font-size: 0.95rem; cursor: pointer;
  transition: all 0.3s; min-height: 44px;
}
.sf-btn-outline:hover { background: rgba(82,174,50,0.1); border-color: var(--sf-green); }

/* Notdienst Banner */
.sf-notdienst {
  position: fixed; bottom: 0; left: 0; right: 0; z-index: 50;
  background: rgba(249,115,22,0.95);
  backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
  padding: 0.75rem 1rem;
  display: flex; align-items: center; justify-content: center; gap: 1rem;
  font-size: 0.9rem; font-weight: 600; color: white;
  border-top: 1px solid rgba(255,255,255,0.2);
}
.sf-notdienst a { color: white; text-decoration: none; font-weight: 700; }
.sf-notdienst a:hover { text-decoration: underline; }
@media (min-width: 768px) {
  .sf-notdienst { padding: 0.6rem 2rem; font-size: 0.85rem; }
}

/* Navigation */
.sf-nav {
  position: fixed; top: 0; left: 0; right: 0; z-index: 40;
  background: rgba(15,23,42,0.92);
  backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(82,174,50,0.1);
  padding: 0 1.5rem; height: 64px;
  display: flex; align-items: center; justify-content: space-between;
}
.sf-nav-links { display: flex; gap: 1.5rem; align-items: center; }
.sf-nav-links a {
  color: var(--sf-text-muted); font-size: 0.85rem; font-weight: 500;
  text-decoration: none; transition: color 0.2s;
}
.sf-nav-links a:hover { color: var(--sf-green); }
.sf-nav-ctas { display: flex; gap: 0.75rem; align-items: center; }
@media (max-width: 767px) {
  .sf-nav-links { display: none; }
  .sf-nav-ctas .sf-btn-green { display: none; }
}

/* Mobile Menu */
.sf-mobile-menu {
  display: none; position: fixed; top: 64px; left: 0; right: 0; bottom: 0;
  z-index: 45; background: rgba(15,23,42,0.98);
  backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
  padding: 2rem 1.5rem; flex-direction: column; gap: 0;
}
.sf-mobile-menu.open { display: flex; }
.sf-mobile-menu a {
  display: block; padding: 1rem 0; color: var(--sf-text);
  font-size: 1.1rem; font-weight: 500; text-decoration: none;
  border-bottom: 1px solid rgba(255,255,255,0.06);
  transition: color 0.2s;
}
.sf-mobile-menu a:hover { color: var(--sf-green); }
.sf-mobile-menu .sf-mobile-ctas { margin-top: 1.5rem; display: flex; flex-direction: column; gap: 0.75rem; }

/* Hamburger */
.sf-hamburger { display: none; background: none; border: none; cursor: pointer; padding: 0.5rem; }
.sf-hamburger span { display: block; width: 22px; height: 2px; background: #E5E7EB; margin: 5px 0; transition: all 0.3s; border-radius: 2px; }
.sf-hamburger.open span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }
.sf-hamburger.open span:nth-child(2) { opacity: 0; }
.sf-hamburger.open span:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); }
@media (max-width: 767px) {
  .sf-hamburger { display: block; }
}

/* Hero */
.sf-hero {
  min-height: 100vh; padding: 7rem 1.5rem 5rem;
  display: flex; align-items: center; justify-content: center;
  position: relative; overflow: hidden;
  background: linear-gradient(180deg, rgba(82,174,50,0.08) 0%, var(--sf-bg) 60%);
}
.sf-hero-glow {
  position: absolute; top: -20%; right: -10%; width: 600px; height: 600px;
  background: radial-gradient(circle, rgba(82,174,50,0.12) 0%, transparent 70%);
  pointer-events: none;
}
.sf-hero-content { max-width: 72rem; margin: 0 auto; width: 100%; display: grid; grid-template-columns: 1fr; gap: 3rem; align-items: center; }
@media (min-width: 768px) {
  .sf-hero-content { grid-template-columns: 1fr 1fr; }
  .sf-hero { padding: 0 2rem; }
}

/* Trust Badges */
.sf-badges { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 1.5rem; }
.sf-badge {
  display: inline-flex; align-items: center; gap: 0.4rem;
  padding: 0.4rem 0.85rem; border-radius: 9999px; font-size: 0.75rem; font-weight: 600;
  background: rgba(82,174,50,0.1); border: 1px solid rgba(82,174,50,0.2); color: var(--sf-green-light);
}

/* USP Cards (Hero rechts) */
.sf-usp-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.sf-usp-card {
  background: rgba(255,255,255,0.03); border: 1px solid rgba(82,174,50,0.12);
  border-radius: 1rem; padding: 1.25rem; transition: all 0.3s;
}
.sf-usp-card:hover { border-color: rgba(82,174,50,0.3); background: rgba(82,174,50,0.06); }
.sf-usp-icon { font-size: 1.5rem; margin-bottom: 0.5rem; }
.sf-usp-title { font-size: 0.85rem; font-weight: 600; color: var(--sf-text); margin-bottom: 0.25rem; }
.sf-usp-desc { font-size: 0.75rem; color: var(--sf-text-muted); line-height: 1.4; }

/* Footer */
.sf-footer {
  background: rgba(15,23,42,0.95); border-top: 1px solid rgba(82,174,50,0.1);
  padding: 3rem 1.5rem 6rem; /* extra bottom für Notdienst-Banner */
}
.sf-footer-inner { max-width: 72rem; margin: 0 auto; }
.sf-footer a { color: var(--sf-text-muted); text-decoration: none; transition: color 0.2s; }
.sf-footer a:hover { color: var(--sf-green); }
.sf-powered { font-size: 0.7rem; color: #4B5563; margin-top: 1.5rem; }
.sf-powered a { color: #6B7280; }
.sf-powered a:hover { color: var(--sf-green); }

/* Animations */
@keyframes sfFadeUp {
  from { opacity: 0; transform: translateY(30px); }
  to { opacity: 1; transform: translateY(0); }
}
.sf-fade-up { animation: sfFadeUp 0.8s ease forwards; }
.sf-fade-up-d1 { animation-delay: 0.1s; opacity: 0; }
.sf-fade-up-d2 { animation-delay: 0.2s; opacity: 0; }
.sf-fade-up-d3 { animation-delay: 0.3s; opacity: 0; }
.sf-fade-up-d4 { animation-delay: 0.4s; opacity: 0; }
.sf-fade-up-d5 { animation-delay: 0.5s; opacity: 0; }

@keyframes sfPulseGlow {
  0%, 100% { box-shadow: 0 0 0 0 rgba(82,174,50,0.4); }
  50% { box-shadow: 0 0 0 8px rgba(82,174,50,0); }
}
.sf-pulse-glow { animation: sfPulseGlow 2s ease-in-out infinite; }

/* Section spacing */
.sf-section { padding: 4rem 1.5rem; }
@media (min-width: 768px) { .sf-section { padding: 5rem 2rem; } }
.sf-section-inner { max-width: 72rem; margin: 0 auto; }