/* assets/css/custom.css */
/* Custom Styles for Energy Consult Landing Page */

/* Hero Section Background Pattern */
.hero-pattern {
    background-color: #111827;
    background-image: linear-gradient(rgba(17, 24, 39, 0.85), rgba(17, 24, 39, 0.7)), url('../../../images/hero.png?v=2');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Body Reset */
body {
    margin: 0;
    padding: 0;
}

/* Progress Bar Animations */
@keyframes shimmer {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(100%);
    }
}

.animate-shimmer {
    animation: shimmer 2s infinite;
}

.scale-105 {
    transform: scaleX(1.02);
    transition: transform 0.3s ease-out;
}

/* Card Hover Effects */
.card-hoverable {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.card-hoverable:hover {
    transform: translateY(-5px);
}

/* Slider Thumb Customization */
input[type=range] {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 12px;
    background: #e5e7eb;
    outline: none;
    opacity: 0.9;
    -webkit-transition: .2s;
    transition: opacity .2s;
    border-radius: 6px;
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 28px;
    height: 28px;
    background: #F2C94C;
    cursor: pointer;
    border-radius: 50%;
    border: 3px solid white;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

input[type=range]::-moz-range-thumb {
    width: 28px;
    height: 28px;
    background: #F2C94C;
    cursor: pointer;
    border-radius: 50%;
    border: 3px solid white;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* ========================================================================
   TOGGLE SWITCH STYLES (Expert-Toggle Visual Feedback)
   ======================================================================== */

/* Toggle Checkbox - The white slider circle */
.toggle-checkbox {
    right: 0;
    left: 0;
    transform: translateX(0);
    transition: transform 0.3s ease, border-color 0.3s ease;
}

/* Toggle Label - The track background */
.toggle-label {
    transition: background-color 0.3s ease;
}

/* When Toggle is CHECKED - Slider animates to the right */
.toggle-checkbox:checked {
    transform: translateX(100%);
    border-color: #22c55e;
}

/* When Toggle is CHECKED - Background turns green */
.toggle-checkbox:checked+.toggle-label {
    background-color: #22c55e;
}

/* Hover effect on toggle */
.toggle-checkbox:hover {
    transform: scale(1.05);
}

.toggle-checkbox:checked:hover {
    transform: translateX(100%) scale(1.05);
}

/* Desktop search filter: intermittent light packet travelling around the frame. */
#desktopFilterWidgetToggle {
    position: relative;
    isolation: isolate;
}

.desktop-filter-frame-signal {
    position: absolute;
    z-index: 2;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
    pointer-events: none;
}

.desktop-filter-frame-signal__packet {
    fill: none;
    stroke: rgba(110, 231, 183, 0.96);
    stroke-width: 2.25;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 10 110;
    stroke-dashoffset: 0;
    vector-effect: non-scaling-stroke;
    opacity: 0;
    filter:
        drop-shadow(0 0 0.2rem rgba(110, 231, 183, 0.9))
        drop-shadow(0 0 0.55rem rgba(16, 185, 129, 0.72));
    will-change: stroke-dashoffset, opacity;
    animation: desktop-filter-frame-packet 5.6s cubic-bezier(0.45, 0, 0.55, 1) infinite;
}

@keyframes desktop-filter-frame-packet {
    0%, 6% {
        opacity: 0;
        stroke-dashoffset: 0;
    }

    10% {
        opacity: 1;
    }

    58% {
        opacity: 1;
        stroke-dashoffset: -99.7;
    }

    64%, 100% {
        opacity: 0;
        stroke-dashoffset: -99.7;
    }
}

@media (prefers-reduced-motion: reduce) {
    .desktop-filter-frame-signal__packet {
        animation: none;
        opacity: 0;
    }
}

/* assets/vendor/fontawesome/css/fa-public.min.css */
/*! Font Awesome Free 6.4.0, reduziert auf die Symbole der öffentlichen Seiten.
 * Erzeugt von scripts/build-fontawesome-public.py, nicht von Hand ändern.
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */

.fa{font-family:var(--fa-style-family,"Font Awesome 6 Free");font-weight:var(--fa-style,900)}.fa,.fa-brands,.fa-classic,.fa-regular,.fa-sharp,.fa-solid,.fab,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fa-classic,.fa-regular,.fa-solid,.far,.fas{font-family:"Font Awesome 6 Free"}.fa-brands,.fab{font-family:"Font Awesome 6 Brands"}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}.fa-xs{font-size:.75em;line-height:.08333em;vertical-align:.125em}.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-xl{font-size:1.5em;line-height:.04167em;vertical-align:-.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:var(--fa-li-margin,2.5em);padding-left:0}.fa-ul>li{position:relative}.fa-li{left:calc(var(--fa-li-width, 2em)*-1);position:absolute;text-align:center;width:var(--fa-li-width,2em);line-height:inherit}.fa-border{border-radius:var(--fa-border-radius,.1em);border:var(--fa-border-width,.08em) var(--fa-border-style,solid) var(--fa-border-color,#eee);padding:var(--fa-border-padding,.2em .25em .15em)}.fa-pull-left{float:left;margin-right:var(--fa-pull-margin,.3em)}.fa-pull-right{float:right;margin-left:var(--fa-pull-margin,.3em)}.fa-beat{-webkit-animation-name:fa-beat;animation-name:fa-beat;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-bounce{-webkit-animation-name:fa-bounce;animation-name:fa-bounce;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}.fa-fade{-webkit-animation-name:fa-fade;animation-name:fa-fade;-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-beat-fade,.fa-fade{-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s)}.fa-beat-fade{-webkit-animation-name:fa-beat-fade;animation-name:fa-beat-fade;-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-flip{-webkit-animation-name:fa-flip;animation-name:fa-flip;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-shake{-webkit-animation-name:fa-shake;animation-name:fa-shake;-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:var(--fa-animation-timing,linear)}.fa-shake,.fa-spin{-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal)}.fa-spin{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-duration:var(--fa-animation-duration,2s);animation-duration:var(--fa-animation-duration,2s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin-reverse{--fa-animation-direction:reverse}.fa-pulse,.fa-spin-pulse{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,steps(8));animation-timing-function:var(--fa-animation-timing,steps(8))}@media (prefers-reduced-motion:reduce){.fa-beat,.fa-beat-fade,.fa-bounce,.fa-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{-webkit-animation-delay:-1ms;animation-delay:-1ms;-webkit-animation-duration:1ms;animation-duration:1ms;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s}}@-webkit-keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@-webkit-keyframes fa-bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes fa-bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@-webkit-keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@-webkit-keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@-webkit-keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@-webkit-keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}8%,24%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}8%,24%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}.fa-rotate-by{-webkit-transform:rotate(var(--fa-rotate-angle,none));transform:rotate(var(--fa-rotate-angle,none))}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%;z-index:var(--fa-stack-z-index,auto)}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:var(--fa-inverse,#fff)}

.fa-0:before{content:"\30"}.fa-file-lines:before{content:"\f15c"}.fa-circle-notch:before{content:"\f1ce"}.fa-compass:before{content:"\f14e"}.fa-lock:before{content:"\f023"}.fa-hourglass-half:before{content:"\f252"}.fa-eye-slash:before{content:"\f070"}.fa-bullseye:before{content:"\f140"}.fa-arrow-up-from-bracket:before{content:"\e09a"}.fa-key:before{content:"\f084"}.fa-bullhorn:before{content:"\f0a1"}.fa-globe:before{content:"\f0ac"}.fa-location-arrow:before{content:"\f124"}.fa-crown:before{content:"\f521"}.fa-fire:before{content:"\f06d"}.fa-city:before{content:"\f64f"}.fa-rotate-left:before{content:"\f2ea"}.fa-handshake:before{content:"\f2b5"}.fa-check-circle:before,.fa-circle-check:before{content:"\f058"}.fa-certificate:before{content:"\f0a3"}.fa-seedling:before{content:"\f4d8"}.fa-arrows-left-right:before{content:"\f07e"}.fa-layer-group:before{content:"\f5fd"}.fa-filter:before{content:"\f0b0"}.fa-arrow-right:before{content:"\f061"}.fa-solar-panel:before{content:"\f5ba"}.fa-clipboard-check:before{content:"\f46c"}.fa-circle-question:before{content:"\f059"}.fa-route:before{content:"\f4d7"}.fa-user-slash:before{content:"\f506"}.fa-pen:before{content:"\f304"}.fa-house-chimney:before{content:"\e3af"}.fa-window-maximize:before{content:"\f2d0"}.fa-hand-holding-dollar:before{content:"\f4c0"}.fa-hand-pointer:before{content:"\f25a"}.fa-location-crosshairs:before{content:"\f601"}.fa-phone:before{content:"\f095"}.fa-envelope:before{content:"\f0e0"}.fa-circle-info:before{content:"\f05a"}.fa-water:before{content:"\f773"}.fa-calendar-check:before{content:"\f274"}.fa-landmark:before{content:"\f66f"}.fa-crosshairs:before{content:"\f05b"}.fa-minus:before{content:"\f068"}.fa-coins:before{content:"\f51e"}.fa-sliders:before{content:"\f1de"}.fa-flask:before{content:"\f0c3"}.fa-calculator:before{content:"\f1ec"}.fa-house:before{content:"\f015"}.fa-bolt:before{content:"\f0e7"}.fa-sun:before{content:"\f185"}.fa-industry:before{content:"\f275"}.fa-location-dot:before,.fa-map-marker-alt:before{content:"\f3c5"}.fa-arrow-down:before{content:"\f063"}.fa-magnifying-glass:before,.fa-search:before{content:"\f002"}.fa-chevron-down:before{content:"\f078"}.fa-arrow-up:before{content:"\f062"}.fa-xmark:before{content:"\f00d"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-rotate:before{content:"\f2f1"}.fa-building:before{content:"\f1ad"}.fa-clock-rotate-left:before{content:"\f1da"}.fa-moon:before{content:"\f186"}.fa-hashtag:before{content:"\23"}.fa-fan:before{content:"\f863"}.fa-fire-flame-curved:before{content:"\f7e4"}.fa-user-plus:before{content:"\f234"}.fa-check:before{content:"\f00c"}.fa-house-circle-check:before{content:"\e509"}.fa-exclamation-triangle:before,.fa-triangle-exclamation:before{content:"\f071"}.fa-circle-xmark:before{content:"\f057"}.fa-magnifying-glass-dollar:before{content:"\f688"}
.fa-sr-only,.fa-sr-only-focusable:not(:focus),.sr-only,.sr-only-focusable:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:host,:root{--fa-style-family-brands:"Font Awesome 6 Brands";--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"}.fa-brands,.fab{font-weight:400}:host,:root{--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free"}.fa-regular,.far{font-weight:400}:host,:root{--fa-style-family-classic:"Font Awesome 6 Free";--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:block;src:url(../../vendor/fontawesome/webfonts/fa-solid-900-public.woff2?v=3a6dc8b7c0) format("woff2")}.fa-solid,.fas{font-weight:900}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:900;src:url(../../vendor/fontawesome/webfonts/fa-solid-900-public.woff2?v=3a6dc8b7c0) format("woff2")}@font-face{font-family:"FontAwesome";font-display:block;src:url(../../vendor/fontawesome/webfonts/fa-solid-900-public.woff2?v=3a6dc8b7c0) format("woff2")}

/* assets/css/site-tailwind.css */
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,Inter Fallback,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}.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{left:0;right:0}.inset-y-0{top:0;bottom:0}.-bottom-1{bottom:-.25rem}.-bottom-12{bottom:-3rem}.-bottom-2{bottom:-.5rem}.-bottom-24{bottom:-6rem}.-bottom-28{bottom:-7rem}.-bottom-4{bottom:-1rem}.-bottom-6{bottom:-1.5rem}.-bottom-8{bottom:-2rem}.-left-10{left:-2.5rem}.-left-24{left:-6rem}.-right-10{right:-2.5rem}.-right-2{right:-.5rem}.-right-3{right:-.75rem}.-right-32{right:-8rem}.-right-4{right:-1rem}.-right-6{right:-1.5rem}.-right-8{right:-2rem}.-top-10{top:-2.5rem}.-top-3{top:-.75rem}.-top-32{top:-8rem}.-top-6{top:-1.5rem}.-top-8{top:-2rem}.bottom-\[-15\%\]{bottom:-15%}.bottom-\[-20\%\]{bottom:-20%}.bottom-\[20\%\]{bottom:20%}.bottom-full{bottom:100%}.left-0{left:0}.left-1{left:.25rem}.left-1\/2{left:50%}.left-4{left:1rem}.left-5{left:1.25rem}.left-6{left:1.5rem}.left-\[-15\%\]{left:-15%}.left-\[-2\%\]{left:-2%}.left-\[-20\%\]{left:-20%}.left-\[10\%\]{left:10%}.left-\[4\%\]{left:4%}.right-0{right:0}.right-2{right:.5rem}.right-3{right:.75rem}.right-4{right:1rem}.right-6{right:1.5rem}.right-\[-10\%\]{right:-10%}.right-\[-20\%\]{right:-20%}.right-\[-8\%\]{right:-8%}.right-\[0\%\]{right:0}.right-\[10\%\]{right:10%}.top-0{top:0}.top-1\/2{top:50%}.top-2{top:.5rem}.top-20{top:5rem}.top-36{top:9rem}.top-4{top:1rem}.top-\[-10\%\]{top:-10%}.top-\[-20\%\]{top:-20%}.top-\[10\%\]{top:10%}.top-\[20\%\]{top:20%}.top-\[27\%\]{top:27%}.top-\[6\%\]{top:6%}.top-\[60\%\]{top:60%}.top-\[62\%\]{top:62%}.top-full{top:100%}.-z-10{z-index:-10}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.order-1{order:1}.order-2{order:2}.col-span-1{grid-column:span 1/span 1}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-top:1rem;margin-bottom:1rem}.-mr-1{margin-right:-.25rem}.mb-0\.5{margin-bottom:.125rem}.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-20{margin-bottom:5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mt-0{margin-top:0}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-10{margin-top:2.5rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.\!table{display:table!important}.table{display:table}.\!grid{display:grid!important}.grid{display:grid}.contents{display:contents}.hidden{display:none}.aspect-square{aspect-ratio:1/1}.h-0\.5{height:.125rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-20{height:5rem}.h-28{height:7rem}.h-32{height:8rem}.h-4{height:1rem}.h-40{height:10rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-96{height:24rem}.h-\[100\%\]{height:100%}.h-\[18px\]{height:18px}.h-\[24rem\]{height:24rem}.h-\[26rem\]{height:26rem}.h-\[50\%\]{height:50%}.h-\[90\%\]{height:90%}.h-auto{height:auto}.h-full{height:100%}.max-h-64{max-height:16rem}.max-h-80{max-height:20rem}.max-h-\[90vh\]{max-height:90vh}.min-h-\[100px\]{min-height:100px}.min-h-\[1rem\]{min-height:1rem}.min-h-\[252px\]{min-height:252px}.min-h-\[600px\]{min-height:600px}.min-h-screen{min-height:100vh}.w-1\.5{width:.375rem}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-1\/4{width:25%}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-2\/3{width:66.666667%}.w-20{width:5rem}.w-24{width:6rem}.w-32{width:8rem}.w-4{width:1rem}.w-40{width:10rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-96{width:24rem}.w-\[10\%\]{width:10%}.w-\[100\%\]{width:100%}.w-\[24rem\]{width:24rem}.w-\[26rem\]{width:26rem}.w-\[32rem\]{width:32rem}.w-\[50\%\]{width:50%}.w-\[90\%\]{width:90%}.w-auto{width:auto}.w-full{width:100%}.min-w-0{min-width:0}.min-w-full{min-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-\[1400px\]{max-width:1400px}.max-w-\[15rem\]{max-width:15rem}.max-w-\[200px\]{max-width:200px}.max-w-\[220px\]{max-width:220px}.max-w-\[340px\]{max-width:340px}.max-w-\[460px\]{max-width:460px}.max-w-\[calc\(100vw-3rem\)\]{max-width:calc(100vw - 3rem)}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.translate-y-full{--tw-translate-y:100%}.rotate-180,.translate-y-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.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))}.transform-gpu{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) 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_4s_ease-in-out_infinite_1s\]{animation:pulse 4s ease-in-out 1s infinite}.animate-\[pulse_6s_ease-in-out_infinite\]{animation:pulse 6s ease-in-out infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-help{cursor:help}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.cursor-wait{cursor:wait}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.resize{resize:both}.scroll-mt-24{scroll-margin-top:6rem}.list-disc{list-style-type:disc}.list-none{list-style-type: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))}.grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-16{gap:4rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-y-1{row-gap:.25rem}.gap-y-2{row-gap:.5rem}.space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px*var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.space-y-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-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))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px*var(--tw-divide-y-reverse))}.divide-gray-200>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(229 231 235/var(--tw-divide-opacity,1))}.divide-slate-200>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(226 232 240/var(--tw-divide-opacity,1))}.self-auto{align-self:auto}.self-start{align-self:flex-start}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto}.overflow-x-clip{overflow-x:clip}.scroll-smooth{scroll-behavior:smooth}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[28px\]{border-radius:28px}.rounded-\[2rem\]{border-radius:2rem}.rounded-\[4px\]{border-radius:4px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-l-\[28px\]{border-top-left-radius:28px;border-bottom-left-radius:28px}.rounded-t-md{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-\[1\.5px\]{border-width:1.5px}.border-\[4px\]{border-width:4px}.border-\[5px\]{border-width:5px}.border-y{border-top-width:1px}.border-b,.border-y{border-bottom-width:1px}.border-l-2{border-left-width:2px}.border-l-4{border-left-width:4px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-\[\#d7e1ea\]{--tw-border-opacity:1;border-color:rgb(215 225 234/var(--tw-border-opacity,1))}.border-\[\#e7d6a8\]{--tw-border-opacity:1;border-color:rgb(231 214 168/var(--tw-border-opacity,1))}.border-amber-200{--tw-border-opacity:1;border-color:rgb(253 230 138/var(--tw-border-opacity,1))}.border-amber-200\/80{border-color:hsla(48,97%,77%,.8)}.border-amber-300{--tw-border-opacity:1;border-color:rgb(252 211 77/var(--tw-border-opacity,1))}.border-amber-300\/70{border-color:rgba(252,211,77,.7)}.border-amber-400\/70{border-color:rgba(251,191,36,.7)}.border-amber-500\/40{border-color:rgba(245,158,11,.4)}.border-amber-600\/30{border-color:rgba(217,119,6,.3)}.border-amber-600\/40{border-color:rgba(217,119,6,.4)}.border-amber-600\/50{border-color:rgba(217,119,6,.5)}.border-amber-700{--tw-border-opacity:1;border-color:rgb(180 83 9/var(--tw-border-opacity,1))}.border-amber-700\/40{border-color:rgba(180,83,9,.4)}.border-amber-700\/50{border-color:rgba(180,83,9,.5)}.border-amber-700\/60{border-color:rgba(180,83,9,.6)}.border-blue-200{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.border-blue-500\/20{border-color:rgba(59,130,246,.2)}.border-blue-500\/25{border-color:rgba(59,130,246,.25)}.border-blue-500\/30{border-color:rgba(59,130,246,.3)}.border-blue-700{--tw-border-opacity:1;border-color:rgb(29 78 216/var(--tw-border-opacity,1))}.border-blue-700\/40{border-color:rgba(29,78,216,.4)}.border-blue-700\/50{border-color:rgba(29,78,216,.5)}.border-blue-700\/60{border-color:rgba(29,78,216,.6)}.border-current{border-color:currentColor}.border-cyan-700\/40{border-color:rgba(14,116,144,.4)}.border-cyan-700\/50{border-color:rgba(14,116,144,.5)}.border-cyan-700\/60{border-color:rgba(14,116,144,.6)}.border-dark{--tw-border-opacity:1;border-color:rgb(17 24 39/var(--tw-border-opacity,1))}.border-emerald-200{--tw-border-opacity:1;border-color:rgb(167 243 208/var(--tw-border-opacity,1))}.border-emerald-200\/80{border-color:rgba(167,243,208,.8)}.border-emerald-300{--tw-border-opacity:1;border-color:rgb(110 231 183/var(--tw-border-opacity,1))}.border-emerald-300\/70{border-color:rgba(110,231,183,.7)}.border-emerald-500\/30{border-color:rgba(16,185,129,.3)}.border-emerald-500\/60{border-color:rgba(16,185,129,.6)}.border-emerald-600\/30{border-color:rgba(5,150,105,.3)}.border-emerald-600\/40{border-color:rgba(5,150,105,.4)}.border-emerald-700{--tw-border-opacity:1;border-color:rgb(4 120 87/var(--tw-border-opacity,1))}.border-emerald-700\/40{border-color:rgba(4,120,87,.4)}.border-emerald-700\/50{border-color:rgba(4,120,87,.5)}.border-emerald-700\/60{border-color:rgba(4,120,87,.6)}.border-emerald-800{--tw-border-opacity:1;border-color:rgb(6 95 70/var(--tw-border-opacity,1))}.border-fuchsia-700\/40{border-color:rgba(162,28,175,.4)}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-200\/80{border-color:rgba(229,231,235,.8)}.border-gray-500{--tw-border-opacity:1;border-color:rgb(107 114 128/var(--tw-border-opacity,1))}.border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1))}.border-gray-700{--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}.border-gray-700\/40{border-color:rgba(55,65,81,.4)}.border-gray-700\/50{border-color:rgba(55,65,81,.5)}.border-gray-700\/60{border-color:rgba(55,65,81,.6)}.border-gray-800{--tw-border-opacity:1;border-color:rgb(31 41 55/var(--tw-border-opacity,1))}.border-green-200{--tw-border-opacity:1;border-color:rgb(187 247 208/var(--tw-border-opacity,1))}.border-green-400{--tw-border-opacity:1;border-color:rgb(74 222 128/var(--tw-border-opacity,1))}.border-green-500{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity,1))}.border-green-500\/20{border-color:rgba(34,197,94,.2)}.border-green-500\/25{border-color:rgba(34,197,94,.25)}.border-green-500\/30{border-color:rgba(34,197,94,.3)}.border-green-500\/40{border-color:rgba(34,197,94,.4)}.border-green-600{--tw-border-opacity:1;border-color:rgb(22 163 74/var(--tw-border-opacity,1))}.border-green-700{--tw-border-opacity:1;border-color:rgb(21 128 61/var(--tw-border-opacity,1))}.border-green-700\/40{border-color:rgba(21,128,61,.4)}.border-green-700\/50{border-color:rgba(21,128,61,.5)}.border-green-700\/60{border-color:rgba(21,128,61,.6)}.border-green-800\/40{border-color:rgba(22,101,52,.4)}.border-green-800\/50{border-color:rgba(22,101,52,.5)}.border-indigo-100{--tw-border-opacity:1;border-color:rgb(224 231 255/var(--tw-border-opacity,1))}.border-indigo-200{--tw-border-opacity:1;border-color:rgb(199 210 254/var(--tw-border-opacity,1))}.border-indigo-500{--tw-border-opacity:1;border-color:rgb(99 102 241/var(--tw-border-opacity,1))}.border-indigo-700\/50{border-color:rgba(67,56,202,.5)}.border-indigo-700\/60{border-color:rgba(67,56,202,.6)}.border-orange-300{--tw-border-opacity:1;border-color:rgb(253 186 116/var(--tw-border-opacity,1))}.border-orange-400{--tw-border-opacity:1;border-color:rgb(251 146 60/var(--tw-border-opacity,1))}.border-orange-500{--tw-border-opacity:1;border-color:rgb(249 115 22/var(--tw-border-opacity,1))}.border-orange-500\/40{border-color:rgba(249,115,22,.4)}.border-orange-700{--tw-border-opacity:1;border-color:rgb(194 65 12/var(--tw-border-opacity,1))}.border-orange-700\/40{border-color:rgba(194,65,12,.4)}.border-orange-700\/60{border-color:rgba(194,65,12,.6)}.border-orange-800\/50{border-color:rgba(154,52,18,.5)}.border-primary{--tw-border-opacity:1;border-color:rgb(31 107 78/var(--tw-border-opacity,1))}.border-primary\/30{border-color:rgba(31,107,78,.3)}.border-purple-700{--tw-border-opacity:1;border-color:rgb(126 34 206/var(--tw-border-opacity,1))}.border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.border-red-500\/25{border-color:rgba(239,68,68,.25)}.border-red-500\/30{border-color:rgba(239,68,68,.3)}.border-red-500\/40{border-color:rgba(239,68,68,.4)}.border-red-600\/30{border-color:rgba(220,38,38,.3)}.border-red-700{--tw-border-opacity:1;border-color:rgb(185 28 28/var(--tw-border-opacity,1))}.border-red-700\/40{border-color:rgba(185,28,28,.4)}.border-red-700\/50{border-color:rgba(185,28,28,.5)}.border-red-700\/60{border-color:rgba(185,28,28,.6)}.border-red-800\/50{border-color:rgba(153,27,27,.5)}.border-rose-200{--tw-border-opacity:1;border-color:rgb(254 205 211/var(--tw-border-opacity,1))}.border-rose-600\/30{border-color:rgba(225,29,72,.3)}.border-rose-700\/40{border-color:rgba(190,18,60,.4)}.border-rose-700\/60{border-color:rgba(190,18,60,.6)}.border-secondary{--tw-border-opacity:1;border-color:rgb(242 201 76/var(--tw-border-opacity,1))}.border-sky-200{--tw-border-opacity:1;border-color:rgb(186 230 253/var(--tw-border-opacity,1))}.border-sky-400{--tw-border-opacity:1;border-color:rgb(56 189 248/var(--tw-border-opacity,1))}.border-sky-500{--tw-border-opacity:1;border-color:rgb(14 165 233/var(--tw-border-opacity,1))}.border-sky-500\/40{border-color:rgba(14,165,233,.4)}.border-sky-600\/30{border-color:rgba(2,132,199,.3)}.border-sky-700{--tw-border-opacity:1;border-color:rgb(3 105 161/var(--tw-border-opacity,1))}.border-sky-700\/40{border-color:rgba(3,105,161,.4)}.border-sky-700\/60{border-color:rgba(3,105,161,.6)}.border-slate-100{--tw-border-opacity:1;border-color:rgb(241 245 249/var(--tw-border-opacity,1))}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.border-slate-200\/80{border-color:rgba(226,232,240,.8)}.border-slate-300{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.border-slate-600{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.border-teal-700\/50{border-color:rgba(15,118,110,.5)}.border-transparent{border-color:transparent}.border-violet-200{--tw-border-opacity:1;border-color:rgb(221 214 254/var(--tw-border-opacity,1))}.border-violet-200\/80{border-color:rgba(221,214,254,.8)}.border-violet-700\/60{border-color:rgba(109,40,217,.6)}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-white\/20{border-color:hsla(0,0%,100%,.2)}.border-white\/60{border-color:hsla(0,0%,100%,.6)}.border-white\/70{border-color:hsla(0,0%,100%,.7)}.border-white\/90{border-color:hsla(0,0%,100%,.9)}.border-yellow-500\/20{border-color:rgba(234,179,8,.2)}.border-yellow-500\/30{border-color:rgba(234,179,8,.3)}.border-yellow-700{--tw-border-opacity:1;border-color:rgb(161 98 7/var(--tw-border-opacity,1))}.border-yellow-700\/40{border-color:rgba(161,98,7,.4)}.border-yellow-700\/50{border-color:rgba(161,98,7,.5)}.border-yellow-700\/60{border-color:rgba(161,98,7,.6)}.border-l-cyan-400{--tw-border-opacity:1;border-left-color:rgb(34 211 238/var(--tw-border-opacity,1))}.border-t-primary{--tw-border-opacity:1;border-top-color:rgb(31 107 78/var(--tw-border-opacity,1))}.bg-\[\#e8eff5\]{--tw-bg-opacity:1;background-color:rgb(232 239 245/var(--tw-bg-opacity,1))}.bg-\[\#f27221\]{--tw-bg-opacity:1;background-color:rgb(242 114 33/var(--tw-bg-opacity,1))}.bg-\[\#fbf6e9\]{--tw-bg-opacity:1;background-color:rgb(251 246 233/var(--tw-bg-opacity,1))}.bg-\[\#fbfcff\]{--tw-bg-opacity:1;background-color:rgb(251 252 255/var(--tw-bg-opacity,1))}.bg-amber-100{--tw-bg-opacity:1;background-color:rgb(254 243 199/var(--tw-bg-opacity,1))}.bg-amber-400{--tw-bg-opacity:1;background-color:rgb(251 191 36/var(--tw-bg-opacity,1))}.bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.bg-amber-50\/70{background-color:rgba(255,251,235,.7)}.bg-amber-50\/80{background-color:rgba(255,251,235,.8)}.bg-amber-50\/90{background-color:rgba(255,251,235,.9)}.bg-amber-500\/10{background-color:rgba(245,158,11,.1)}.bg-amber-500\/15{background-color:rgba(245,158,11,.15)}.bg-amber-500\/20{background-color:rgba(245,158,11,.2)}.bg-amber-500\/5{background-color:rgba(245,158,11,.05)}.bg-amber-900\/10{background-color:rgba(120,53,15,.1)}.bg-amber-900\/20{background-color:rgba(120,53,15,.2)}.bg-amber-900\/30{background-color:rgba(120,53,15,.3)}.bg-black\/20{background-color:rgba(0,0,0,.2)}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-blue-500\/10{background-color:rgba(59,130,246,.1)}.bg-blue-500\/15{background-color:rgba(59,130,246,.15)}.bg-blue-500\/20{background-color:rgba(59,130,246,.2)}.bg-blue-900\/10{background-color:rgba(30,58,138,.1)}.bg-blue-900\/20{background-color:rgba(30,58,138,.2)}.bg-blue-900\/30{background-color:rgba(30,58,138,.3)}.bg-blue-900\/40{background-color:rgba(30,58,138,.4)}.bg-blue-900\/50{background-color:rgba(30,58,138,.5)}.bg-cyan-500{--tw-bg-opacity:1;background-color:rgb(6 182 212/var(--tw-bg-opacity,1))}.bg-cyan-500\/10{background-color:rgba(6,182,212,.1)}.bg-cyan-500\/20{background-color:rgba(6,182,212,.2)}.bg-cyan-700\/60{background-color:rgba(14,116,144,.6)}.bg-cyan-900\/15{background-color:rgba(22,78,99,.15)}.bg-cyan-900\/20{background-color:rgba(22,78,99,.2)}.bg-cyan-900\/30{background-color:rgba(22,78,99,.3)}.bg-dark{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.bg-emerald-100{--tw-bg-opacity:1;background-color:rgb(209 250 229/var(--tw-bg-opacity,1))}.bg-emerald-400{--tw-bg-opacity:1;background-color:rgb(52 211 153/var(--tw-bg-opacity,1))}.bg-emerald-400\/10{background-color:rgba(52,211,153,.1)}.bg-emerald-400\/15{background-color:rgba(52,211,153,.15)}.bg-emerald-50{--tw-bg-opacity:1;background-color:rgb(236 253 245/var(--tw-bg-opacity,1))}.bg-emerald-50\/70{background-color:rgba(236,253,245,.7)}.bg-emerald-50\/80{background-color:rgba(236,253,245,.8)}.bg-emerald-50\/90{background-color:rgba(236,253,245,.9)}.bg-emerald-500{--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.bg-emerald-500\/10{background-color:rgba(16,185,129,.1)}.bg-emerald-500\/15{background-color:rgba(16,185,129,.15)}.bg-emerald-500\/70{background-color:rgba(16,185,129,.7)}.bg-emerald-600{--tw-bg-opacity:1;background-color:rgb(5 150 105/var(--tw-bg-opacity,1))}.bg-emerald-900{--tw-bg-opacity:1;background-color:rgb(6 78 59/var(--tw-bg-opacity,1))}.bg-emerald-900\/10{background-color:rgba(6,78,59,.1)}.bg-emerald-900\/30{background-color:rgba(6,78,59,.3)}.bg-emerald-900\/40{background-color:rgba(6,78,59,.4)}.bg-emerald-950\/20{background-color:rgba(2,44,34,.2)}.bg-fuchsia-500\/15{background-color:rgba(217,70,239,.15)}.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-500{--tw-bg-opacity:1;background-color:rgb(107 114 128/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-700\/40{background-color:rgba(55,65,81,.4)}.bg-gray-700\/60{background-color:rgba(55,65,81,.6)}.bg-gray-700\/70{background-color:rgba(55,65,81,.7)}.bg-gray-700\/80{background-color:rgba(55,65,81,.8)}.bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.bg-gray-800\/50{background-color:rgba(31,41,55,.5)}.bg-gray-800\/60{background-color:rgba(31,41,55,.6)}.bg-gray-800\/70{background-color:rgba(31,41,55,.7)}.bg-gray-800\/80{background-color:rgba(31,41,55,.8)}.bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.bg-gray-900\/30{background-color:rgba(17,24,39,.3)}.bg-gray-900\/40{background-color:rgba(17,24,39,.4)}.bg-gray-900\/50{background-color:rgba(17,24,39,.5)}.bg-gray-900\/60{background-color:rgba(17,24,39,.6)}.bg-gray-900\/70{background-color:rgba(17,24,39,.7)}.bg-gray-900\/95{background-color:rgba(17,24,39,.95)}.bg-gray-950\/40{background-color:rgba(3,7,18,.4)}.bg-gray-950\/50{background-color:rgba(3,7,18,.5)}.bg-gray-950\/60{background-color:rgba(3,7,18,.6)}.bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.bg-green-400{--tw-bg-opacity:1;background-color:rgb(74 222 128/var(--tw-bg-opacity,1))}.bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-green-500\/10{background-color:rgba(34,197,94,.1)}.bg-green-500\/15{background-color:rgba(34,197,94,.15)}.bg-green-500\/20{background-color:rgba(34,197,94,.2)}.bg-green-600{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.bg-green-700{--tw-bg-opacity:1;background-color:rgb(21 128 61/var(--tw-bg-opacity,1))}.bg-green-900\/10{background-color:rgba(20,83,45,.1)}.bg-green-900\/20{background-color:rgba(20,83,45,.2)}.bg-green-900\/30{background-color:rgba(20,83,45,.3)}.bg-green-900\/50{background-color:rgba(20,83,45,.5)}.bg-green-950\/30{background-color:rgba(5,46,22,.3)}.bg-green-950\/40{background-color:rgba(5,46,22,.4)}.bg-indigo-100{--tw-bg-opacity:1;background-color:rgb(224 231 255/var(--tw-bg-opacity,1))}.bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(238 242 255/var(--tw-bg-opacity,1))}.bg-indigo-500\/10{background-color:rgba(99,102,241,.1)}.bg-indigo-500\/20{background-color:rgba(99,102,241,.2)}.bg-indigo-900\/20{background-color:rgba(49,46,129,.2)}.bg-orange-100{--tw-bg-opacity:1;background-color:rgb(255 237 213/var(--tw-bg-opacity,1))}.bg-orange-500\/10{background-color:rgba(249,115,22,.1)}.bg-orange-500\/15{background-color:rgba(249,115,22,.15)}.bg-orange-900\/20{background-color:rgba(124,45,18,.2)}.bg-orange-900\/25{background-color:rgba(124,45,18,.25)}.bg-orange-900\/30{background-color:rgba(124,45,18,.3)}.bg-orange-900\/35{background-color:rgba(124,45,18,.35)}.bg-orange-900\/40{background-color:rgba(124,45,18,.4)}.bg-orange-900\/50{background-color:rgba(124,45,18,.5)}.bg-primary{--tw-bg-opacity:1;background-color:rgb(31 107 78/var(--tw-bg-opacity,1))}.bg-primary\/10{background-color:rgba(31,107,78,.1)}.bg-primary\/20{background-color:rgba(31,107,78,.2)}.bg-purple-100{--tw-bg-opacity:1;background-color:rgb(243 232 255/var(--tw-bg-opacity,1))}.bg-purple-500\/20{background-color:rgba(168,85,247,.2)}.bg-purple-900\/30{background-color:rgba(88,28,135,.3)}.bg-purple-900\/50{background-color:rgba(88,28,135,.5)}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-red-400{--tw-bg-opacity:1;background-color:rgb(248 113 113/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-red-500\/10{background-color:rgba(239,68,68,.1)}.bg-red-500\/15{background-color:rgba(239,68,68,.15)}.bg-red-500\/20{background-color:rgba(239,68,68,.2)}.bg-red-900\/20{background-color:rgba(127,29,29,.2)}.bg-red-900\/30{background-color:rgba(127,29,29,.3)}.bg-red-900\/40{background-color:rgba(127,29,29,.4)}.bg-red-900\/50{background-color:rgba(127,29,29,.5)}.bg-red-950\/40{background-color:rgba(69,10,10,.4)}.bg-rose-100{--tw-bg-opacity:1;background-color:rgb(255 228 230/var(--tw-bg-opacity,1))}.bg-rose-50{--tw-bg-opacity:1;background-color:rgb(255 241 242/var(--tw-bg-opacity,1))}.bg-rose-500\/10{background-color:rgba(244,63,94,.1)}.bg-rose-500\/15{background-color:rgba(244,63,94,.15)}.bg-rose-500\/70{background-color:rgba(244,63,94,.7)}.bg-secondary{--tw-bg-opacity:1;background-color:rgb(242 201 76/var(--tw-bg-opacity,1))}.bg-sky-100{--tw-bg-opacity:1;background-color:rgb(224 242 254/var(--tw-bg-opacity,1))}.bg-sky-50{--tw-bg-opacity:1;background-color:rgb(240 249 255/var(--tw-bg-opacity,1))}.bg-sky-500\/10{background-color:rgba(14,165,233,.1)}.bg-sky-500\/15{background-color:rgba(14,165,233,.15)}.bg-sky-900\/10{background-color:rgba(12,74,110,.1)}.bg-sky-900\/15{background-color:rgba(12,74,110,.15)}.bg-sky-900\/25{background-color:rgba(12,74,110,.25)}.bg-sky-900\/30{background-color:rgba(12,74,110,.3)}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.bg-slate-300{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity,1))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-slate-50\/70{background-color:rgba(248,250,252,.7)}.bg-slate-50\/80{background-color:rgba(248,250,252,.8)}.bg-slate-700{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.bg-slate-900{--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.bg-slate-950\/80{background-color:rgba(2,6,23,.8)}.bg-teal-500\/10{background-color:rgba(20,184,166,.1)}.bg-teal-900\/20{background-color:rgba(19,78,74,.2)}.bg-transparent{background-color:transparent}.bg-violet-100{--tw-bg-opacity:1;background-color:rgb(237 233 254/var(--tw-bg-opacity,1))}.bg-violet-50{--tw-bg-opacity:1;background-color:rgb(245 243 255/var(--tw-bg-opacity,1))}.bg-violet-500\/10{background-color:rgba(139,92,246,.1)}.bg-violet-600{--tw-bg-opacity:1;background-color:rgb(124 58 237/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/10{background-color:hsla(0,0%,100%,.1)}.bg-white\/20{background-color:hsla(0,0%,100%,.2)}.bg-white\/70{background-color:hsla(0,0%,100%,.7)}.bg-white\/80{background-color:hsla(0,0%,100%,.8)}.bg-white\/85{background-color:hsla(0,0%,100%,.85)}.bg-white\/90{background-color:hsla(0,0%,100%,.9)}.bg-white\/95{background-color:hsla(0,0%,100%,.95)}.bg-yellow-100{--tw-bg-opacity:1;background-color:rgb(254 249 195/var(--tw-bg-opacity,1))}.bg-yellow-400{--tw-bg-opacity:1;background-color:rgb(250 204 21/var(--tw-bg-opacity,1))}.bg-yellow-500\/10{background-color:rgba(234,179,8,.1)}.bg-yellow-500\/15{background-color:rgba(234,179,8,.15)}.bg-yellow-500\/20{background-color:rgba(234,179,8,.2)}.bg-yellow-900\/10{background-color:rgba(113,63,18,.1)}.bg-yellow-900\/20{background-color:rgba(113,63,18,.2)}.bg-yellow-900\/30{background-color:rgba(113,63,18,.3)}.bg-yellow-900\/50{background-color:rgba(113,63,18,.5)}.bg-opacity-20{--tw-bg-opacity:0.2}.bg-\[linear-gradient\(to_right\2c \#8080802a_1px\2c transparent_1px\)\2c linear-gradient\(to_bottom\2c \#8080802a_1px\2c transparent_1px\)\]{background-image:linear-gradient(90deg,#8080802a 1px,transparent 0),linear-gradient(180deg,#8080802a 1px,transparent 0)}.bg-\[radial-gradient\(circle_at_top\2c _\#f8fbff_0\%\2c _\#eef5ff_42\%\2c _\#f7f8fb_100\%\)\]{background-image:radial-gradient(circle at top,#f8fbff 0,#eef5ff 42%,#f7f8fb 100%)}.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))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.bg-gradient-to-tl{background-image:linear-gradient(to top left,var(--tw-gradient-stops))}.from-\[\#ff9838\]{--tw-gradient-from:#ff9838 var(--tw-gradient-from-position);--tw-gradient-to:rgba(255,152,56,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-amber-50{--tw-gradient-from:#fffbeb var(--tw-gradient-from-position);--tw-gradient-to:rgba(255,251,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-emerald-50{--tw-gradient-from:#ecfdf5 var(--tw-gradient-from-position);--tw-gradient-to:rgba(236,253,245,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-emerald-500{--tw-gradient-from:#10b981 var(--tw-gradient-from-position);--tw-gradient-to:rgba(16,185,129,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-emerald-500\/20{--tw-gradient-from:rgba(16,185,129,.2) var(--tw-gradient-from-position);--tw-gradient-to:rgba(16,185,129,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-emerald-600{--tw-gradient-from:#059669 var(--tw-gradient-from-position);--tw-gradient-to:rgba(5,150,105,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-gray-800{--tw-gradient-from:#1f2937 var(--tw-gradient-from-position);--tw-gradient-to:rgba(31,41,55,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-gray-900\/60{--tw-gradient-from:rgba(17,24,39,.6) var(--tw-gradient-from-position);--tw-gradient-to:rgba(17,24,39,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-500{--tw-gradient-from:#22c55e var(--tw-gradient-from-position);--tw-gradient-to:rgba(34,197,94,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-orange-600{--tw-gradient-from:#ea580c var(--tw-gradient-from-position);--tw-gradient-to:rgba(234,88,12,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-primary{--tw-gradient-from:#1f6b4e var(--tw-gradient-from-position);--tw-gradient-to:rgba(31,107,78,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-red-50{--tw-gradient-from:#fef2f2 var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,86%,97%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-sky-50{--tw-gradient-from:#f0f9ff var(--tw-gradient-from-position);--tw-gradient-to:rgba(240,249,255,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-teal-500\/20{--tw-gradient-from:rgba(20,184,166,.2) var(--tw-gradient-from-position);--tw-gradient-to:rgba(20,184,166,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-indigo-500\/10{--tw-gradient-to:rgba(99,102,241,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(99,102,241,.1) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-white{--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#fff var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-\[\#ef7c20\]{--tw-gradient-to:#ef7c20 var(--tw-gradient-to-position)}.to-amber-50{--tw-gradient-to:#fffbeb var(--tw-gradient-to-position)}.to-emerald-50{--tw-gradient-to:#ecfdf5 var(--tw-gradient-to-position)}.to-gray-900{--tw-gradient-to:#111827 var(--tw-gradient-to-position)}.to-green-400{--tw-gradient-to:#4ade80 var(--tw-gradient-to-position)}.to-green-500{--tw-gradient-to:#22c55e var(--tw-gradient-to-position)}.to-primaryLight{--tw-gradient-to:#2c8c66 var(--tw-gradient-to-position)}.to-red-50{--tw-gradient-to:#fef2f2 var(--tw-gradient-to-position)}.to-red-600{--tw-gradient-to:#dc2626 var(--tw-gradient-to-position)}.to-slate-50{--tw-gradient-to:#f8fafc var(--tw-gradient-to-position)}.to-teal-500{--tw-gradient-to:#14b8a6 var(--tw-gradient-to-position)}.to-teal-600{--tw-gradient-to:#0d9488 var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.to-white{--tw-gradient-to:#fff var(--tw-gradient-to-position)}.bg-\[size\:32px_32px\]{background-size:32px 32px}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-2{padding-bottom:.5rem}.pb-20{padding-bottom:5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pb-\[4\.5rem\]{padding-bottom:4.5rem}.pl-12{padding-left:3rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pr-1{padding-right:.25rem}.pr-10{padding-right:2.5rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pr-8{padding-right:2rem}.pt-1{padding-top:.25rem}.pt-16{padding-top:4rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-32{padding-top:8rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.font-heading{font-family:Outfit,Outfit Fallback,sans-serif}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:Inter,Inter Fallback,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-\[1\.2rem\]{font-size:1.2rem}.text-\[1\.3rem\]{font-size:1.3rem}.text-\[1\.45rem\]{font-size:1.45rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-\[0\.04em\]{letter-spacing:.04em}.tracking-\[0\.06em\]{letter-spacing:.06em}.tracking-\[0\.14em\]{letter-spacing:.14em}.tracking-\[0\.16em\]{letter-spacing:.16em}.tracking-\[0\.18em\]{letter-spacing:.18em}.tracking-\[0\.22em\]{letter-spacing:.22em}.tracking-\[0\.24em\]{letter-spacing:.24em}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-\[0\.34em\]{letter-spacing:.34em}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-\[\#4a3b12\]{--tw-text-opacity:1;color:rgb(74 59 18/var(--tw-text-opacity,1))}.text-amber-100{--tw-text-opacity:1;color:rgb(254 243 199/var(--tw-text-opacity,1))}.text-amber-100\/80{color:hsla(48,96%,89%,.8)}.text-amber-200{--tw-text-opacity:1;color:rgb(253 230 138/var(--tw-text-opacity,1))}.text-amber-300{--tw-text-opacity:1;color:rgb(252 211 77/var(--tw-text-opacity,1))}.text-amber-400{--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity,1))}.text-amber-500{--tw-text-opacity:1;color:rgb(245 158 11/var(--tw-text-opacity,1))}.text-amber-600{--tw-text-opacity:1;color:rgb(217 119 6/var(--tw-text-opacity,1))}.text-amber-700{--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1))}.text-amber-700\/80{color:rgba(180,83,9,.8)}.text-amber-800{--tw-text-opacity:1;color:rgb(146 64 14/var(--tw-text-opacity,1))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-blue-100{--tw-text-opacity:1;color:rgb(219 234 254/var(--tw-text-opacity,1))}.text-blue-200{--tw-text-opacity:1;color:rgb(191 219 254/var(--tw-text-opacity,1))}.text-blue-300{--tw-text-opacity:1;color:rgb(147 197 253/var(--tw-text-opacity,1))}.text-blue-400{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.text-blue-500\/5{color:rgba(59,130,246,.05)}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-brandCream{--tw-text-opacity:1;color:rgb(248 248 240/var(--tw-text-opacity,1))}.text-brandMint{--tw-text-opacity:1;color:rgb(64 214 160/var(--tw-text-opacity,1))}.text-cyan-200{--tw-text-opacity:1;color:rgb(165 243 252/var(--tw-text-opacity,1))}.text-cyan-300{--tw-text-opacity:1;color:rgb(103 232 249/var(--tw-text-opacity,1))}.text-cyan-400{--tw-text-opacity:1;color:rgb(34 211 238/var(--tw-text-opacity,1))}.text-dark{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-emerald-100{--tw-text-opacity:1;color:rgb(209 250 229/var(--tw-text-opacity,1))}.text-emerald-100\/80{color:rgba(209,250,229,.8)}.text-emerald-100\/90{color:rgba(209,250,229,.9)}.text-emerald-200{--tw-text-opacity:1;color:rgb(167 243 208/var(--tw-text-opacity,1))}.text-emerald-200\/80{color:rgba(167,243,208,.8)}.text-emerald-300{--tw-text-opacity:1;color:rgb(110 231 183/var(--tw-text-opacity,1))}.text-emerald-400{--tw-text-opacity:1;color:rgb(52 211 153/var(--tw-text-opacity,1))}.text-emerald-50{--tw-text-opacity:1;color:rgb(236 253 245/var(--tw-text-opacity,1))}.text-emerald-50\/90{color:rgba(236,253,245,.9)}.text-emerald-500{--tw-text-opacity:1;color:rgb(16 185 129/var(--tw-text-opacity,1))}.text-emerald-500\/10{color:rgba(16,185,129,.1)}.text-emerald-500\/80{color:rgba(16,185,129,.8)}.text-emerald-600{--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity,1))}.text-emerald-700{--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity,1))}.text-emerald-700\/70{color:rgba(4,120,87,.7)}.text-emerald-800{--tw-text-opacity:1;color:rgb(6 95 70/var(--tw-text-opacity,1))}.text-emerald-900{--tw-text-opacity:1;color:rgb(6 78 59/var(--tw-text-opacity,1))}.text-fuchsia-200{--tw-text-opacity:1;color:rgb(245 208 254/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-gray-950{--tw-text-opacity:1;color:rgb(3 7 18/var(--tw-text-opacity,1))}.text-green-100{--tw-text-opacity:1;color:rgb(220 252 231/var(--tw-text-opacity,1))}.text-green-200{--tw-text-opacity:1;color:rgb(187 247 208/var(--tw-text-opacity,1))}.text-green-300{--tw-text-opacity:1;color:rgb(134 239 172/var(--tw-text-opacity,1))}.text-green-400{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.text-green-400\/80{color:rgba(74,222,128,.8)}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.text-green-500\/10{color:rgba(34,197,94,.1)}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.text-indigo-100{--tw-text-opacity:1;color:rgb(224 231 255/var(--tw-text-opacity,1))}.text-indigo-200{--tw-text-opacity:1;color:rgb(199 210 254/var(--tw-text-opacity,1))}.text-indigo-400{--tw-text-opacity:1;color:rgb(129 140 248/var(--tw-text-opacity,1))}.text-indigo-700{--tw-text-opacity:1;color:rgb(67 56 202/var(--tw-text-opacity,1))}.text-indigo-800{--tw-text-opacity:1;color:rgb(55 48 163/var(--tw-text-opacity,1))}.text-orange-100\/90{color:rgba(255,237,213,.9)}.text-orange-200{--tw-text-opacity:1;color:rgb(254 215 170/var(--tw-text-opacity,1))}.text-orange-300{--tw-text-opacity:1;color:rgb(253 186 116/var(--tw-text-opacity,1))}.text-orange-400{--tw-text-opacity:1;color:rgb(251 146 60/var(--tw-text-opacity,1))}.text-orange-50{--tw-text-opacity:1;color:rgb(255 247 237/var(--tw-text-opacity,1))}.text-primary{--tw-text-opacity:1;color:rgb(31 107 78/var(--tw-text-opacity,1))}.text-primary\/80{color:rgba(31,107,78,.8)}.text-purple-200{--tw-text-opacity:1;color:rgb(233 213 255/var(--tw-text-opacity,1))}.text-purple-300{--tw-text-opacity:1;color:rgb(216 180 254/var(--tw-text-opacity,1))}.text-purple-400{--tw-text-opacity:1;color:rgb(192 132 252/var(--tw-text-opacity,1))}.text-purple-600{--tw-text-opacity:1;color:rgb(147 51 234/var(--tw-text-opacity,1))}.text-red-100{--tw-text-opacity:1;color:rgb(254 226 226/var(--tw-text-opacity,1))}.text-red-200{--tw-text-opacity:1;color:rgb(254 202 202/var(--tw-text-opacity,1))}.text-red-300{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-rose-200{--tw-text-opacity:1;color:rgb(254 205 211/var(--tw-text-opacity,1))}.text-rose-300{--tw-text-opacity:1;color:rgb(253 164 175/var(--tw-text-opacity,1))}.text-rose-400{--tw-text-opacity:1;color:rgb(251 113 133/var(--tw-text-opacity,1))}.text-rose-700{--tw-text-opacity:1;color:rgb(190 18 60/var(--tw-text-opacity,1))}.text-rose-800{--tw-text-opacity:1;color:rgb(159 18 57/var(--tw-text-opacity,1))}.text-secondary{--tw-text-opacity:1;color:rgb(242 201 76/var(--tw-text-opacity,1))}.text-sky-100{--tw-text-opacity:1;color:rgb(224 242 254/var(--tw-text-opacity,1))}.text-sky-200{--tw-text-opacity:1;color:rgb(186 230 253/var(--tw-text-opacity,1))}.text-sky-300{--tw-text-opacity:1;color:rgb(125 211 252/var(--tw-text-opacity,1))}.text-sky-600{--tw-text-opacity:1;color:rgb(2 132 199/var(--tw-text-opacity,1))}.text-sky-700{--tw-text-opacity:1;color:rgb(3 105 161/var(--tw-text-opacity,1))}.text-sky-800{--tw-text-opacity:1;color:rgb(7 89 133/var(--tw-text-opacity,1))}.text-slate-200{--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity,1))}.text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-slate-50{--tw-text-opacity:1;color:rgb(248 250 252/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.text-teal-400{--tw-text-opacity:1;color:rgb(45 212 191/var(--tw-text-opacity,1))}.text-transparent{color:transparent}.text-violet-200{--tw-text-opacity:1;color:rgb(221 214 254/var(--tw-text-opacity,1))}.text-violet-700{--tw-text-opacity:1;color:rgb(109 40 217/var(--tw-text-opacity,1))}.text-violet-800{--tw-text-opacity:1;color:rgb(91 33 182/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/80{color:hsla(0,0%,100%,.8)}.text-yellow-200{--tw-text-opacity:1;color:rgb(254 240 138/var(--tw-text-opacity,1))}.text-yellow-300{--tw-text-opacity:1;color:rgb(253 224 71/var(--tw-text-opacity,1))}.text-yellow-400{--tw-text-opacity:1;color:rgb(250 204 21/var(--tw-text-opacity,1))}.text-yellow-500{--tw-text-opacity:1;color:rgb(234 179 8/var(--tw-text-opacity,1))}.text-yellow-500\/10{color:rgba(234,179,8,.1)}.text-yellow-600{--tw-text-opacity:1;color:rgb(202 138 4/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.decoration-brandMint\/40{text-decoration-color:rgba(64,214,160,.4)}.decoration-dotted{text-decoration-style:dotted}.decoration-2{text-decoration-thickness:2px}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.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))}.placeholder-gray-600::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(75 85 99/var(--tw-placeholder-opacity,1))}.placeholder-gray-600::placeholder{--tw-placeholder-opacity:1;color:rgb(75 85 99/var(--tw-placeholder-opacity,1))}.placeholder-slate-400::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(148 163 184/var(--tw-placeholder-opacity,1))}.placeholder-slate-400::placeholder{--tw-placeholder-opacity:1;color:rgb(148 163 184/var(--tw-placeholder-opacity,1))}.accent-cyan-400{accent-color:#22d3ee}.opacity-10{opacity:.1}.opacity-20{opacity:.2}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.mix-blend-multiply{mix-blend-mode:multiply}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-2xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-\[0_0_10px_rgba\(234\2c 179\2c 8\2c 0\.3\)\]{--tw-shadow:0 0 10px rgba(234,179,8,.3);--tw-shadow-colored:0 0 10px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_12px_rgba\(16\2c 185\2c 129\2c 0\.45\)\]{--tw-shadow:0 0 12px rgba(16,185,129,.45);--tw-shadow-colored:0 0 12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_15px_rgba\(34\2c 197\2c 94\2c 0\.3\)\]{--tw-shadow:0 0 15px rgba(34,197,94,.3);--tw-shadow-colored:0 0 15px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_15px_rgba\(74\2c 222\2c 128\2c 0\.3\)\]{--tw-shadow:0 0 15px rgba(74,222,128,.3);--tw-shadow-colored:0 0 15px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_20px_rgba\(16\2c 185\2c 129\2c 0\.32\)\]{--tw-shadow:0 0 20px rgba(16,185,129,.32);--tw-shadow-colored:0 0 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_30px_rgba\(16\2c 185\2c 129\2c 0\.15\)\]{--tw-shadow:0 0 30px rgba(16,185,129,.15);--tw-shadow-colored:0 0 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_30px_rgba\(239\2c 68\2c 68\2c 0\.16\)\]{--tw-shadow:0 0 30px rgba(239,68,68,.16);--tw-shadow-colored:0 0 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_30px_rgba\(31\2c 107\2c 78\2c 0\.3\)\]{--tw-shadow:0 0 30px rgba(31,107,78,.3);--tw-shadow-colored:0 0 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_30px_rgba\(34\2c 197\2c 94\2c 0\.18\)\]{--tw-shadow:0 0 30px rgba(34,197,94,.18);--tw-shadow-colored:0 0 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_30px_rgba\(59\2c 130\2c 246\2c 0\.16\)\]{--tw-shadow:0 0 30px rgba(59,130,246,.16);--tw-shadow-colored:0 0 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_10px_30px_rgba\(15\2c 23\2c 42\2c 0\.12\)\]{--tw-shadow:0 10px 30px rgba(15,23,42,.12);--tw-shadow-colored:0 10px 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_10px_40px_rgba\(0\2c 0\2c 0\2c 0\.8\)\]{--tw-shadow:0 10px 40px rgba(0,0,0,.8);--tw-shadow-colored:0 10px 40px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_18px_40px_-18px_rgba\(15\2c 23\2c 42\2c 0\.18\)\]{--tw-shadow:0 18px 40px -18px rgba(15,23,42,.18);--tw-shadow-colored:0 18px 40px -18px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_18px_40px_rgba\(15\2c 23\2c 42\2c 0\.16\)\]{--tw-shadow:0 18px 40px rgba(15,23,42,.16);--tw-shadow-colored:0 18px 40px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_1px_2px_rgba\(15\2c 23\2c 42\2c 0\.05\)\]{--tw-shadow:0 1px 2px rgba(15,23,42,.05);--tw-shadow-colored:0 1px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_20px_60px_rgba\(15\2c 23\2c 42\2c 0\.08\)\]{--tw-shadow:0 20px 60px rgba(15,23,42,.08);--tw-shadow-colored:0 20px 60px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_28px_80px_rgba\(15\2c 23\2c 42\2c 0\.12\)\]{--tw-shadow:0 28px 80px rgba(15,23,42,.12);--tw-shadow-colored:0 28px 80px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_8px_20px_rgba\(242\2c 114\2c 33\2c 0\.35\)\]{--tw-shadow:0 8px 20px rgba(242,114,33,.35);--tw-shadow-colored:0 8px 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[inset_0_0_0_1px_rgba\(251\2c 146\2c 60\2c 0\.12\)\]{--tw-shadow:inset 0 0 0 1px rgba(251,146,60,.12);--tw-shadow-colored:inset 0 0 0 1px 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-\[inset_0_0_0_1px_rgba\(56\2c 189\2c 248\2c 0\.12\)\]{--tw-shadow:inset 0 0 0 1px rgba(56,189,248,.12);--tw-shadow-colored:inset 0 0 0 1px 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-\[inset_0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.04\)\]{--tw-shadow:inset 0 1px 0 hsla(0,0%,100%,.04);--tw-shadow-colored:inset 0 1px 0 var(--tw-shadow-color)}.shadow-\[inset_0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.04\)\],.shadow-inner{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 rgba(0,0,0,.05);--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color)}.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)}.shadow-sm,.shadow-xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.shadow-amber-200\/70{--tw-shadow-color:hsla(48,97%,77%,.7);--tw-shadow:var(--tw-shadow-colored)}.shadow-emerald-200\/60{--tw-shadow-color:rgba(167,243,208,.6);--tw-shadow:var(--tw-shadow-colored)}.shadow-emerald-500\/20{--tw-shadow-color:rgba(16,185,129,.2);--tw-shadow:var(--tw-shadow-colored)}.shadow-emerald-500\/25{--tw-shadow-color:rgba(16,185,129,.25);--tw-shadow:var(--tw-shadow-colored)}.shadow-emerald-500\/30{--tw-shadow-color:rgba(16,185,129,.3);--tw-shadow:var(--tw-shadow-colored)}.shadow-emerald-900\/20{--tw-shadow-color:rgba(6,78,59,.2);--tw-shadow:var(--tw-shadow-colored)}.shadow-orange-500\/20{--tw-shadow-color:rgba(249,115,22,.2);--tw-shadow:var(--tw-shadow-colored)}.shadow-orange-500\/30{--tw-shadow-color:rgba(249,115,22,.3);--tw-shadow:var(--tw-shadow-colored)}.shadow-red-200\/60{--tw-shadow-color:hsla(0,96%,89%,.6);--tw-shadow:var(--tw-shadow-colored)}.shadow-red-200\/70{--tw-shadow-color:hsla(0,96%,89%,.7);--tw-shadow:var(--tw-shadow-colored)}.shadow-sky-200\/70{--tw-shadow-color:rgba(186,230,253,.7);--tw-shadow:var(--tw-shadow-colored)}.shadow-slate-200\/50{--tw-shadow-color:rgba(226,232,240,.5);--tw-shadow:var(--tw-shadow-colored)}.shadow-slate-300\/60{--tw-shadow-color:rgba(203,213,225,.6);--tw-shadow:var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.\!ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring,.ring-1{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-1{--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(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-4{--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(4px + 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)}.ring-inset{--tw-ring-inset:inset}.ring-amber-500\/50{--tw-ring-color:rgba(245,158,11,.5)}.ring-amber-500\/60{--tw-ring-color:rgba(245,158,11,.6)}.ring-blue-500{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.ring-cyan-500\/50{--tw-ring-color:rgba(6,182,212,.5)}.ring-emerald-400\/60{--tw-ring-color:rgba(52,211,153,.6)}.ring-gray-500{--tw-ring-opacity:1;--tw-ring-color:rgb(107 114 128/var(--tw-ring-opacity,1))}.ring-gray-600{--tw-ring-opacity:1;--tw-ring-color:rgb(75 85 99/var(--tw-ring-opacity,1))}.ring-gray-700{--tw-ring-opacity:1;--tw-ring-color:rgb(55 65 81/var(--tw-ring-opacity,1))}.ring-gray-900\/5{--tw-ring-color:rgba(17,24,39,.05)}.ring-green-500{--tw-ring-opacity:1;--tw-ring-color:rgb(34 197 94/var(--tw-ring-opacity,1))}.ring-green-500\/40{--tw-ring-color:rgba(34,197,94,.4)}.ring-green-500\/50{--tw-ring-color:rgba(34,197,94,.5)}.ring-purple-500{--tw-ring-opacity:1;--tw-ring-color:rgb(168 85 247/var(--tw-ring-opacity,1))}.ring-red-500{--tw-ring-opacity:1;--tw-ring-color:rgb(239 68 68/var(--tw-ring-opacity,1))}.ring-red-500\/40{--tw-ring-color:rgba(239,68,68,.4)}.ring-slate-300{--tw-ring-opacity:1;--tw-ring-color:rgb(203 213 225/var(--tw-ring-opacity,1))}.ring-yellow-500{--tw-ring-opacity:1;--tw-ring-color:rgb(234 179 8/var(--tw-ring-opacity,1))}.ring-yellow-500\/40{--tw-ring-color:rgba(234,179,8,.4)}.blur{--tw-blur:blur(8px)}.blur,.blur-2xl{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-2xl{--tw-blur:blur(40px)}.blur-3xl{--tw-blur:blur(64px)}.blur-3xl,.blur-\[100px\]{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-\[100px\]{--tw-blur:blur(100px)}.blur-\[120px\]{--tw-blur:blur(120px)}.blur-\[120px\],.blur-\[128px\]{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-\[128px\]{--tw-blur:blur(128px)}.blur-\[140px\]{--tw-blur:blur(140px)}.blur-\[140px\],.blur-\[1px\]{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-\[1px\]{--tw-blur:blur(1px)}.blur-\[2px\]{--tw-blur:blur(2px)}.blur-\[2px\],.blur-\[5px\]{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-\[5px\]{--tw-blur:blur(5px)}.drop-shadow-\[0_0_15px_rgba\(16\2c 185\2c 129\2c 0\.2\)\]{--tw-drop-shadow:drop-shadow(0 0 15px rgba(16,185,129,.2))}.drop-shadow-\[0_0_15px_rgba\(16\2c 185\2c 129\2c 0\.2\)\],.drop-shadow-sm{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-sm{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,0,0,.05))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px)}.backdrop-blur,.backdrop-blur-sm{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.backdrop-blur-xl{--tw-backdrop-blur:blur(24px);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-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.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)}.will-change-transform{will-change:transform}@keyframes filter-badge-pulse{0%,to{box-shadow:0 0 0 0 rgba(16,185,129,.55),0 0 10px rgba(16,185,129,.25)}50%{box-shadow:0 0 0 5px rgba(16,185,129,0),0 0 22px rgba(16,185,129,.55)}}.filter-badge-active{animation:filter-badge-pulse 2.2s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.filter-badge-active{animation:none;box-shadow:0 0 12px rgba(16,185,129,.45)}}.\[mask-image\:radial-gradient\(ellipse_60\%_60\%_at_50\%_0\%\2c \#000_30\%\2c transparent_100\%\)\]{-webkit-mask-image:radial-gradient(ellipse 60% 60% at 50% 0,#000 30%,transparent 100%);mask-image:radial-gradient(ellipse 60% 60% at 50% 0,#000 30%,transparent 100%)}.calc-infeed-card{--ci-text:#f6f3ec;--ci-text-2:hsla(42,36%,95%,.84);--ci-text-3:hsla(42,36%,95%,.66);--ci-accent:#a7f3d0;--ci-line:hsla(42,36%,95%,.5);--ci-line-soft:hsla(42,36%,95%,.38);--ci-fill-soft:hsla(42,36%,95%,.1);--ci-badge-bg:rgba(11,44,32,.78);--ci-badge-border:rgba(110,231,183,.5);--ci-badge-text:#a7f3d0;--ci-pill-bg:#fbf9f4;--ci-pill-text:#1a5c43;--ci-cta-bg:#fbf9f4;--ci-cta-bg-hover:#fff;--ci-cta-text:#1a5c43;background-image:linear-gradient(135deg,#2c8360,#1f6b4e 52%,#185a41);border-color:rgba(110,231,183,.45);color:var(--ci-text);--tw-shadow-color:rgba(11,44,32,.32);--tw-shadow:var(--tw-shadow-colored)}.calc-infeed-card:hover{border-color:rgba(110,231,183,.75)}.calc-infeed-sky{background:radial-gradient(70% 90% at 85% 10%,rgba(167,243,208,.22),transparent 60%),linear-gradient(180deg,transparent 60%,rgba(11,44,32,.18))}.calc-infeed-kicker{color:var(--ci-accent)}.calc-infeed-title{color:var(--ci-text)}.calc-infeed-title em{font-style:normal;text-decoration:underline;text-decoration-color:#34d399;text-decoration-thickness:4px;text-underline-offset:4px}.calc-infeed-text{color:var(--ci-text-2)}.calc-infeed-note{color:var(--ci-text-3)}.calc-infeed-cta{background-color:var(--ci-cta-bg);color:var(--ci-cta-text);animation:calc-infeed-ring 2.8s ease-out infinite}.group:hover .calc-infeed-cta{background-color:var(--ci-cta-bg-hover)}.calc-infeed-door,.calc-infeed-ground{stroke:var(--ci-line-soft)}.calc-infeed-door{fill:var(--ci-fill-soft)}.calc-infeed-badge{background-color:var(--ci-badge-bg);border-color:var(--ci-badge-border);color:var(--ci-badge-text);opacity:0;animation:calc-infeed-badge 10s ease-out infinite}.calc-infeed-badge.b1{animation-delay:.4s}.calc-infeed-badge.b2{animation-delay:1.6s}.calc-infeed-badge.b3{animation-delay:2.8s}.calc-infeed-badge.b4{animation-delay:4s}.calc-infeed-total{opacity:0;animation:calc-infeed-total 10s ease-out infinite}.calc-infeed-total>span{background-color:var(--ci-pill-bg);color:var(--ci-pill-text)}.calc-infeed-sun{transform-origin:center;animation:calc-infeed-sun 24s linear infinite}.calc-infeed-part{fill:var(--ci-fill-soft);stroke:var(--ci-line);stroke-width:1.5;animation:calc-infeed-part 10s ease-in-out infinite}.calc-infeed-part.p1{animation-delay:.4s}.calc-infeed-part.p2{animation-delay:1.6s}.calc-infeed-part.p3{animation-delay:2.8s}.calc-infeed-part.p4{animation-delay:4s}html.dark .calc-infeed-card{--ci-text:#fff;--ci-text-2:rgba(236,253,245,.85);--ci-text-3:rgba(167,243,208,.8);--ci-accent:rgba(110,231,183,.9);--ci-line:rgba(148,163,184,.55);--ci-line-soft:rgba(148,163,184,.4);--ci-fill-soft:rgba(148,163,184,.14);--ci-badge-bg:rgba(2,6,23,.8);--ci-badge-border:rgba(52,211,153,.5);--ci-badge-text:#6ee7b7;--ci-pill-bg:#34d399;--ci-pill-text:#022c22;--ci-cta-bg:#fff;--ci-cta-bg-hover:#ecfdf5;--ci-cta-text:#065f46;background-image:linear-gradient(135deg,#0f3d2e,#0b2e24 50%,#020617);border-color:rgba(4,120,87,.5);--tw-shadow-color:rgba(6,78,59,.3)}html.dark .calc-infeed-card:hover{border-color:rgba(110,231,183,.6)}html.dark .calc-infeed-sky{background:radial-gradient(70% 90% at 85% 10%,rgba(16,185,129,.24),transparent 60%),linear-gradient(180deg,transparent 60%,rgba(16,185,129,.1))}html.dark .calc-infeed-total>span{box-shadow:0 10px 15px -3px rgba(52,211,153,.4),0 4px 6px -4px rgba(52,211,153,.4)}@keyframes calc-infeed-part{0%,5%{fill:var(--ci-fill-soft);stroke:var(--ci-line)}12%,70%{fill:rgba(52,211,153,.45);stroke:#6ee7b7;filter:drop-shadow(0 0 8px rgba(110,231,183,.7))}86%,to{fill:var(--ci-fill-soft);stroke:var(--ci-line);filter:none}}@keyframes calc-infeed-badge{0%,5%{opacity:0;transform:translateY(6px) scale(.9)}12%,70%{opacity:1;transform:translateY(0) scale(1)}84%,to{opacity:0;transform:translateY(-4px) scale(.95)}}@keyframes calc-infeed-total{0%,46%{opacity:0;transform:translateY(6px)}54%,80%{opacity:1;transform:translateY(0)}92%,to{opacity:0}}@keyframes calc-infeed-sun{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes calc-infeed-ring{0%{box-shadow:0 0 0 0 rgba(110,231,183,.55)}70%{box-shadow:0 0 0 14px rgba(110,231,183,0)}to{box-shadow:0 0 0 0 rgba(110,231,183,0)}}@media (prefers-reduced-motion:reduce){.calc-infeed-badge,.calc-infeed-cta,.calc-infeed-part,.calc-infeed-sun,.calc-infeed-total{animation:none}.calc-infeed-part{fill:rgba(52,211,153,.35);stroke:#6ee7b7}.calc-infeed-badge,.calc-infeed-total{opacity:1}}.before\:font-bold:before{content:var(--tw-content);font-weight:700}.before\:text-emerald-500:before{content:var(--tw-content);--tw-text-opacity:1;color:rgb(16 185 129/var(--tw-text-opacity,1))}.before\:text-green-500:before{content:var(--tw-content);--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.before\:content-\[\'\\\\2713\'\]:before{--tw-content:"\\2713";content:var(--tw-content)}.last\:border-b-0:last-child{border-bottom-width:0}.hover\:-translate-y-0\.5:hover{--tw-translate-y:-0.125rem}.hover\:-translate-y-0\.5:hover,.hover\:-translate-y-1:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:-translate-y-1:hover{--tw-translate-y:-0.25rem}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}.hover\:scale-105:hover,.hover\:scale-\[1\.01\]:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-\[1\.01\]:hover{--tw-scale-x:1.01;--tw-scale-y:1.01}.hover\:scale-\[1\.02\]:hover{--tw-scale-x:1.02;--tw-scale-y:1.02}.hover\:scale-\[1\.02\]:hover,.hover\:scale-\[1\.03\]:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-\[1\.03\]:hover{--tw-scale-x:1.03;--tw-scale-y:1.03}.hover\:scale-\[1\.05\]:hover{--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))}.hover\:border-cyan-500\/60:hover{border-color:rgba(6,182,212,.6)}.hover\:border-emerald-200:hover{--tw-border-opacity:1;border-color:rgb(167 243 208/var(--tw-border-opacity,1))}.hover\:border-emerald-300:hover{--tw-border-opacity:1;border-color:rgb(110 231 183/var(--tw-border-opacity,1))}.hover\:border-emerald-400:hover{--tw-border-opacity:1;border-color:rgb(52 211 153/var(--tw-border-opacity,1))}.hover\:border-emerald-500:hover{--tw-border-opacity:1;border-color:rgb(16 185 129/var(--tw-border-opacity,1))}.hover\:border-gray-100:hover{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.hover\:border-gray-500:hover{--tw-border-opacity:1;border-color:rgb(107 114 128/var(--tw-border-opacity,1))}.hover\:border-green-300:hover{--tw-border-opacity:1;border-color:rgb(134 239 172/var(--tw-border-opacity,1))}.hover\:border-primary:hover{--tw-border-opacity:1;border-color:rgb(31 107 78/var(--tw-border-opacity,1))}.hover\:border-red-200:hover{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.hover\:border-slate-300:hover{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.hover\:bg-\[\#e1651b\]:hover{--tw-bg-opacity:1;background-color:rgb(225 101 27/var(--tw-bg-opacity,1))}.hover\:bg-amber-500\/20:hover{background-color:rgba(245,158,11,.2)}.hover\:bg-amber-500\/25:hover{background-color:rgba(245,158,11,.25)}.hover\:bg-amber-600:hover{--tw-bg-opacity:1;background-color:rgb(217 119 6/var(--tw-bg-opacity,1))}.hover\:bg-amber-700:hover{--tw-bg-opacity:1;background-color:rgb(180 83 9/var(--tw-bg-opacity,1))}.hover\:bg-blue-600:hover{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:bg-blue-800\/50:hover{background-color:rgba(30,64,175,.5)}.hover\:bg-cyan-500:hover{--tw-bg-opacity:1;background-color:rgb(6 182 212/var(--tw-bg-opacity,1))}.hover\:bg-cyan-500\/20:hover{background-color:rgba(6,182,212,.2)}.hover\:bg-cyan-600:hover{--tw-bg-opacity:1;background-color:rgb(8 145 178/var(--tw-bg-opacity,1))}.hover\:bg-cyan-900\/25:hover{background-color:rgba(22,78,99,.25)}.hover\:bg-emerald-100:hover{--tw-bg-opacity:1;background-color:rgb(209 250 229/var(--tw-bg-opacity,1))}.hover\:bg-emerald-50:hover{--tw-bg-opacity:1;background-color:rgb(236 253 245/var(--tw-bg-opacity,1))}.hover\:bg-emerald-500:hover{--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.hover\:bg-emerald-500\/20:hover{background-color:rgba(16,185,129,.2)}.hover\:bg-emerald-700:hover{--tw-bg-opacity:1;background-color:rgb(4 120 87/var(--tw-bg-opacity,1))}.hover\:bg-emerald-800:hover{--tw-bg-opacity:1;background-color:rgb(6 95 70/var(--tw-bg-opacity,1))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:bg-gray-600:hover{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.hover\:bg-gray-700:hover{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.hover\:bg-gray-700\/50:hover{background-color:rgba(55,65,81,.5)}.hover\:bg-gray-800:hover{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.hover\:bg-gray-800\/50:hover{background-color:rgba(31,41,55,.5)}.hover\:bg-gray-900\/20:hover{background-color:rgba(17,24,39,.2)}.hover\:bg-green-500:hover{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.hover\:bg-green-500\/20:hover{background-color:rgba(34,197,94,.2)}.hover\:bg-green-600:hover{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.hover\:bg-green-800\/50:hover{background-color:rgba(22,101,52,.5)}.hover\:bg-indigo-600:hover{--tw-bg-opacity:1;background-color:rgb(79 70 229/var(--tw-bg-opacity,1))}.hover\:bg-orange-900\/35:hover{background-color:rgba(124,45,18,.35)}.hover\:bg-orange-900\/40:hover{background-color:rgba(124,45,18,.4)}.hover\:bg-orange-900\/45:hover{background-color:rgba(124,45,18,.45)}.hover\:bg-purple-600:hover{--tw-bg-opacity:1;background-color:rgb(147 51 234/var(--tw-bg-opacity,1))}.hover\:bg-purple-700:hover{--tw-bg-opacity:1;background-color:rgb(126 34 206/var(--tw-bg-opacity,1))}.hover\:bg-red-500\/20:hover{background-color:rgba(239,68,68,.2)}.hover\:bg-red-600:hover{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.hover\:bg-red-800:hover{--tw-bg-opacity:1;background-color:rgb(153 27 27/var(--tw-bg-opacity,1))}.hover\:bg-red-800\/60:hover{background-color:rgba(153,27,27,.6)}.hover\:bg-sky-500\/20:hover{background-color:rgba(14,165,233,.2)}.hover\:bg-sky-600:hover{--tw-bg-opacity:1;background-color:rgb(2 132 199/var(--tw-bg-opacity,1))}.hover\:bg-sky-900\/25:hover{background-color:rgba(12,74,110,.25)}.hover\:bg-sky-900\/35:hover{background-color:rgba(12,74,110,.35)}.hover\:bg-slate-50:hover{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.hover\:bg-slate-800:hover{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.hover\:bg-violet-500:hover{--tw-bg-opacity:1;background-color:rgb(139 92 246/var(--tw-bg-opacity,1))}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.hover\:bg-yellow-500\/20:hover{background-color:rgba(234,179,8,.2)}.hover\:from-emerald-400:hover{--tw-gradient-from:#34d399 var(--tw-gradient-from-position);--tw-gradient-to:rgba(52,211,153,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-green-400:hover{--tw-gradient-from:#4ade80 var(--tw-gradient-from-position);--tw-gradient-to:rgba(74,222,128,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:to-green-300:hover{--tw-gradient-to:#86efac var(--tw-gradient-to-position)}.hover\:to-green-600:hover{--tw-gradient-to:#16a34a var(--tw-gradient-to-position)}.hover\:to-teal-500:hover{--tw-gradient-to:#14b8a6 var(--tw-gradient-to-position)}.hover\:text-blue-300:hover{--tw-text-opacity:1;color:rgb(147 197 253/var(--tw-text-opacity,1))}.hover\:text-emerald-600:hover{--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity,1))}.hover\:text-emerald-700:hover{--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity,1))}.hover\:text-emerald-800:hover{--tw-text-opacity:1;color:rgb(6 95 70/var(--tw-text-opacity,1))}.hover\:text-emerald-900:hover{--tw-text-opacity:1;color:rgb(6 78 59/var(--tw-text-opacity,1))}.hover\:text-gray-900:hover{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.hover\:text-green-300:hover{--tw-text-opacity:1;color:rgb(134 239 172/var(--tw-text-opacity,1))}.hover\:text-primary:hover{--tw-text-opacity:1;color:rgb(31 107 78/var(--tw-text-opacity,1))}.hover\:text-red-600:hover{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.hover\:text-slate-800:hover{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:text-yellow-300:hover{--tw-text-opacity:1;color:rgb(253 224 71/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:opacity-95:hover{opacity:.95}.hover\:shadow-2xl:hover{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.hover\:shadow-2xl:hover,.hover\:shadow-\[0_0_20px_rgba\(34\2c 197\2c 94\2c 0\.5\)\]:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_0_20px_rgba\(34\2c 197\2c 94\2c 0\.5\)\]:hover{--tw-shadow:0 0 20px rgba(34,197,94,.5);--tw-shadow-colored:0 0 20px var(--tw-shadow-color)}.hover\:shadow-\[0_12px_25px_rgba\(242\2c 114\2c 33\2c 0\.45\)\]:hover{--tw-shadow:0 12px 25px rgba(242,114,33,.45);--tw-shadow-colored:0 12px 25px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\: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-md:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-md:hover{--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)}.hover\:shadow-premium:hover{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 10px 10px -5px var(--tw-shadow-color)}.hover\:shadow-premium: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-emerald-500\/10:hover{--tw-shadow-color:rgba(16,185,129,.1);--tw-shadow:var(--tw-shadow-colored)}.hover\:shadow-emerald-500\/40:hover{--tw-shadow-color:rgba(16,185,129,.4);--tw-shadow:var(--tw-shadow-colored)}.hover\:shadow-secondary\/50:hover{--tw-shadow-color:rgba(242,201,76,.5);--tw-shadow:var(--tw-shadow-colored)}.hover\:ring-emerald-600:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(5 150 105/var(--tw-ring-opacity,1))}.focus\:border-blue-500:focus{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.focus\:border-emerald-500:focus{--tw-border-opacity:1;border-color:rgb(16 185 129/var(--tw-border-opacity,1))}.focus\:border-primary:focus{--tw-border-opacity:1;border-color:rgb(31 107 78/var(--tw-border-opacity,1))}.focus\:border-sky-500:focus{--tw-border-opacity:1;border-color:rgb(14 165 233/var(--tw-border-opacity,1))}.focus\:ring-1: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(1px + 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-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.focus\:ring-emerald-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(16 185 129/var(--tw-ring-opacity,1))}.focus\:ring-green-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(34 197 94/var(--tw-ring-opacity,1))}.focus\:ring-primary:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(31 107 78/var(--tw-ring-opacity,1))}.focus\:ring-sky-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(14 165 233/var(--tw-ring-opacity,1))}.active\:scale-\[0\.98\]:active{--tw-scale-x:0.98;--tw-scale-y:0.98;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))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:cursor-wait:disabled{cursor:wait}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.disabled\:opacity-70:disabled{opacity:.7}.disabled\:hover\:translate-y-0:hover:disabled{--tw-translate-y:0px}.disabled\:hover\:translate-y-0:hover:disabled,.group[open] .group-open\:rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[open] .group-open\:rotate-180{--tw-rotate:180deg}.group:focus-within .group-focus-within\:\!border-emerald-500{--tw-border-opacity:1!important;border-color:rgb(16 185 129/var(--tw-border-opacity,1))!important}.group:focus-within .group-focus-within\:ring-4{--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(4px + 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)}.group:focus-within .group-focus-within\:ring-emerald-500\/20{--tw-ring-color:rgba(16,185,129,.2)}.group:hover .group-hover\:block{display:block}.group:hover .group-hover\:-translate-y-0\.5{--tw-translate-y:-0.125rem}.group:hover .group-hover\:-translate-y-0\.5,.group:hover .group-hover\:translate-x-0\.5{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:translate-x-0\.5{--tw-translate-x:0.125rem}.group:hover .group-hover\:translate-x-1{--tw-translate-x:0.25rem}.group:hover .group-hover\:translate-x-1,.group:hover .group-hover\:translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:translate-y-0{--tw-translate-y:0px}.group:hover .group-hover\: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))}.group:hover .group-hover\:border-emerald-500\/50{border-color:rgba(16,185,129,.5)}.group:hover .group-hover\:border-green-500{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity,1))}.group:hover .group-hover\:border-secondary{--tw-border-opacity:1;border-color:rgb(242 201 76/var(--tw-border-opacity,1))}.group:hover .group-hover\:bg-emerald-500{--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.group:hover .group-hover\:bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.group:hover .group-hover\:bg-secondary{--tw-bg-opacity:1;background-color:rgb(242 201 76/var(--tw-bg-opacity,1))}.group:hover .group-hover\:bg-slate-50\/40{background-color:rgba(248,250,252,.4)}.group:hover .group-hover\:text-emerald-600{--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-secondary{--tw-text-opacity:1;color:rgb(242 201 76/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-yellow-300{--tw-text-opacity:1;color:rgb(253 224 71/var(--tw-text-opacity,1))}.group:hover .group-hover\:decoration-brandMint{text-decoration-color:#40d6a0}.peer:checked~.peer-checked\:border-green-500{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity,1))}.peer:checked~.peer-checked\:bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.peer:checked~.peer-checked\:text-gray-100{--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity,1))}.aria-checked\:bg-gradient-to-br[aria-checked=true]{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.aria-checked\:from-emerald-500[aria-checked=true]{--tw-gradient-from:#10b981 var(--tw-gradient-from-position);--tw-gradient-to:rgba(16,185,129,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.aria-checked\:to-teal-600[aria-checked=true]{--tw-gradient-to:#0d9488 var(--tw-gradient-to-position)}.aria-checked\:\!text-white[aria-checked=true]{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.aria-checked\:shadow-\[0_6px_14px_-4px_rgba\(16\2c 185\2c 129\2c 0\.55\)\][aria-checked=true]{--tw-shadow:0 6px 14px -4px rgba(16,185,129,.55);--tw-shadow-colored:0 6px 14px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.aria-pressed\:border-emerald-400[aria-pressed=true]{--tw-border-opacity:1;border-color:rgb(52 211 153/var(--tw-border-opacity,1))}.aria-pressed\:bg-emerald-50\/70[aria-pressed=true]{background-color:rgba(236,253,245,.7)}.aria-pressed\:shadow-\[0_0_24px_rgba\(16\2c 185\2c 129\2c 0\.25\)\][aria-pressed=true]{--tw-shadow:0 0 24px rgba(16,185,129,.25);--tw-shadow-colored:0 0 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.dark\:block:is(.dark *){display:block}.dark\:divide-slate-800:is(.dark *)>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(30 41 59/var(--tw-divide-opacity,1))}.dark\:border-amber-400\/25:is(.dark *){border-color:rgba(251,191,36,.25)}.dark\:border-amber-500\/20:is(.dark *){border-color:rgba(245,158,11,.2)}.dark\:border-amber-500\/30:is(.dark *){border-color:rgba(245,158,11,.3)}.dark\:border-amber-500\/40:is(.dark *){border-color:rgba(245,158,11,.4)}.dark\:border-blue-500\/30:is(.dark *){border-color:rgba(59,130,246,.3)}.dark\:border-emerald-400:is(.dark *){--tw-border-opacity:1;border-color:rgb(52 211 153/var(--tw-border-opacity,1))}.dark\:border-emerald-500\/20:is(.dark *){border-color:rgba(16,185,129,.2)}.dark\:border-emerald-500\/30:is(.dark *){border-color:rgba(16,185,129,.3)}.dark\:border-emerald-500\/40:is(.dark *){border-color:rgba(16,185,129,.4)}.dark\:border-emerald-600\/60:is(.dark *){border-color:rgba(5,150,105,.6)}.dark\:border-emerald-600\/70:is(.dark *){border-color:rgba(5,150,105,.7)}.dark\:border-emerald-700\/40:is(.dark *){border-color:rgba(4,120,87,.4)}.dark\:border-emerald-700\/50:is(.dark *){border-color:rgba(4,120,87,.5)}.dark\:border-emerald-700\/60:is(.dark *){border-color:rgba(4,120,87,.6)}.dark\:border-emerald-700\/70:is(.dark *){border-color:rgba(4,120,87,.7)}.dark\:border-emerald-800\/60:is(.dark *){border-color:rgba(6,95,70,.6)}.dark\:border-emerald-900\/70:is(.dark *){border-color:rgba(6,78,59,.7)}.dark\:border-gray-700:is(.dark *){--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}.dark\:border-gray-700\/60:is(.dark *){border-color:rgba(55,65,81,.6)}.dark\:border-gray-700\/80:is(.dark *){border-color:rgba(55,65,81,.8)}.dark\:border-indigo-500\/30:is(.dark *){border-color:rgba(99,102,241,.3)}.dark\:border-indigo-800\/50:is(.dark *){border-color:rgba(55,48,163,.5)}.dark\:border-orange-500\/30:is(.dark *){border-color:rgba(249,115,22,.3)}.dark\:border-rose-500\/30:is(.dark *){border-color:rgba(244,63,94,.3)}.dark\:border-sky-500\/30:is(.dark *){border-color:rgba(14,165,233,.3)}.dark\:border-slate-400\/20:is(.dark *){border-color:rgba(148,163,184,.2)}.dark\:border-slate-400\/30:is(.dark *){border-color:rgba(148,163,184,.3)}.dark\:border-slate-600:is(.dark *){--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.dark\:border-slate-700:is(.dark *){--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.dark\:border-slate-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(30 41 59/var(--tw-border-opacity,1))}.dark\:border-slate-800\/60:is(.dark *){border-color:rgba(30,41,59,.6)}.dark\:border-slate-800\/80:is(.dark *){border-color:rgba(30,41,59,.8)}.dark\:border-violet-500\/20:is(.dark *){border-color:rgba(139,92,246,.2)}.dark\:border-violet-500\/30:is(.dark *){border-color:rgba(139,92,246,.3)}.dark\:border-white\/10:is(.dark *){border-color:hsla(0,0%,100%,.1)}.dark\:border-white\/\[0\.12\]:is(.dark *){border-color:hsla(0,0%,100%,.12)}.dark\:bg-\[\#1c2637\]:is(.dark *){--tw-bg-opacity:1;background-color:rgb(28 38 55/var(--tw-bg-opacity,1))}.dark\:bg-\[\#263449\]:is(.dark *){--tw-bg-opacity:1;background-color:rgb(38 52 73/var(--tw-bg-opacity,1))}.dark\:bg-amber-500\/10:is(.dark *){background-color:rgba(245,158,11,.1)}.dark\:bg-amber-500\/15:is(.dark *){background-color:rgba(245,158,11,.15)}.dark\:bg-amber-500\/5:is(.dark *){background-color:rgba(245,158,11,.05)}.dark\:bg-blue-500\/10:is(.dark *){background-color:rgba(59,130,246,.1)}.dark\:bg-emerald-500:is(.dark *){--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.dark\:bg-emerald-500\/10:is(.dark *){background-color:rgba(16,185,129,.1)}.dark\:bg-emerald-500\/15:is(.dark *){background-color:rgba(16,185,129,.15)}.dark\:bg-emerald-500\/20:is(.dark *){background-color:rgba(16,185,129,.2)}.dark\:bg-gray-800:is(.dark *){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.dark\:bg-gray-800\/40:is(.dark *){background-color:rgba(31,41,55,.4)}.dark\:bg-gray-900\/50:is(.dark *){background-color:rgba(17,24,39,.5)}.dark\:bg-green-500\/15:is(.dark *){background-color:rgba(34,197,94,.15)}.dark\:bg-indigo-500\/15:is(.dark *){background-color:rgba(99,102,241,.15)}.dark\:bg-indigo-900\/40:is(.dark *){background-color:rgba(49,46,129,.4)}.dark\:bg-orange-500\/15:is(.dark *){background-color:rgba(249,115,22,.15)}.dark\:bg-red-500\/15:is(.dark *){background-color:rgba(239,68,68,.15)}.dark\:bg-rose-500\/15:is(.dark *){background-color:rgba(244,63,94,.15)}.dark\:bg-sky-500\/15:is(.dark *){background-color:rgba(14,165,233,.15)}.dark\:bg-slate-600:is(.dark *){--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.dark\:bg-slate-700:is(.dark *){--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.dark\:bg-slate-800:is(.dark *){--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.dark\:bg-slate-800\/60:is(.dark *){background-color:rgba(30,41,59,.6)}.dark\:bg-slate-800\/70:is(.dark *){background-color:rgba(30,41,59,.7)}.dark\:bg-slate-800\/80:is(.dark *){background-color:rgba(30,41,59,.8)}.dark\:bg-slate-900:is(.dark *){--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.dark\:bg-slate-900\/30:is(.dark *){background-color:rgba(15,23,42,.3)}.dark\:bg-slate-900\/40:is(.dark *){background-color:rgba(15,23,42,.4)}.dark\:bg-slate-900\/50:is(.dark *){background-color:rgba(15,23,42,.5)}.dark\:bg-slate-900\/60:is(.dark *){background-color:rgba(15,23,42,.6)}.dark\:bg-slate-900\/70:is(.dark *){background-color:rgba(15,23,42,.7)}.dark\:bg-slate-900\/75:is(.dark *){background-color:rgba(15,23,42,.75)}.dark\:bg-slate-900\/80:is(.dark *){background-color:rgba(15,23,42,.8)}.dark\:bg-slate-900\/95:is(.dark *){background-color:rgba(15,23,42,.95)}.dark\:bg-slate-950:is(.dark *){--tw-bg-opacity:1;background-color:rgb(2 6 23/var(--tw-bg-opacity,1))}.dark\:bg-slate-950\/60:is(.dark *){background-color:rgba(2,6,23,.6)}.dark\:bg-violet-500\/10:is(.dark *){background-color:rgba(139,92,246,.1)}.dark\:bg-violet-500\/15:is(.dark *){background-color:rgba(139,92,246,.15)}.dark\:from-emerald-500:is(.dark *){--tw-gradient-from:#10b981 var(--tw-gradient-from-position);--tw-gradient-to:rgba(16,185,129,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:from-emerald-900\/10:is(.dark *){--tw-gradient-from:rgba(6,78,59,.1) var(--tw-gradient-from-position);--tw-gradient-to:rgba(6,78,59,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:to-gray-800:is(.dark *){--tw-gradient-to:#1f2937 var(--tw-gradient-to-position)}.dark\:to-teal-500:is(.dark *){--tw-gradient-to:#14b8a6 var(--tw-gradient-to-position)}.dark\:text-amber-100:is(.dark *){--tw-text-opacity:1;color:rgb(254 243 199/var(--tw-text-opacity,1))}.dark\:text-amber-200:is(.dark *){--tw-text-opacity:1;color:rgb(253 230 138/var(--tw-text-opacity,1))}.dark\:text-amber-300:is(.dark *){--tw-text-opacity:1;color:rgb(252 211 77/var(--tw-text-opacity,1))}.dark\:text-amber-300\/80:is(.dark *){color:rgba(252,211,77,.8)}.dark\:text-blue-200:is(.dark *){--tw-text-opacity:1;color:rgb(191 219 254/var(--tw-text-opacity,1))}.dark\:text-blue-300:is(.dark *){--tw-text-opacity:1;color:rgb(147 197 253/var(--tw-text-opacity,1))}.dark\:text-emerald-100:is(.dark *){--tw-text-opacity:1;color:rgb(209 250 229/var(--tw-text-opacity,1))}.dark\:text-emerald-200:is(.dark *){--tw-text-opacity:1;color:rgb(167 243 208/var(--tw-text-opacity,1))}.dark\:text-emerald-300:is(.dark *){--tw-text-opacity:1;color:rgb(110 231 183/var(--tw-text-opacity,1))}.dark\:text-emerald-300\/70:is(.dark *){color:rgba(110,231,183,.7)}.dark\:text-emerald-400:is(.dark *){--tw-text-opacity:1;color:rgb(52 211 153/var(--tw-text-opacity,1))}.dark\:text-emerald-500:is(.dark *){--tw-text-opacity:1;color:rgb(16 185 129/var(--tw-text-opacity,1))}.dark\:text-emerald-900:is(.dark *){--tw-text-opacity:1;color:rgb(6 78 59/var(--tw-text-opacity,1))}.dark\:text-emerald-950:is(.dark *){--tw-text-opacity:1;color:rgb(2 44 34/var(--tw-text-opacity,1))}.dark\:text-gray-300:is(.dark *){--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.dark\:text-gray-400:is(.dark *){--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.dark\:text-green-300:is(.dark *){--tw-text-opacity:1;color:rgb(134 239 172/var(--tw-text-opacity,1))}.dark\:text-green-400:is(.dark *){--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.dark\:text-indigo-200:is(.dark *){--tw-text-opacity:1;color:rgb(199 210 254/var(--tw-text-opacity,1))}.dark\:text-indigo-300:is(.dark *){--tw-text-opacity:1;color:rgb(165 180 252/var(--tw-text-opacity,1))}.dark\:text-red-300:is(.dark *){--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.dark\:text-red-400:is(.dark *){--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.dark\:text-rose-300:is(.dark *){--tw-text-opacity:1;color:rgb(253 164 175/var(--tw-text-opacity,1))}.dark\:text-sky-300:is(.dark *){--tw-text-opacity:1;color:rgb(125 211 252/var(--tw-text-opacity,1))}.dark\:text-slate-100:is(.dark *){--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.dark\:text-slate-200:is(.dark *){--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity,1))}.dark\:text-slate-300:is(.dark *){--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.dark\:text-slate-400:is(.dark *){--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.dark\:text-slate-500:is(.dark *){--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.dark\:text-slate-600:is(.dark *){--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.dark\:text-slate-800:is(.dark *){--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.dark\:text-violet-200:is(.dark *){--tw-text-opacity:1;color:rgb(221 214 254/var(--tw-text-opacity,1))}.dark\:text-violet-300:is(.dark *){--tw-text-opacity:1;color:rgb(196 181 253/var(--tw-text-opacity,1))}.dark\:text-white:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:placeholder-slate-400:is(.dark *)::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(148 163 184/var(--tw-placeholder-opacity,1))}.dark\:placeholder-slate-400:is(.dark *)::placeholder{--tw-placeholder-opacity:1;color:rgb(148 163 184/var(--tw-placeholder-opacity,1))}.dark\:opacity-100:is(.dark *){opacity:1}.dark\:shadow-\[0_0_22px_rgba\(16\2c 185\2c 129\2c 0\.3\)\]:is(.dark *){--tw-shadow:0 0 22px rgba(16,185,129,.3);--tw-shadow-colored:0 0 22px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.dark\:shadow-\[0_16px_40px_rgba\(2\2c 6\2c 23\2c 0\.45\)\]:is(.dark *){--tw-shadow:0 16px 40px rgba(2,6,23,.45);--tw-shadow-colored:0 16px 40px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.dark\:shadow-\[0_18px_40px_rgba\(2\2c 6\2c 23\2c 0\.6\)\]:is(.dark *){--tw-shadow:0 18px 40px rgba(2,6,23,.6);--tw-shadow-colored:0 18px 40px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.dark\:shadow-\[0_20px_60px_rgba\(2\2c 6\2c 23\2c 0\.4\)\]:is(.dark *){--tw-shadow:0 20px 60px rgba(2,6,23,.4);--tw-shadow-colored:0 20px 60px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.dark\:shadow-\[0_24px_50px_-20px_rgba\(0\2c 0\2c 0\2c 0\.6\)\2c inset_0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.06\)\]:is(.dark *){--tw-shadow:0 24px 50px -20px rgba(0,0,0,.6),inset 0 1px 0 hsla(0,0%,100%,.06);--tw-shadow-colored:0 24px 50px -20px var(--tw-shadow-color),inset 0 1px 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)}.dark\:shadow-\[inset_0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.05\)\]:is(.dark *){--tw-shadow:inset 0 1px 0 hsla(0,0%,100%,.05);--tw-shadow-colored:inset 0 1px 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)}.dark\:shadow-none:is(.dark *){--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.dark\:shadow-xl:is(.dark *){--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.dark\:shadow-slate-900\/50:is(.dark *){--tw-shadow-color:rgba(15,23,42,.5);--tw-shadow:var(--tw-shadow-colored)}.dark\:shadow-slate-900\/60:is(.dark *){--tw-shadow-color:rgba(15,23,42,.6);--tw-shadow:var(--tw-shadow-colored)}.dark\:ring-1:is(.dark *){--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(1px + 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)}.dark\:ring-emerald-500\/30:is(.dark *){--tw-ring-color:rgba(16,185,129,.3)}.dark\:ring-slate-700:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(51 65 85/var(--tw-ring-opacity,1))}.dark\:ring-white\/10:is(.dark *){--tw-ring-color:hsla(0,0%,100%,.1)}.dark\:backdrop-blur-sm:is(.dark *){--tw-backdrop-blur:blur(4px);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)}.dark\:before\:text-emerald-400:is(.dark *):before{content:var(--tw-content);--tw-text-opacity:1;color:rgb(52 211 153/var(--tw-text-opacity,1))}.dark\:hover\:border-emerald-500:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(16 185 129/var(--tw-border-opacity,1))}.dark\:hover\:border-emerald-500\/60:hover:is(.dark *){border-color:rgba(16,185,129,.6)}.dark\:hover\:border-emerald-500\/80:hover:is(.dark *){border-color:rgba(16,185,129,.8)}.dark\:hover\:border-emerald-600\/60:hover:is(.dark *){border-color:rgba(5,150,105,.6)}.dark\:hover\:border-emerald-700\/60:hover:is(.dark *){border-color:rgba(4,120,87,.6)}.dark\:hover\:border-green-400:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(74 222 128/var(--tw-border-opacity,1))}.dark\:hover\:border-slate-600:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.dark\:hover\:bg-emerald-400:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(52 211 153/var(--tw-bg-opacity,1))}.dark\:hover\:bg-emerald-500:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.dark\:hover\:bg-emerald-500\/10:hover:is(.dark *){background-color:rgba(16,185,129,.1)}.dark\:hover\:bg-emerald-500\/20:hover:is(.dark *){background-color:rgba(16,185,129,.2)}.dark\:hover\:bg-slate-800\/70:hover:is(.dark *){background-color:rgba(30,41,59,.7)}.dark\:hover\:bg-slate-800\/80:hover:is(.dark *){background-color:rgba(30,41,59,.8)}.dark\:hover\:bg-slate-900\/90:hover:is(.dark *){background-color:rgba(15,23,42,.9)}.dark\:hover\:text-emerald-100:hover:is(.dark *){--tw-text-opacity:1;color:rgb(209 250 229/var(--tw-text-opacity,1))}.dark\:hover\:text-emerald-300:hover:is(.dark *){--tw-text-opacity:1;color:rgb(110 231 183/var(--tw-text-opacity,1))}.dark\:hover\:text-emerald-950:hover:is(.dark *){--tw-text-opacity:1;color:rgb(2 44 34/var(--tw-text-opacity,1))}.dark\:hover\:text-white:hover:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:hover\:shadow-\[0_24px_50px_-20px_rgba\(0\2c 0\2c 0\2c 0\.6\)\2c 0_0_30px_rgba\(16\2c 185\2c 129\2c 0\.08\)\]:hover:is(.dark *){--tw-shadow:0 24px 50px -20px rgba(0,0,0,.6),0 0 30px rgba(16,185,129,.08);--tw-shadow-colored:0 24px 50px -20px var(--tw-shadow-color),0 0 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.dark\:hover\:ring-emerald-500\/70:hover:is(.dark *){--tw-ring-color:rgba(16,185,129,.7)}.group:hover .dark\:group-hover\:bg-emerald-500:is(.dark *){--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.group:hover .dark\:group-hover\:bg-transparent:is(.dark *){background-color:transparent}.group:hover .dark\:group-hover\:text-emerald-300:is(.dark *){--tw-text-opacity:1;color:rgb(110 231 183/var(--tw-text-opacity,1))}.group:hover .dark\:group-hover\:text-green-400:is(.dark *){--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.group:hover .dark\:group-hover\:text-slate-900:is(.dark *){--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.dark\:aria-pressed\:bg-emerald-500\/10[aria-pressed=true]:is(.dark *){background-color:rgba(16,185,129,.1)}@media (min-width:640px){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:inline{display:inline}.sm\:flex{display:flex}.sm\:w-auto{width:auto}.sm\:shrink-0{flex-shrink:0}.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.sm\:flex-row{flex-direction:row}.sm\:flex-wrap{flex-wrap:wrap}.sm\:items-start{align-items:flex-start}.sm\:items-stretch{align-items:stretch}.sm\:justify-end{justify-content:flex-end}.sm\:justify-between{justify-content:space-between}.sm\:p-12{padding:3rem}.sm\:p-8{padding:2rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:text-left{text-align:left}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-\[1\.6rem\]{font-size:1.6rem}.sm\:text-\[13px\]{font-size:13px}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}}@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\:mx-0{margin-left:0;margin-right:0}.md\:mb-0{margin-bottom:0}.md\:mb-10{margin-bottom:2.5rem}.md\:mt-0{margin-top:0}.md\:mt-12{margin-top:3rem}.md\:w-48{width:12rem}.md\:w-\[46\%\]{width:46%}.md\:w-auto{width:auto}.md\:flex-1{flex:1 1 0%}.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-\[1\.15fr_1fr\]{grid-template-columns:1.15fr 1fr}.md\:grid-cols-\[1\.4fr_1fr\]{grid-template-columns:1.4fr 1fr}.md\:grid-cols-\[280px\2c 1fr\]{grid-template-columns:280px 1fr}.md\:flex-row{flex-direction:row}.md\:items-start{align-items:flex-start}.md\:items-end{align-items:flex-end}.md\:items-center{align-items:center}.md\:justify-start{justify-content:flex-start}.md\:justify-between{justify-content:space-between}.md\:gap-4{gap:1rem}.md\:divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-right-width:calc(1px*var(--tw-divide-x-reverse));border-left-width:calc(1px*(1 - var(--tw-divide-x-reverse)))}.md\:divide-y-0>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(0px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(0px*var(--tw-divide-y-reverse))}.md\:border-l{border-left-width:1px}.md\:border-t-0{border-top-width:0}.md\:p-5{padding:1.25rem}.md\:p-6{padding:1.5rem}.md\:p-8{padding:2rem}.md\:p-9{padding:2.25rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-14{padding-top:3.5rem;padding-bottom:3.5rem}.md\:py-20{padding-top:5rem;padding-bottom:5rem}.md\:pl-6{padding-left:1.5rem}.md\:pt-0{padding-top:0}.md\:text-left{text-align:left}.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-\[30px\]{font-size:30px}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}.md\:text-xs{font-size:.75rem;line-height:1rem}.md\:leading-\[1\.25\]{line-height:1.25}}@media (min-width:1024px){.lg\:absolute{position:absolute}.lg\:-bottom-28{bottom:-7rem}.lg\:-right-6{right:-1.5rem}.lg\:left-1\/2{left:50%}.lg\:z-\[3\]{z-index:3}.lg\:order-1{order:1}.lg\:order-2{order:2}.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:m-0{margin:0}.lg\:mr-4{margin-right:1rem}.lg\:mt-0{margin-top:0}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:w-1\/2{width:50%}.lg\:w-max{width:-moz-max-content;width:max-content}.lg\:min-w-\[220px\]{min-width:220px}.lg\:-translate-x-1\/2{--tw-translate-x:-50%}.lg\:-translate-x-1\/2,.lg\: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))}.lg\:translate-y-1\/2{--tw-translate-y:50%}.lg\: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))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.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-\[minmax\(0\2c 2fr\)_minmax\(max-content\2c 1fr\)_minmax\(max-content\2c 1fr\)\]{grid-template-columns:minmax(0,2fr) minmax(max-content,1fr) minmax(max-content,1fr)}.lg\:flex-row{flex-direction:row}.lg\:flex-nowrap{flex-wrap:nowrap}.lg\:items-start{align-items:flex-start}.lg\:items-center{align-items:center}.lg\:justify-between{justify-content:space-between}.lg\:gap-6{gap:1.5rem}.lg\:gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.lg\:self-start{align-self:flex-start}.lg\:rounded-full{border-radius:9999px}.lg\:border{border-width:1px}.lg\:border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.lg\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.lg\:px-7{padding-left:1.75rem;padding-right:1.75rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:py-\[0\.95rem\]{padding-top:.95rem;padding-bottom:.95rem}.lg\:pb-\[9\.5rem\]{padding-bottom:9.5rem}.lg\:pt-44{padding-top:11rem}.lg\:text-left{text-align:left}.lg\:text-5xl{font-size:3rem;line-height:1}.lg\:text-6xl{font-size:3.75rem;line-height:1}.lg\:text-\[0\.9rem\]{font-size:.9rem}.lg\:font-semibold{font-weight:600}.lg\:text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.lg\: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);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.peer.hidden~.lg\:peer-\[\.hidden\]\:col-span-2{grid-column:span 2/span 2}.peer.hidden~.lg\:peer-\[\.hidden\]\:flex{display:flex}.peer.hidden~.lg\:peer-\[\.hidden\]\:items-center{align-items:center}.peer.hidden~.lg\:peer-\[\.hidden\]\:justify-between{justify-content:space-between}.peer.hidden~.lg\:peer-\[\.hidden\]\:gap-10{gap:2.5rem}.dark\:lg\:border-white\/10:is(.dark *){border-color:hsla(0,0%,100%,.1)}.dark\:lg\:bg-slate-900:is(.dark *){--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.dark\:lg\:text-slate-200:is(.dark *){--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity,1))}.dark\:lg\:shadow-\[0_18px_40px_-16px_rgba\(2\2c 6\2c 23\2c 0\.7\)\]:is(.dark *){--tw-shadow:0 18px 40px -16px rgba(2,6,23,.7);--tw-shadow-colored:0 18px 40px -16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}}@media (min-width:1280px){.xl\:col-span-1{grid-column:span 1/span 1}.xl\:w-72{width:18rem}.xl\:w-\[320px\]{width:320px}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-\[minmax\(0\2c 1\.2fr\)_minmax\(280px\2c 0\.8fr\)\]{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr)}.xl\:flex-row{flex-direction:row}.xl\:items-start{align-items:flex-start}.xl\:items-center{align-items:center}.xl\:justify-between{justify-content:space-between}}@media (min-width:1536px){.\32xl\:top-40{top:10rem}}.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker,.\[\&_summary\:\:-webkit-details-marker\]\:hidden summary::-webkit-details-marker{display:none}@media (min-width:1024px){.peer.hidden~a .lg\:\[\.peer\.hidden\~a_\&\]\:mt-0{margin-top:0}.peer.hidden~a .lg\:\[\.peer\.hidden\~a_\&\]\:max-w-xl{max-width:36rem}}button[aria-pressed=true] .\[button\[aria-pressed\=true\]_\&\]\:inline-flex{display:inline-flex}

/* assets/css/site-navbar.css */
/*
 * assets/css/site-navbar.css — Navbar "Block" (components/navbar.php), produktiv seit 19.09.2026.
 *
 * Entscheidung aus 4 Varianten (design-previews/navbar-redesign/): CTA als bündiger, schräg
 * angeschnittener Vollhöhen-Block am rechten Rand, Link + Theme-Toggle davor mit Trennlinie.
 * Die Leiste ist in beiden Themes dunkel (Light: Waldgrün wie der Hero, Dark: Slate), deshalb
 * heller CTA mit dunkler Schrift statt Grün auf Grün.
 *
 * Wird auf allen Seiten mit components/navbar.php geladen (Startseite, Rechner, Rechtsseiten);
 * keine Abhängigkeit von light-skin.css / wald-sand-tokens.css.
 */

/* ---------------------------------------------------------------- Tokens */
.nv {
    --nv-mint: #40d6a0;
    --nv-ink-on-mint: #052a1c;
    --nv-ease: cubic-bezier(.2, .8, .2, 1);
    --nv-h: 76px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 50;
    color: var(--nv-text);
    background: var(--nv-bg);
    border-bottom: 1px solid var(--nv-line);
    box-shadow: var(--nv-shadow);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    transition: background-color .3s var(--nv-ease);
}
/* Light: "Moos" (25.09.2026, heller als vorher #0b2c20; Auswahl in design-previews/navbar-hell/).
   Deckkraft .92, damit der Ton beim Scrollen über Sand nicht verwäscht. Kontrast Link 5,7. */
html:not(.dark) .nv {
    --nv-bg: rgba(27, 84, 64, 0.92);
    --nv-bg-solid: #1b5440;
    --nv-line: rgba(246, 243, 236, 0.10);
    --nv-line-strong: rgba(246, 243, 236, 0.18);
    --nv-text: #f6f3ec;
    --nv-text-2: rgba(246, 243, 236, 0.80);
    --nv-text-3: rgba(246, 243, 236, 0.58);
    --nv-accent: #6ee7b7;
    --nv-hover-fill: rgba(246, 243, 236, 0.07);
    --nv-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.55);
}
html.dark .nv {
    --nv-bg: rgba(2, 6, 23, 0.86);
    --nv-bg-solid: #020617;
    --nv-line: rgba(255, 255, 255, 0.10);
    --nv-line-strong: rgba(255, 255, 255, 0.18);
    --nv-text: #f8f8f0;
    --nv-text-2: #cbd5e1;
    --nv-text-3: #94a3b8;
    --nv-accent: #40d6a0;
    --nv-hover-fill: rgba(255, 255, 255, 0.06);
    --nv-shadow: 0 10px 30px rgba(2, 6, 23, 0.45);
}

/* Logo: Creme + Mint auf dunkler Leiste (Farbentscheidung "Reihe 2", 14.09.2026) */
.nv-brand { display: inline-flex; align-items: center; color: var(--nv-text); text-decoration: none; }
.nv-brand .nv-brand-accent { color: var(--nv-accent); }

/* ---------------------------------------------------------------- Gerüst */
.nv-wrap {
    max-width: 1400px;
    height: var(--nv-h);
    margin: 0 auto;
    padding: 0 0 0 2rem;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}
.nv-left { display: flex; align-items: center; }
.nv-right { display: none; align-items: stretch; gap: 22px; }
@media (min-width: 768px) { .nv-right { display: flex; } }
.nv-right > .nv-link,
.nv-right > .nv-toggle,
.nv-right > .nv-sep { align-self: center; }

.nv-link {
    position: relative;
    font-weight: 600;
    font-size: 15px;
    color: var(--nv-text-2);
    text-decoration: none;
    white-space: nowrap;
    transition: color .25s var(--nv-ease);
}
.nv-link:hover { color: var(--nv-text); }
.nv-right > .nv-link::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -6px;
    height: 2px;
    border-radius: 2px;
    background: var(--nv-accent);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .3s var(--nv-ease);
}
.nv-right > .nv-link:hover::after { transform: scaleX(1); }

.nv-sep { width: 1px; height: 22px; background: var(--nv-line-strong); flex: none; }

/* Theme-Toggle: Sonne im Light, Mond im Dark */
.nv-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 999px;
    border: 1px solid var(--nv-line-strong);
    background: var(--nv-hover-fill);
    color: var(--nv-text-2);
    cursor: pointer;
    transition: background .25s var(--nv-ease), color .25s var(--nv-ease), transform .25s var(--nv-ease);
}
.nv-toggle:hover { color: var(--nv-text); background: rgba(255, 255, 255, .12); transform: rotate(12deg); }
.nv-toggle i { font-size: 14px; }
.nv-toggle .nv-sun { color: #fbbf24; }
.nv-toggle .nv-moon { color: #a5b4fc; display: none; }
html.dark .nv-toggle .nv-sun { display: none; }
html.dark .nv-toggle .nv-moon { display: inline; }

/* ---------------------------------------------------------------- CTA-Block */
.nv-cta {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-left: 6px;
    padding: 0 36px 0 40px;
    font-weight: 800;
    font-size: 15.5px;
    color: var(--nv-ink-on-mint);
    text-decoration: none;
    white-space: nowrap;
    background: linear-gradient(160deg, #5ee9b5 0%, #40d6a0 55%, #23b384 100%);
    clip-path: polygon(22px 0, 100% 0, 100% 100%, 0 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4);
    overflow: hidden;
    isolation: isolate;
    transition: background .3s var(--nv-ease);
}
.nv-cta:hover { background: linear-gradient(160deg, #7ff0c3 0%, #52e0ad 55%, #2cc492 100%); }
/* feine Diagonalstruktur, nach rechts einblendend */
.nv-cta::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .18;
    background: repeating-linear-gradient(115deg, rgba(255, 255, 255, 0) 0 10px, rgba(255, 255, 255, .55) 10px 11px);
    mask-image: linear-gradient(90deg, transparent 0%, #000 60%);
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 60%);
}
/* weicher Lichtstreifen an der Unterkante */
.nv-cta::after {
    content: "";
    position: absolute;
    left: 10%;
    right: 0;
    bottom: 0;
    height: 3px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .7));
}
.nv-cta .nv-cta-ico {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 34px;
    height: 34px;
    border-radius: 999px;
    background: rgba(5, 42, 28, .16);
    font-size: 15px;
}
.nv-cta .nv-cta-arrow {
    font-size: 13px;
    width: 0;
    opacity: 0;
    margin-left: -6px;
    transform: translateX(-4px);
    overflow: hidden;
    transition: width .3s var(--nv-ease), opacity .3s var(--nv-ease), transform .3s var(--nv-ease), margin .3s var(--nv-ease);
}
.nv-cta:hover .nv-cta-arrow { width: 13px; opacity: 1; margin-left: 0; transform: translateX(0); }
.nv-cta:focus-visible { outline: 3px solid var(--nv-accent); outline-offset: -3px; }

/* Tablet hochkant (768–1023 px): Rechtsseiten haben zwei Links + CTA, alles einzeilig halten */
@media (min-width: 768px) and (max-width: 1023px) {
    .nv-wrap { padding-left: 1.25rem; }
    .nv-brand svg:first-child { height: 2.25rem; }
    .nv-brand svg:last-child { height: 1.05rem; }
    .nv-brand > span { gap: .6rem; }
    .nv-right { gap: 12px; }
    .nv-link { font-size: 14px; }
    .nv-cta { padding: 0 16px 0 28px; font-size: 13.5px; gap: 8px; }
    .nv-cta .nv-cta-ico { width: 28px; height: 28px; font-size: 13px; }
    .nv-cta .nv-cta-arrow { display: none; }
}

/* ---------------------------------------------------------------- Mobile */
.nv-mobile-controls { display: none; }
@media (max-width: 767px) {
    .nv-wrap { padding: 0 1.25rem; align-items: center; }
    /* Logo etwas kleiner, damit Wortmarke und Burger bei 360–400 px Platz haben */
    .nv-brand svg:first-child { height: 2.25rem; }
    .nv-brand svg:last-child { height: 1.05rem; }
    .nv-brand > span { gap: .6rem; }
    .nv-mobile-controls { display: flex; flex: none; align-items: center; }
    /* Variante C: Darstellung und Menü gemeinsam neben der flexiblen Wortmarke. */
    .nv-wrap--theme-controls { gap: 10px; }
    .nv-wrap--theme-controls .nv-left { min-width: 0; flex: 1 1 auto; }
    .nv-wrap--theme-controls .nv-brand { min-width: 0; width: 100%; max-width: 275px; }
    .nv-wrap--theme-controls .nv-brand > span { width: 100%; gap: 8px; }
    .nv-wrap--theme-controls .nv-brand svg:first-child { height: 34px; flex: none; }
    .nv-wrap--theme-controls .nv-brand svg:last-child { min-width: 0; flex: 1 1 auto; width: 0; height: 16.8px; }
    .nv-wrap--theme-controls .nv-mobile-controls {
        border: 1px solid var(--nv-line-strong);
        border-radius: 12px;
        background: var(--nv-hover-fill);
    }
    .nv-wrap--theme-controls .nv-mobile-controls > button {
        width: 44px;
        height: 44px;
        flex: none;
        background: transparent;
        border: none;
    }
    .nv-wrap--theme-controls .nv-mobile-controls .nv-toggle {
        border-right: 1px solid var(--nv-line-strong);
        border-radius: 12px 0 0 12px;
    }
    .nv-wrap--theme-controls .nv-mobile-controls .nv-toggle:hover { transform: none; }
    .nv-wrap--theme-controls .nv-mobile-controls button:focus-visible { outline: 2px solid var(--nv-accent); outline-offset: 2px; }
}
.nv-burger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    border: 1px solid var(--nv-line-strong);
    background: var(--nv-hover-fill);
    color: var(--nv-text);
    cursor: pointer;
}
@media (min-width: 768px) { .nv-burger { display: none; } }
.nv-mobile {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    display: none;
    flex-direction: column;
    gap: 6px;
    padding: 14px 20px 22px;
    background: var(--nv-bg-solid);
    border-bottom: 1px solid var(--nv-line);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .45);
}
.nv-mobile:not(.hidden) { display: flex; }
@media (min-width: 768px) { .nv-mobile { display: none !important; } }
.nv-mobile .nv-link { font-size: 17px; padding: 12px 4px; border-bottom: 1px solid var(--nv-line); }
.nv-mobile .nv-mobile-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 4px 4px;
    color: var(--nv-text-3);
    font-size: 13px;
}
.nv-mobile .nv-cta {
    justify-content: center;
    margin: 8px 0 0;
    padding: 15px 20px;
    border-radius: 16px;
    clip-path: none;
}
.nv-mobile .nv-cta::after { display: none; }

@media (prefers-reduced-motion: reduce) {
    .nv, .nv-link, .nv-toggle, .nv-cta, .nv-cta .nv-cta-arrow { transition: none; }
}

/* assets/css/lightmode/light-skin.css */
/*
 * assets/css/lightmode/light-skin.css
 *
 * Lightmode-Skin der Startseite (suche.php). Bildet die Tailwind-Lightmode-
 * Utilities der Seite auf semantische Farbtokens ab, damit der Lightmode
 * getönte Flächen mit echter Hierarchie bekommt (Seite < Karte < Formular)
 * statt Weiß auf Weiß. Gilt nur, solange <html> nicht die Klasse "dark" trägt.
 *
 * Tokens werden in variant-*.css gesetzt (--lm-*). Diese Datei enthält nur
 * das Mapping und ist bewusst variantenneutral.
 */

/* ------------------------------------------------------------ Grundflächen */
html:not(.dark) body {
    background-color: var(--lm-bg);
    color: var(--lm-text);
}

html:not(.dark) .bg-gray-50 { background-color: var(--lm-bg); }
html:not(.dark) section.bg-white { background-color: var(--lm-bg-alt); }
html:not(.dark) section.bg-white .bg-gray-50 { background-color: var(--lm-surface); }

html:not(.dark) .bg-white { background-color: var(--lm-surface); }
html:not(.dark) .bg-white\/95 { background-color: var(--lm-surface-elev); }
html:not(.dark) .bg-white\/80 { background-color: color-mix(in srgb, var(--lm-surface) 84%, transparent); }
html:not(.dark) .bg-white\/70 { background-color: color-mix(in srgb, var(--lm-surface) 72%, transparent); }
html:not(.dark) .hover\:bg-white:hover { background-color: var(--lm-surface-elev); }
html:not(.dark) .group:hover .group-hover\:bg-slate-50\/40 { background-color: color-mix(in srgb, var(--lm-surface-sunken) 60%, transparent); }

/* Formularkarte: leicht transluzent über der Seite, Eingabefelder darin heller */
html:not(.dark) #searchForm { background-color: color-mix(in srgb, var(--lm-surface) 80%, transparent); }
html:not(.dark) #searchForm .bg-white { background-color: var(--lm-surface-elev); }
html:not(.dark) #searchSuggestions { background-color: var(--lm-surface-elev); }

/* Abgesenkte Flächen: Eingabe-Hintergründe, Chips, Segment-Gruppe */
html:not(.dark) .bg-slate-100,
html:not(.dark) .bg-slate-50,
html:not(.dark) .bg-slate-50\/80,
html:not(.dark) .bg-blue-50 { background-color: var(--lm-surface-sunken); }
html:not(.dark) .hover\:bg-slate-200:hover { background-color: var(--lm-border); }
html:not(.dark) .bg-gray-200 { background-color: var(--lm-border); }
html:not(.dark) .bg-slate-300 { background-color: var(--lm-border-strong); }

/* ------------------------------------------------------------ Akzentflächen */
html:not(.dark) .bg-emerald-50,
html:not(.dark) .bg-emerald-50\/70,
html:not(.dark) .bg-emerald-50\/80,
html:not(.dark) .bg-emerald-50\/90,
html:not(.dark) .bg-emerald-100,
html:not(.dark) .bg-green-50,
html:not(.dark) .peer:checked ~ .peer-checked\:bg-emerald-50\/90,
html:not(.dark) .aria-pressed\:bg-emerald-50\/70[aria-pressed="true"] { background-color: var(--lm-accent-soft); }
html:not(.dark) .hover\:bg-emerald-50:hover,
html:not(.dark) .hover\:bg-emerald-100:hover { background-color: var(--lm-accent-soft-hover); }

html:not(.dark) .bg-emerald-500,
html:not(.dark) .bg-green-500,
html:not(.dark) .bg-primary,
html:not(.dark) .hover\:bg-green-600:hover,
html:not(.dark) .hover\:bg-blue-600:hover,
html:not(.dark) .group:hover .group-hover\:bg-emerald-500,
html:not(.dark) .group:hover .group-hover\:bg-green-500 { background-color: var(--lm-accent); }
html:not(.dark) .hover\:bg-primaryDark:hover { background-color: var(--lm-accent-hover); }

/* Hinweisflächen (Amber) */
html:not(.dark) .bg-amber-50\/70,
html:not(.dark) .bg-amber-100 { background-color: var(--lm-warn-soft); }
html:not(.dark) .border-amber-200\/80,
html:not(.dark) .border-amber-300,
html:not(.dark) .border-amber-300\/70 { border-color: var(--lm-warn-border); }
html:not(.dark) .text-amber-700,
html:not(.dark) .text-amber-700\/80,
html:not(.dark) .text-amber-800 { color: var(--lm-warn-text); }

/* ------------------------------------------------------------ Text */
html:not(.dark) .text-slate-900,
html:not(.dark) .text-gray-900,
html:not(.dark) .text-slate-800,
html:not(.dark) .text-gray-800,
html:not(.dark) .hover\:text-slate-800:hover { color: var(--lm-text); }

html:not(.dark) .text-slate-700,
html:not(.dark) .text-gray-700,
html:not(.dark) .text-slate-600,
html:not(.dark) .text-gray-600,
html:not(.dark) .text-blue-700 { color: var(--lm-text-2); }

html:not(.dark) .text-slate-500,
html:not(.dark) .text-gray-500 { color: var(--lm-text-3); }

html:not(.dark) .text-slate-400,
html:not(.dark) .text-gray-400,
html:not(.dark) .placeholder-slate-400::placeholder { color: var(--lm-text-4); }

html:not(.dark) #searchInput::placeholder { color: #94a3b8; }

html:not(.dark) .text-emerald-600,
html:not(.dark) .text-emerald-700,
html:not(.dark) .text-emerald-700\/70,
html:not(.dark) .text-emerald-800,
html:not(.dark) .text-emerald-900,
html:not(.dark) .text-green-700,
html:not(.dark) .text-primary,
html:not(.dark) .hover\:text-primary:hover,
html:not(.dark) .hover\:text-emerald-600:hover,
html:not(.dark) .hover\:text-emerald-700:hover,
html:not(.dark) .hover\:text-emerald-900:hover,
html:not(.dark) .peer:checked ~ .peer-checked\:text-emerald-700,
html:not(.dark) .group:hover .group-hover\:text-emerald-600,
html:not(.dark) .group:hover .group-hover\:text-green-700 { color: var(--lm-accent-text); }

html:not(.dark) .text-emerald-500,
html:not(.dark) .text-emerald-500\/80,
html:not(.dark) .text-green-500,
html:not(.dark) .before\:text-emerald-500::before,
html:not(.dark) .before\:text-green-500::before,
html:not(.dark) .peer:checked ~ .peer-checked\:before\:text-emerald-500::before { color: var(--lm-accent); }
html:not(.dark) .before\:text-slate-300::before { color: var(--lm-border-strong); }

/* ------------------------------------------------------------ Ränder */
html:not(.dark) .border-slate-200,
html:not(.dark) .border-slate-200\/80,
html:not(.dark) .border-gray-200\/80,
html:not(.dark) .border-gray-100,
html:not(.dark) .border-slate-100,
html:not(.dark) .border-gray-50,
html:not(.dark) .border-slate-50,
html:not(.dark) .border-white\/90,
html:not(.dark) .border-white\/60,
html:not(.dark) .divide-slate-200 > :not([hidden]) ~ :not([hidden]) { border-color: var(--lm-border); }

html:not(.dark) .border-white { border-color: var(--lm-image-frame); }
html:not(.dark) .ring-white { --tw-ring-color: var(--lm-surface); }

html:not(.dark) .border-emerald-200,
html:not(.dark) .border-emerald-200\/80,
html:not(.dark) .border-emerald-300,
html:not(.dark) .border-emerald-300\/60,
html:not(.dark) .border-emerald-300\/70,
html:not(.dark) .border-green-200,
html:not(.dark) .hover\:border-emerald-200:hover,
html:not(.dark) .hover\:border-emerald-300:hover,
html:not(.dark) .hover\:border-green-300:hover,
html:not(.dark) .peer:checked ~ .peer-checked\:border-emerald-300 { border-color: var(--lm-accent-soft-border); }

html:not(.dark) .border-emerald-500,
html:not(.dark) .border-green-500,
html:not(.dark) .hover\:border-emerald-500:hover,
html:not(.dark) .aria-pressed\:border-emerald-400[aria-pressed="true"] { border-color: var(--lm-accent); }
html:not(.dark) .border-emerald-500\/40 { border-color: color-mix(in srgb, var(--lm-accent) 40%, transparent); }
html:not(.dark) .group:hover .group-hover\:border-emerald-500\/50 { border-color: color-mix(in srgb, var(--lm-accent) 55%, transparent); }
html:not(.dark) .group:focus-within .group-focus-within\:\!border-emerald-500 { border-color: var(--lm-accent) !important; }

html:not(.dark) .ring-emerald-500\/20,
html:not(.dark) .group:focus-within .group-focus-within\:ring-emerald-500\/20 { --tw-ring-color: color-mix(in srgb, var(--lm-accent) 22%, transparent); }
html:not(.dark) .peer:focus-visible ~ .peer-focus-visible\:ring-emerald-500\/40 { --tw-ring-color: color-mix(in srgb, var(--lm-accent) 40%, transparent); }

/* ------------------------------------------------------------ Verläufe */
html:not(.dark) .from-emerald-500,
html:not(.dark) .aria-checked\:from-emerald-500[aria-checked="true"] {
    --tw-gradient-from: var(--lm-grad-a) var(--tw-gradient-from-position);
    --tw-gradient-to: color-mix(in srgb, var(--lm-grad-a) 0%, transparent) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
html:not(.dark) .to-teal-600,
html:not(.dark) .aria-checked\:to-teal-600[aria-checked="true"] { --tw-gradient-to: var(--lm-grad-b) var(--tw-gradient-to-position); }
html:not(.dark) .hover\:from-emerald-400:hover {
    --tw-gradient-from: var(--lm-grad-a-hover) var(--tw-gradient-from-position);
    --tw-gradient-to: color-mix(in srgb, var(--lm-grad-a-hover) 0%, transparent) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
html:not(.dark) .hover\:to-teal-500:hover { --tw-gradient-to: var(--lm-grad-b-hover) var(--tw-gradient-to-position); }

/* H1 "Energieberater" als Verlaufstext */
html:not(.dark) .from-emerald-600 {
    --tw-gradient-from: var(--lm-heading-grad-a) var(--tw-gradient-from-position);
    --tw-gradient-to: color-mix(in srgb, var(--lm-heading-grad-a) 0%, transparent) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
html:not(.dark) .to-teal-500 { --tw-gradient-to: var(--lm-heading-grad-b) var(--tw-gradient-to-position); }

/* Logo-Kachel */
html:not(.dark) .from-primary {
    --tw-gradient-from: var(--lm-accent) var(--tw-gradient-from-position);
    --tw-gradient-to: color-mix(in srgb, var(--lm-accent) 0%, transparent) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
html:not(.dark) .to-primaryDark { --tw-gradient-to: var(--lm-accent-hover) var(--tw-gradient-to-position); }

/* Weicher Schein hinter den Hero-Bildern */
html:not(.dark) .from-emerald-100 {
    --tw-gradient-from: var(--lm-accent-soft) var(--tw-gradient-from-position);
    --tw-gradient-to: color-mix(in srgb, var(--lm-accent-soft) 0%, transparent) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
html:not(.dark) .to-teal-50 { --tw-gradient-to: var(--lm-surface-sunken) var(--tw-gradient-to-position); }

/* Hero-Lichtflecken */
html:not(.dark) .from-emerald-500\/20 {
    --tw-gradient-from: var(--lm-glow-a) var(--tw-gradient-from-position);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
html:not(.dark) .from-teal-500\/20 {
    --tw-gradient-from: var(--lm-glow-b) var(--tw-gradient-from-position);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
html:not(.dark) .via-indigo-500\/10 {
    --tw-gradient-stops: var(--tw-gradient-from), var(--lm-glow-c) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
html:not(.dark) .bg-emerald-400\/15 { background-color: var(--lm-glow-a); }

/* ------------------------------------------------------------ Schatten (auf den Flächenton getönt) */
html:not(.dark) .shadow-sm { --tw-shadow-color: var(--lm-shadow-soft); --tw-shadow: var(--tw-shadow-colored); }
html:not(.dark) .shadow-md,
html:not(.dark) .shadow-lg,
html:not(.dark) .shadow-xl,
html:not(.dark) .shadow-2xl,
html:not(.dark) .hover\:shadow-md:hover,
html:not(.dark) .hover\:shadow-lg:hover,
html:not(.dark) .hover\:shadow-xl:hover,
html:not(.dark) .hover\:shadow-2xl:hover { --tw-shadow-color: var(--lm-shadow); --tw-shadow: var(--tw-shadow-colored); }
html:not(.dark) .shadow-slate-200\/50,
html:not(.dark) .shadow-slate-300\/60 { --tw-shadow-color: var(--lm-shadow); }
html:not(.dark) .shadow-emerald-500\/10,
html:not(.dark) .hover\:shadow-emerald-500\/10:hover { --tw-shadow-color: color-mix(in srgb, var(--lm-accent) 12%, transparent); --tw-shadow: var(--tw-shadow-colored); }
html:not(.dark) .shadow-emerald-500\/20 { --tw-shadow-color: color-mix(in srgb, var(--lm-accent) 22%, transparent); --tw-shadow: var(--tw-shadow-colored); }
html:not(.dark) .shadow-emerald-500\/25 { --tw-shadow-color: color-mix(in srgb, var(--lm-accent) 28%, transparent); --tw-shadow: var(--tw-shadow-colored); }
html:not(.dark) .hover\:shadow-emerald-500\/40:hover { --tw-shadow-color: color-mix(in srgb, var(--lm-accent) 40%, transparent); --tw-shadow: var(--tw-shadow-colored); }
html:not(.dark) #searchForm { box-shadow: 0 18px 40px -18px var(--lm-shadow), 0 1px 0 var(--lm-surface-elev) inset; }

/* ------------------------------------------------------------ Footer (bleibt dunkel, aber im Farbton der Variante) */
html:not(.dark) footer.bg-dark { background-color: var(--lm-footer-bg); }
html:not(.dark) footer .border-gray-800 { border-color: var(--lm-footer-border); }
html:not(.dark) footer .text-gray-400 { color: var(--lm-footer-text); }
html:not(.dark) footer .text-gray-500 { color: var(--lm-footer-text-muted); }
html:not(.dark) footer .text-primary,
html:not(.dark) footer .hover\:text-primary:hover { color: var(--lm-footer-accent); }
html:not(.dark) footer .bg-primary { background-color: var(--lm-accent); }

/* Ergebniskarten ("Waldrahmen"): ausgelagert nach expert-card-skin.css, damit das
   Berater-Dashboard (Live-Vorschau) dieselbe Karte zeigt wie die Suche. */

html:not(.dark) #premiumContainer > div {
    background: var(--lm-ad-block-bg);
    border-color: var(--lm-ad-block-border);
    box-shadow: 0 24px 50px -28px rgba(11, 44, 32, 0.6);
}
html:not(.dark) #premiumContainer p.text-emerald-600 { color: var(--lm-cta-mint); }
html:not(.dark) #premiumContainer h2 { color: var(--lm-ad-block-text); }
html:not(.dark) #premiumContainer > div > div > .rounded-full {
    background-color: color-mix(in srgb, var(--lm-ad-block-text) 8%, transparent);
    border-color: color-mix(in srgb, var(--lm-ad-block-text) 35%, transparent);
    color: var(--lm-ad-block-text);
}
html:not(.dark) #resultCountBadge { background-color: var(--lm-border); color: var(--lm-text); }

/* ------------------------------------------------------------ Kleinkram */
html:not(.dark) ::selection { background-color: var(--lm-accent-soft-border); color: var(--lm-text); }
html:not(.dark) .filter-badge-active { animation: none; box-shadow: 0 0 12px color-mix(in srgb, var(--lm-accent) 40%, transparent); }

/* ------------------------------------------------------------ Ergebniskopf */
/* Rechte Aktionszeile: Umkreis-Chip in Hero-Waldgrün, "Ort oder Umkreis ändern" als Split-Pill (Waldgrün-Kachel + Sand), Rechner als gefüllter CTA */
html:not(.dark) #resultsHeader .results-meta-chip { background: var(--lm-ad-block-bg); color: var(--lm-ad-block-text); }
html:not(.dark) #resultsHeader .results-meta-chip .text-emerald-300 { color: var(--lm-cta-mint); }
html:not(.dark) #resultsEditSearch { background-color: var(--lm-surface-elev); color: var(--lm-text-2); box-shadow: inset 0 0 0 1px var(--lm-border-strong); --tw-ring-shadow: 0 0 #0000; }
html:not(.dark) #resultsEditSearch:hover { color: var(--lm-accent-text); box-shadow: inset 0 0 0 1.5px var(--lm-accent); }
/* Kachel im CTA-Grün (wie "Förderung berechnen"), Icon hell – heller als das Hero-Waldgrün der Vorschau */
html:not(.dark) #resultsEditSearch .results-edit-seg { background-color: var(--lm-accent); color: var(--lm-cta-text); }
html:not(.dark) #resultsCalculatorLink { background-color: var(--lm-cta); color: var(--lm-cta-text); box-shadow: 0 4px 12px -4px var(--lm-shadow); }
html:not(.dark) #resultsCalculatorLink:hover { background-color: var(--lm-accent-hover); }
html:not(.dark) #resultsCalculatorLink .text-emerald-200 { color: var(--lm-cta-mint); }

/* assets/css/lightmode/expert-card-skin.css */
/*
 * assets/css/lightmode/expert-card-skin.css
 *
 * Lightmode-Skin der Ergebniskarte (.expert-card aus assets/js/card-template.js).
 * Ausgelagert aus light-skin.css, damit suche.php UND die Live-Vorschau im
 * Berater-Dashboard (dashboard/index.php) exakt dieselbe Karte zeigen.
 * Braucht die --lm-* Tokens aus wald-sand-tokens.css. Gilt nur ohne html.dark.
 */

/* ------------------------------------------------------------ Ergebniskarten ("Waldrahmen")
 * Anzeigen-Block greift das Waldgrün des Hero auf, Sandkarten liegen darauf. Chips als
 * randlose Sandflächen. Band und Fußleiste der Karte: expert-card-waldband.css. */
/* ------------------------------------------------------------ Generische Tailwind-Mappings, auf die Karte gescoped
 * Auszug aus light-skin.css (dort seitenweit). Nötig, damit die Karte auch OHNE light-skin.css
 * (Berater-Dashboard, Live-Vorschau) exakt so aussieht wie in der Suche – inkl. aufgeklapptem Profil.
 * Werte identisch zu light-skin.css → in suche.php ohne Effekt. */
html:not(.dark) .expert-card.text-slate-900,
html:not(.dark) .expert-card .text-slate-900,
html:not(.dark) .expert-card .text-slate-800 { color: var(--lm-text); }
html:not(.dark) .expert-card .text-slate-700,
html:not(.dark) .expert-card .text-slate-600,
html:not(.dark) .expert-card .text-blue-700 { color: var(--lm-text-2); }
html:not(.dark) .expert-card .text-slate-500 { color: var(--lm-text-3); }
html:not(.dark) .expert-card .text-slate-400 { color: var(--lm-text-4); }
html:not(.dark) .expert-card .text-emerald-600,
html:not(.dark) .expert-card .text-emerald-700,
html:not(.dark) .expert-card .text-green-700,
html:not(.dark) .expert-card .hover\:text-emerald-700:hover,
html:not(.dark) .expert-card.group:hover .group-hover\:text-green-700 { color: var(--lm-accent-text); }
html:not(.dark) .expert-card .text-emerald-500,
html:not(.dark) .expert-card .text-green-500 { color: var(--lm-accent); }

html:not(.dark) .expert-card .bg-white { background-color: var(--lm-surface); }
html:not(.dark) .expert-card .bg-slate-50,
html:not(.dark) .expert-card .bg-slate-100,
html:not(.dark) .expert-card .bg-blue-50 { background-color: var(--lm-surface-sunken); }
html:not(.dark) .expert-card .hover\:bg-slate-200:hover { background-color: var(--lm-border); }
html:not(.dark) .expert-card .bg-emerald-50,
html:not(.dark) .expert-card .bg-green-50 { background-color: var(--lm-accent-soft); }
html:not(.dark) .expert-card .bg-green-500,
html:not(.dark) .expert-card .hover\:bg-green-600:hover,
html:not(.dark) .expert-card .hover\:bg-blue-600:hover,
html:not(.dark) .expert-card.group:hover .group-hover\:bg-green-500 { background-color: var(--lm-accent); }

html:not(.dark) .expert-card .border-slate-200,
html:not(.dark) .expert-card .border-slate-100,
html:not(.dark) .expert-card .border-slate-50 { border-color: var(--lm-border); }
html:not(.dark) .expert-card .border-emerald-200\/80,
html:not(.dark) .expert-card .border-green-200,
html:not(.dark) .expert-card .hover\:border-emerald-400:hover { border-color: var(--lm-accent-soft-border); }
html:not(.dark) .expert-card .border-green-500 { border-color: var(--lm-accent); }
html:not(.dark) .expert-card .ring-white { --tw-ring-color: var(--lm-surface); }

html:not(.dark) .expert-card {
    background-color: var(--lm-card);
    border-color: var(--lm-card-border);
}
html:not(.dark) .expert-card:hover { border-color: color-mix(in srgb, var(--lm-cta) 45%, var(--lm-card-border)); }
html:not(.dark) .expert-card.group:hover .card-header-clickable { background-color: color-mix(in srgb, var(--lm-chip) 40%, transparent); }
html:not(.dark) .expert-card .border-slate-100 { border-color: var(--lm-card-divider); }
html:not(.dark) .expert-card h3 { color: var(--lm-text); }
html:not(.dark) .expert-card.group:hover h3 { color: var(--lm-cta); }

html:not(.dark) .expert-card-premium {
    background-color: var(--lm-card-premium);
    border-color: rgba(255, 255, 255, 0.08);
    box-shadow: 0 18px 40px -20px rgba(0, 0, 0, 0.55);
}
html:not(.dark) .expert-card-premium:hover {
    border-color: color-mix(in srgb, var(--lm-cta-mint) 45%, transparent);
    box-shadow: 0 22px 44px -20px rgba(0, 0, 0, 0.6);
}

html:not(.dark) .expert-card .bg-slate-50\/80 {
    background-color: var(--lm-chip);
    border-color: transparent;
    color: var(--lm-chip-text);
    box-shadow: none;
}
html:not(.dark) .expert-card .bg-slate-50\/80.before\:text-green-500::before { color: var(--lm-cta); }
html:not(.dark) .expert-card .bg-emerald-50\/90 {
    background-color: var(--lm-cta);
    border-color: var(--lm-cta);
    color: var(--lm-cta-text);
    box-shadow: none;
}
html:not(.dark) .expert-card .bg-emerald-50\/90::before { color: var(--lm-cta-mint); }

html:not(.dark) .expert-card .rounded-full.bg-slate-50 {
    background-color: var(--lm-chip);
    border-color: transparent;
    color: var(--lm-text-2);
}
html:not(.dark) .expert-card .rounded-full.bg-slate-50 .text-green-500 { color: var(--lm-cta); }

html:not(.dark) .expert-card .expand-content { background-color: var(--lm-bg-alt); border-color: var(--lm-card-divider); }
html:not(.dark) .expert-card .expand-content .bg-white { background-color: var(--lm-card); border-color: var(--lm-card-border); }

/* ------------------------------------------------------------ Kontakt-Buttons (Telefon im Kopf; E-Mail/Telefon/Webseite im Profil)
 * Tailwinds hover:text-white verliert gegen die Mappings oben (.text-blue-700/.text-green-700 → dunkle
 * Schrift) – beim Hover stand dunkle Schrift auf Waldgrün. Daher explizit: helle Fläche mit Kontur,
 * Hover füllt Waldgrün mit heller Schrift, Icon springt auf Mint. */
html:not(.dark) .expert-card [data-card-contact-label] { color: var(--lm-text-2); }
html:not(.dark) .expert-card [data-card-contact] {
    background-color: var(--lm-surface-elev);
    border: 1px solid var(--lm-card-border);
    color: var(--lm-text);
}
html:not(.dark) .expert-card [data-card-contact] i { color: var(--lm-cta); }
html:not(.dark) .expert-card [data-card-contact]:hover {
    background-color: var(--lm-cta);
    border-color: var(--lm-cta);
    color: var(--lm-cta-text);
    box-shadow: 0 8px 18px -10px color-mix(in srgb, var(--lm-cta) 80%, transparent);
}
html:not(.dark) .expert-card [data-card-contact]:hover i { color: var(--lm-cta-mint); }

/* Profilbild, Band, Fußleiste und „Profil öffnen“: expert-card-waldband.css (Waldband seit 23.10.2026). */

/* ------------------------------------------------------------ Telefon-Hover (beide Modi)
 * Farbwechsel + leichte Skalierung, Icon dreht sich minimal "zum Ohr". */
.expert-card [data-card-contact] {
    transition: background-color .18s ease, border-color .18s ease, color .18s ease,
                box-shadow .18s ease, transform .18s ease;
}
.expert-card [data-card-contact] .fa-phone { transition: transform .18s ease, color .18s ease; }
.expert-card [data-card-contact="phone"]:hover { transform: translateY(-1px) scale(1.03); }
.expert-card [data-card-contact="phone"]:hover .fa-phone { transform: scale(1.2) rotate(-10deg); }
html.dark .expert-card [data-card-contact="phone"]:hover {
    color: #6ee7b7;
    border-color: rgba(110, 231, 183, 0.6);
}
html.dark .expert-card [data-card-contact="phone"]:hover .fa-phone { color: #6ee7b7; }
@media (prefers-reduced-motion: reduce) {
    .expert-card [data-card-contact="phone"]:hover,
    .expert-card [data-card-contact="phone"]:hover .fa-phone { transform: none; }
}

/* assets/css/lightmode/expert-card-waldband.css */
/*
 * assets/css/lightmode/expert-card-waldband.css
 *
 * Ergebniskarte „Waldband“ (.uc-* aus assets/js/card-template.js), beide Farbmodi.
 * Vorlage: design-previews/waldband-vorlage/ (registriert, unbeansprucht), Premium „Sandband“ und Mobil:
 * design-previews/waldband-premium/ (Entscheidung Betreiber 23.10.2026).
 * Ergänzt expert-card-skin.css (Lightmode-Mappings der Tailwind-Klassen, Kontakt-Knöpfe); nutzt die
 * --lm-* Tokens aus wald-sand-tokens.css mit Ersatzwerten, damit die Karte auch ohne Tokens (Dunkelmodus) stimmt.
 * Eingebunden in suche.php (Bündel „startseite“), dashboard/index.php und includes/vorschau-vorstellung/head.php.
 */

/* ------------------------------------------------------------ Aufbau: Band links, Inhalt rechts */
.uc-band-card { display: flex; }
/* Kopf dehnt sich, Fußleiste bleibt unten bündig mit dem Band (sonst Lücke, wenn das Band höher ist) */
.uc-band-main { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.uc-band-main > .card-header-clickable { flex: 1 0 auto; }

/* ------------------------------------------------------------ Waldband (registriert, unbeansprucht) */
.uc-band {
    width: 168px;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding: 18px 16px;
    z-index: 10;
    background: linear-gradient(165deg, #1c5642 0%, #1f6b4e 55%, #154a37 100%);
    color: #f6f3ec;
}
.uc-band-avatar { position: relative; width: 120px; height: 120px; flex-shrink: 0; margin-bottom: 18px; }
/* display: block – als <span> sonst inline: eckiges Bild, Ringe als Klammer-Fragmente */
.uc-band-photo {
    display: block;
    position: relative;
    width: 120px;
    height: 120px;
    border-radius: 999px;
    overflow: hidden;
    background: #e9dfcb;
    box-shadow: 0 0 0 3px #1f6b4e, 0 0 0 5px #6ee7b7, 0 14px 26px -12px rgba(0, 0, 0, .6);
}
.uc-band-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
/* Unbeanspruchte Profile: Initialen auf Sand (Design „Monogramm-Kachel“, aber rund) */
.uc-band-photo--initials {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(160deg, #f3eee3 0%, #e2d5ba 100%);
}
.uc-band-initials {
    font: 700 44px/1 'Outfit', 'Outfit Fallback', sans-serif;
    letter-spacing: .05em;
    color: #1c5642;
    user-select: none;
}
html.dark .uc-band-initials { color: #064e3b; }
.uc-band-check {
    position: absolute;
    left: 98px;
    top: 93px;
    width: 26px;
    height: 26px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    background: #6ee7b7;
    color: #0f3a2b;
    font-size: 11px;
    box-shadow: 0 0 0 3px #1f6b4e;
}
.uc-band-info { position: relative; flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; }
.uc-band-place { position: relative; min-width: 0; }
.uc-band-kicker {
    margin: 0 0 2px;
    font: 700 10px 'Inter', 'Inter Fallback', sans-serif;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: rgba(246, 243, 236, .65);
}
.uc-band-city { font: 700 17px/1.15 'Outfit', 'Outfit Fallback', sans-serif; overflow-wrap: anywhere; }
.uc-band-meta { position: relative; margin-top: auto; padding-top: 14px; display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.uc-band-km {
    display: flex;
    align-items: center;
    gap: 6px;
    font: 600 12px 'Inter', 'Inter Fallback', sans-serif;
    color: rgba(246, 243, 236, .8);
}
.uc-band-km i { color: #6ee7b7; }
/* „Regional hervorgehoben“: das Band ist innen nur 136 px breit, das Schild bricht deshalb um statt abgeschnitten zu werden */
.uc-band-ad {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: 100%;
    padding: 5px 9px;
    border-radius: 10px;
    font: 700 9.5px/1.3 'Inter', 'Inter Fallback', sans-serif;
    letter-spacing: .06em;
    text-transform: uppercase;
    background: rgba(246, 243, 236, .12);
    color: #f6f3ec;
    box-shadow: inset 0 0 0 1px rgba(110, 231, 183, .4);
}
.uc-band-ad i { flex-shrink: 0; color: #6ee7b7; font-size: 9px; }
html.dark .uc-band { background: linear-gradient(165deg, #064e3b 0%, #065f46 55%, #022c22 100%); }

/* ------------------------------------------------------------ Premium „Sandband“: hell Sand, dunkel wie „Lichtwald“ */
.uc-band--sand {
    background: linear-gradient(165deg, #f3eee3 0%, #ebe4d4 60%, #e2d9c5 100%);
    color: var(--lm-text, #1c1a15);
    box-shadow: inset -1px 0 0 var(--lm-card-border, #d6cdba);
}
.uc-band--sand .uc-band-kicker { color: var(--lm-text-3, #6a655a); }
.uc-band--sand .uc-band-city { color: var(--lm-text, #1c1a15); }
.uc-band--sand .uc-band-km { color: var(--lm-text-2, #45413a); }
.uc-band--sand .uc-band-km i { color: var(--lm-cta, #1f6b4e); }
.uc-band--sand .uc-band-photo { box-shadow: 0 0 0 3px #f3eee3, 0 0 0 5px #1f6b4e, 0 14px 26px -12px rgba(0, 0, 0, .45); }
.uc-band--sand .uc-band-check { background: #1f6b4e; color: #f3f8f4; box-shadow: 0 0 0 3px #f3eee3; }
.uc-band--sand .uc-band-ad { background: #1f6b4e; color: #f3f8f4; box-shadow: none; }
.uc-band--sand .uc-band-ad i { color: #6ee7b7; }
html.dark .uc-band--sand { background: linear-gradient(165deg, #059669 0%, #047857 55%, #065f46 100%); color: #f6f3ec; box-shadow: none; }
html.dark .uc-band--sand .uc-band-kicker { color: rgba(246, 243, 236, .8); }
html.dark .uc-band--sand .uc-band-city,
html.dark .uc-band--sand .uc-band-km { color: #f6f3ec; }
html.dark .uc-band--sand .uc-band-km i,
html.dark .uc-band--sand .uc-band-ad i { color: #d1fae5; }
html.dark .uc-band--sand .uc-band-photo { box-shadow: 0 0 0 3px #2e8b64, 0 0 0 5px #d1fae5, 0 14px 26px -12px rgba(0, 0, 0, .55); }
html.dark .uc-band--sand .uc-band-check { background: #d1fae5; color: #0f3a2b; box-shadow: 0 0 0 3px #2e8b64; }
html.dark .uc-band--sand .uc-band-ad { background: rgba(255, 255, 255, .18); color: #f6f3ec; box-shadow: inset 0 0 0 1px rgba(209, 250, 229, .55); }

/* ------------------------------------------------------------ Kontakt oben rechts: Telefon breit, E-Mail + Webseite darunter */
.uc-contact { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; width: 100%; min-width: 220px; }
.uc-contact a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 9px 12px;
    border-radius: 12px;
    font: 700 12.5px 'Inter', 'Inter Fallback', sans-serif;
    text-decoration: none;
    white-space: nowrap;
    background: #fff;
    border: 1px solid #e2e8f0;
    color: #334155;
}
.uc-contact a[data-card-contact="phone"],
.uc-contact--single a:last-child { grid-column: 1 / -1; }
.uc-contact a[data-card-contact="phone"] { font-size: 13.5px; padding: 10px 14px; }
.uc-contact a i { color: #10b981; }
html.dark .uc-contact a { background: #1e293b; border-color: #334155; color: #e2e8f0; }
html.dark .uc-contact a:hover { border-color: rgba(110, 231, 183, .6); color: #6ee7b7; }
html.dark .uc-contact a i { color: #34d399; }

/* ------------------------------------------------------------ Fußleiste */
.uc-claim {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px 16px;
    padding: 12px 20px;
    position: relative;
    z-index: 10;
    border-top: 1px dashed var(--lm-card-border, #d6cdba);
    background: color-mix(in srgb, var(--lm-chip, #ebe6d9) 45%, transparent);
}
/* Die ganze Fußleiste klappt das Profil auf (data-card-toggle, portal-search.js) */
.uc-claim[data-card-toggle] { cursor: pointer; }
@media (min-width: 768px) {
    .uc-claim { padding: 12px 32px; }
}
/* Dunkelmodus durchlässig, damit der grüne Schimmer oben rechts bis „Profil öffnen“ reicht */
html.dark .uc-claim { background: rgba(15, 23, 42, .25); border-color: #334155; }

/* Registriert: Qualifikationen links, „Profil öffnen“ rechts (ohne Qualifikationen rechtsbündig) */
.uc-quals {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 14px;
    font: 600 12.5px 'Inter', 'Inter Fallback', sans-serif;
    color: var(--lm-text-2, #45413a);
}
.uc-quals span { display: inline-flex; align-items: center; gap: 6px; }
.uc-quals i { color: var(--lm-cta, #1f6b4e); }
.uc-open-btn { margin-left: auto; }
.uc-open-btn,
.uc-claim-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    border-radius: 10px;
    font: 700 13px 'Inter', 'Inter Fallback', sans-serif;
    cursor: pointer;
    text-decoration: none;
}
.uc-open-btn {
    background: transparent;
    color: var(--lm-cta, #1f6b4e);
    border: 1.5px solid var(--lm-cta, #1f6b4e);
    transition: background-color .15s ease, color .15s ease;
}
.uc-open-btn i,
.uc-more i { font-size: 10px; transition: transform .2s ease; }
.expert-card:hover .uc-open-btn { background: var(--lm-cta, #1f6b4e); color: var(--lm-cta-text, #f3f8f4); }
html.dark .uc-quals { color: #94a3b8; }
html.dark .uc-quals i { color: #34d399; }
html.dark .uc-open-btn { color: #4ade80; border-color: #4ade80; }
html.dark .expert-card:hover .uc-open-btn { background: #22c55e; color: #052e16; }

/* Unbeansprucht: „Ihr Unternehmen?“ + „Details“ links, „Leistungen“ + „Profil beanspruchen“ rechts */
.uc-claim-text { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--lm-text-2, #45413a); }
.uc-claim-text > i { color: var(--lm-cta, #1f6b4e); }
.uc-claim-text strong { color: var(--lm-text, #1c1a15); }
.uc-claim-right { display: flex; align-items: center; gap: 14px; }
.uc-more {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-left: 6px;
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer;
    font: 600 12px 'Inter', 'Inter Fallback', sans-serif;
    color: var(--lm-text-3, #6a655a);
}
.uc-claim-btn {
    border: 0;
    background: var(--lm-cta, #1f6b4e);
    color: var(--lm-cta-text, #f3f8f4);
    transition: transform .15s ease, box-shadow .15s ease;
}
.uc-claim-btn:hover { transform: translateY(-1px); box-shadow: 0 8px 18px -10px rgba(31, 107, 78, .9); }
.uc-claim-btn i { color: var(--lm-cta-mint, #6ee7b7); }
html.dark .uc-claim-text { color: #94a3b8; }
html.dark .uc-claim-text strong { color: #e2e8f0; }
html.dark .uc-claim-text > i { color: #34d399; }
html.dark .uc-more { color: #94a3b8; }
html.dark .uc-claim-btn { background: #22c55e; color: #052e16; }
html.dark .uc-claim-btn i { color: #052e16; }
@media (prefers-reduced-motion: reduce) {
    .uc-claim-btn:hover { transform: none; }
}

/* ------------------------------------------------------------ Suche: Überschrift „Noch nicht beansprucht“
   Vorschau design-previews/suche-unbeansprucht/ (Entscheidung Betreiber 24.10.2026: Überschrift A, Knopf 4). */
.uc-section-label { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; margin: 0 0 12px; font: 700 13px 'Inter', 'Inter Fallback', sans-serif; color: var(--lm-text-2, #45413a); }
.uc-section-label i { color: var(--lm-text-3, #6a655a); }
.uc-section-label span { font-weight: 500; color: var(--lm-text-3, #6a655a); }
html.dark .uc-section-label { color: #cbd5e1; }
html.dark .uc-section-label span,
html.dark .uc-section-label i { color: #64748b; }

/* Suche: Überschrift „Berater in Ihrem Umkreis (verifiziert)“ mit dem Verifiziert-Haken der Karten (.uc-band-check, Sand-Farben) */
.uc-verified-heading { display: flex; align-items: center; gap: 8px; }
.uc-verified-heading__check { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; border-radius: 999px; background: #1f6b4e; color: #f3f8f4; font-size: 9px; }
.uc-verified-heading small { font-size: 11px; font-weight: 600; letter-spacing: 0; text-transform: none; }
html.dark .uc-verified-heading__check { background: #6ee7b7; color: #0f3a2b; }

/* Info-Tooltip hinter „Berater in Ihrem Umkreis“: Hover (nur mit Maus), Tastaturfokus oder Antippen (.is-open, portal-search.js).
   Die Blase hängt an der Überschrift (position: relative), damit sie auf dem Handy nicht seitlich überläuft. */
.uc-verified-heading { position: relative; }
.uc-vtip__btn { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; margin: -2px -4px -2px -2px; padding: 0; border: 0; border-radius: 999px; background: none; color: var(--lm-text-3, #6a655a); font-size: 13px; cursor: help; }
.uc-vtip__btn:focus-visible { outline: 2px solid #1f6b4e; outline-offset: 1px; }
.uc-vtip__bubble { position: absolute; left: 0; top: calc(100% + 8px); z-index: 30; width: max-content; max-width: min(320px, calc(100vw - 32px)); padding: 10px 12px; border-radius: 10px; background: #22302a; color: #f5f1e8; font: 500 12.5px/1.45 'Inter', 'Inter Fallback', sans-serif; letter-spacing: 0; text-transform: none; white-space: normal; box-shadow: 0 8px 24px rgba(20, 30, 25, .18); opacity: 0; visibility: hidden; transform: translateY(-2px); transition: opacity .15s ease, transform .15s ease, visibility .15s; }
.uc-vtip.is-open .uc-vtip__bubble,
.uc-vtip__btn:focus-visible + .uc-vtip__bubble { opacity: 1; visibility: visible; transform: none; }
@media (hover: hover) {
    .uc-vtip:hover .uc-vtip__bubble { opacity: 1; visibility: visible; transform: none; }
}
html.dark .uc-vtip__btn { color: #64748b; }
html.dark .uc-vtip__btn:focus-visible { outline-color: #6ee7b7; }
html.dark .uc-vtip__bubble { background: #e2e8f0; color: #0f172a; box-shadow: 0 8px 24px rgba(0, 0, 0, .4); }
@media (prefers-reduced-motion: reduce) {
    .uc-vtip__bubble { transition: none; }
}

/* ------------------------------------------------------------ Suche: Seitenzahlen (#resultsPager, portal-search.js renderPager)
   15 Berater je Seite, höchstens 10 Seiten (Entscheidung 25.10.2026); Farben wie der frühere Knopf „Weitere anzeigen“.
   Unter 640 px nur Pfeile statt „Zurück“/„Weiter“, damit die Zeile auf 360 px passt. */
#resultsPager { margin-top: 28px; }
.sp-pager { display: flex; align-items: center; justify-content: center; gap: 8px; }
.sp-pager__list { display: flex; align-items: center; gap: 6px; margin: 0; padding: 0; list-style: none; }
.sp-pager__num,
.sp-pager__step {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 42px;
    height: 42px;
    padding: 0 12px;
    border: 1px solid var(--lm-border-strong, #ddd5c4);
    border-radius: 12px;
    background: var(--lm-surface, #fbf8f1);
    color: var(--lm-text, #1c1a15);
    font: 700 14px 'Inter', 'Inter Fallback', sans-serif;
    cursor: pointer;
    transition: background-color .15s, border-color .15s, color .15s;
}
.sp-pager__step { padding: 0 16px; }
.sp-pager__step i { font-size: 11px; }
.sp-pager__num:hover,
.sp-pager__step:hover:not(:disabled) { border-color: var(--lm-cta, #1f6b4e); color: var(--lm-cta, #1f6b4e); }
.sp-pager__num:focus-visible,
.sp-pager__step:focus-visible { outline: 2px solid #1f6b4e; outline-offset: 2px; }
.sp-pager__num.is-current {
    border-color: var(--lm-cta, #1f6b4e);
    background: var(--lm-cta, #1f6b4e);
    color: var(--lm-cta-text, #f3f8f4);
    cursor: default;
    box-shadow: 0 10px 22px -14px rgba(31, 107, 78, .7);
}
.sp-pager__step:disabled { opacity: .45; cursor: default; }
#resultsPager[aria-busy] .sp-pager { opacity: .6; cursor: wait; }
.sp-pager__gap { min-width: 18px; text-align: center; color: var(--lm-text-3, #6a655a); font-weight: 700; }
.sp-pager__status { margin: 10px 0 0; text-align: center; font: 500 12.5px 'Inter', 'Inter Fallback', sans-serif; color: var(--lm-text-3, #6a655a); }
.sp-pager__note { max-width: 520px; margin: 10px auto 0; text-align: center; font: 500 13px/1.5 'Inter', 'Inter Fallback', sans-serif; color: var(--lm-text-2, #45413a); }
.sp-pager__note--error { color: #9a3412; }
html.dark .sp-pager__num,
html.dark .sp-pager__step { border-color: #334155; background: #0f172a; color: #e2e8f0; }
html.dark .sp-pager__num:hover,
html.dark .sp-pager__step:hover:not(:disabled) { border-color: #34d399; color: #34d399; }
html.dark .sp-pager__num.is-current { border-color: #10b981; background: #10b981; color: #022c22; box-shadow: none; }
html.dark .sp-pager__num:focus-visible,
html.dark .sp-pager__step:focus-visible { outline-color: #6ee7b7; }
html.dark .sp-pager__gap,
html.dark .sp-pager__status { color: #94a3b8; }
html.dark .sp-pager__note { color: #cbd5e1; }
html.dark .sp-pager__note--error { color: #fdba74; }
@media (max-width: 639px) {
    .sp-pager { gap: 6px; }
    .sp-pager__list { gap: 4px; }
    .sp-pager__num,
    .sp-pager__step { min-width: 38px; height: 40px; padding: 0 8px; }
    .sp-pager__step span { display: none; }
}

/* ------------------------------------------------------------ Suche: Karten beim Hereinscrollen einblenden
   portal-search.js setzt .card-reveal an neue Ergebniskarten und .is-revealed, sobald sie sichtbar werden.
   Hover-Übergänge der Karte bleiben in der Liste, weil transition hier die Tailwind-Klasse überschreibt. */
.expert-card.card-reveal {
    opacity: 0;
    transform: translateY(18px);
    transition: opacity .45s ease, transform .45s ease, box-shadow .15s ease, border-color .15s ease, background-color .15s ease;
}
.expert-card.card-reveal.is-revealed { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
    .expert-card.card-reveal { opacity: 1; transform: none; transition: none; }
}

/* ------------------------------------------------------------ Aufgeklapptes Profil */
/* Förderrechner-Tipp im Waldband-Stil */
.uc-tip {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 16px;
    border-radius: 12px;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    background: var(--lm-card, #f8f5ee);
    border: 1px solid var(--lm-card-border, #d6cdba);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .04);
    transition: border-color .15s ease, box-shadow .15s ease;
}
.uc-tip:hover { border-color: color-mix(in srgb, var(--lm-cta, #1f6b4e) 55%, var(--lm-card-border, #d6cdba)); box-shadow: 0 10px 22px -16px rgba(31, 107, 78, .8); }
.uc-tip-icon {
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    font-size: 14px;
    color: #6ee7b7;
    background: linear-gradient(165deg, #1c5642 0%, #1f6b4e 55%, #154a37 100%);
}
.uc-tip-icon::before { content: ''; position: absolute; inset: 0; opacity: .14; background: repeating-linear-gradient(-35deg, transparent 0 5px, #a7f3d0 5px 6px); }
.uc-tip-icon i { position: relative; }
.uc-tip-text { font-size: 12.5px; line-height: 1.6; color: var(--lm-text-2, #45413a); }
.uc-tip-text strong { color: var(--lm-text, #1c1a15); }
.uc-tip-link { white-space: nowrap; font-weight: 700; color: var(--lm-cta, #1f6b4e); }
.uc-tip-link i { font-size: 10px; margin-left: 2px; transition: transform .15s ease; }
.uc-tip:hover .uc-tip-link i { transform: translateX(3px); }
html.dark .uc-tip { background: rgba(15, 23, 42, .5); border-color: rgba(6, 95, 70, .6); }
html.dark .uc-tip:hover { border-color: rgba(16, 185, 129, .7); }
html.dark .uc-tip-icon { background: linear-gradient(165deg, #064e3b 0%, #065f46 55%, #022c22 100%); }
html.dark .uc-tip-text { color: #cbd5e1; }
html.dark .uc-tip-text strong { color: #fff; }
html.dark .uc-tip-link { color: #6ee7b7; }

/* Unbeansprucht: Herkunftshinweis, Beanspruchen-Zeile, „Eintrag entfernen“ (leise, aber auffindbar) */
.uc-source { display: flex; gap: 12px; align-items: flex-start; font-size: 13px; line-height: 1.55; color: var(--lm-text-2, #45413a); }
.uc-source i { color: var(--lm-text-3, #6a655a); margin-top: 3px; }
.uc-claim-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-top: 16px;
    border-top: 1px solid var(--lm-card-divider, #e3ddcd);
}
.uc-remove {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 10px;
    margin-top: -6px;
    padding-top: 12px;
    border-top: 1px dashed var(--lm-card-divider, #e3ddcd);
    font-size: 12px;
    line-height: 1.5;
    color: var(--lm-text-3, #6a655a);
}
.uc-remove-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
    white-space: nowrap;
    color: var(--lm-text-2, #45413a);
    text-decoration: underline;
    text-decoration-color: color-mix(in srgb, currentColor 35%, transparent);
    text-underline-offset: 3px;
}
.uc-remove-link:hover { color: #9a3412; }
.uc-remove-link i { font-size: 11px; }
html.dark .uc-source { color: #94a3b8; }
html.dark .uc-claim-row { border-color: #334155; }
html.dark .uc-remove { color: #64748b; border-color: #334155; }
html.dark .uc-remove-link { color: #94a3b8; }
html.dark .uc-remove-link:hover { color: #fca5a5; }

/* ------------------------------------------------------------ Leistungen (Lösung D, card-template.js)
 * „+N“ in der Schlagwortzeile und „Leistungen“ links neben „Profil öffnen“ öffnen die Leistungsliste .card-services
 * (Desktop Themen-Zeilen mit Chips, mobil Gebäudeart-Schalter und Kurznamen, Entscheidung 28.10.2026);
 * Profil und Leistungsliste schließen sich gegenseitig (window.handleConsultantCardServicesClick). */
.uc-foot-btns { display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 10px; margin-left: auto; }
.uc-foot-btns .uc-open-btn { margin-left: 0; }
.card-services-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    border-radius: 10px;
    border: 1.5px solid color-mix(in srgb, var(--lm-cta, #1f6b4e) 45%, transparent);
    background: transparent;
    color: var(--lm-cta, #1f6b4e);
    font: 700 13px 'Inter', 'Inter Fallback', sans-serif;
    cursor: pointer;
    transition: border-color .15s ease, background-color .15s ease;
}
.card-services-btn:hover,
.card-services-btn[aria-expanded="true"] { border-color: var(--lm-cta, #1f6b4e); background: color-mix(in srgb, var(--lm-cta, #1f6b4e) 10%, transparent); }
.card-services-btn i { font-size: 10px; transition: transform .2s ease; }
.card-services-btn[aria-expanded="true"] i { transform: rotate(180deg); }
.card-services-more {
    display: inline-flex;
    align-items: center;
    padding: 4px 8px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    box-shadow: inset 0 0 0 1px var(--lm-card-border, #cbd5e1);
    color: var(--lm-cta, #1f6b4e);
    font: 700 11px 'Inter', 'Inter Fallback', sans-serif;
    cursor: pointer;
}
.card-services-more:hover,
.card-services-more[aria-expanded="true"] { background: var(--lm-cta, #1f6b4e); color: var(--lm-cta-text, #f3f8f4); box-shadow: none; }
.card-services { border-top: 1px solid var(--lm-card-border, #d6cdba); background: color-mix(in srgb, var(--lm-chip, #ebe6d9) 40%, transparent); }
.card-services-inner { margin: 16px; padding: 18px 20px; border: 1px solid var(--lm-card-border, #e2dccd); border-radius: 12px; background: var(--lm-surface, #fffdf7); }
@media (min-width: 768px) {
    .card-services-inner { margin: 24px 32px; }
}
/* Desktop: eine Zeile je Thema, links Thema mit Symbol, rechts Chips mit vollem Namen (Vorschau design-previews/leistungen-lesbarkeit/, C) */
.card-services-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 12px; }
.card-services-title { margin: 0; font: 700 16px 'Inter', 'Inter Fallback', sans-serif; color: var(--lm-text, #1c1a15); }
.card-services-title span { font-weight: 500; color: var(--lm-text-3, #6a655a); }
.card-services-title:focus-visible { outline: 2px solid var(--lm-cta, #1f6b4e); outline-offset: 3px; }
.card-services-scope { font-size: 13px; color: var(--lm-text-3, #6a655a); }
.card-services-tabs,
.card-services-hits,
.card-services-short { display: none; }
.card-services-rows { margin-top: 10px; }
.card-services-row { display: grid; grid-template-columns: 210px 1fr; gap: 10px 18px; padding: 12px 0; border-top: 1px solid var(--lm-card-border, #e2dccd); }
.card-services-row:first-child { border-top: 0; padding-top: 4px; }
.card-services-theme { display: flex; align-items: flex-start; gap: 9px; font: 700 13.5px/1.35 'Inter', 'Inter Fallback', sans-serif; color: color-mix(in srgb, var(--lm-cta, #1f6b4e) 82%, var(--lm-text, #1c1a15)); }
.card-services-icon { flex: none; width: 16px; height: 16px; margin-top: 1px; color: var(--lm-cta, #1f6b4e); }
.card-services-chips { display: flex; flex-wrap: wrap; gap: 7px; }
.card-services-chip { display: inline-flex; flex-direction: column; padding: 6px 11px; border-radius: 9px; background: var(--lm-chip, #ebe6d9); color: var(--lm-text, #1c1a15); font-size: 13.5px; font-weight: 500; line-height: 1.3; }
.card-services-name { display: inline-flex; align-items: center; gap: 6px; }
.card-services-name i { font-size: 11px; }
.card-services-note { font-size: 11px; color: var(--lm-text-3, #6a655a); }
.card-services-chip.is-hit { background: var(--lm-cta, #1f6b4e); color: var(--lm-cta-text, #f3f8f4); font-weight: 600; }
.card-services-chip.is-hit .card-services-note { color: inherit; opacity: .8; }
.card-services-chip.is-focus { box-shadow: inset 0 0 0 1.5px rgba(181, 130, 28, .7); }
.card-services-focus { color: #b5821c; }
.card-services-chip.is-hit .card-services-focus { color: #f6d58a; }
.card-services-source { margin: 14px 0 0; font-size: 12px; color: var(--lm-text-3, #6a655a); }

/* Mobil: Feld bündig in der Karte, Schalter je Gebäudeart, Treffer in einer Zeile, Chips mit Kurznamen (M2) */
@media (max-width: 767.98px) {
    .card-services-inner { margin: 0; padding: 14px 16px 12px; border: 0; border-radius: 0; }
    .card-services-title { font-size: 15px; }
    .card-services-scope,
    .card-services-full,
    .card-services-note { display: none; }
    .card-services-short { display: inline; }
    .card-services-tabs { display: grid; grid-auto-columns: 1fr; grid-auto-flow: column; gap: 3px; margin: 10px 0 8px; padding: 3px; border-radius: 10px; background: var(--lm-chip, #ebe6d9); }
    .card-services-tabs button { padding: 7px 4px; border: 0; border-radius: 8px; background: transparent; color: var(--lm-text-2, #4a463d); font: 600 12.5px 'Inter', 'Inter Fallback', sans-serif; cursor: pointer; }
    .card-services-tabs button span { font-weight: 500; color: var(--lm-text-3, #6a655a); }
    .card-services-tabs button[aria-pressed="true"] { background: var(--lm-surface, #fffdf7); color: var(--lm-cta, #1f6b4e); box-shadow: 0 1px 3px rgba(0, 0, 0, .12); }
    .card-services-hits { display: flex; align-items: flex-start; gap: 6px; margin: 0 0 4px; padding: 7px 10px; border-radius: 8px; background: color-mix(in srgb, var(--lm-cta, #1f6b4e) 11%, transparent); font-size: 13px; line-height: 1.35; color: var(--lm-text, #1c1a15); }
    .card-services-hits i { margin-top: 3px; font-size: 11px; color: var(--lm-cta, #1f6b4e); }
    .card-services-hits strong { font-weight: 600; color: var(--lm-cta, #1f6b4e); }
    .card-services-rows { margin-top: 0; }
    .card-services-row,
    .card-services-row:first-child { display: block; padding: 10px 0 0; border-top: 0; }
    .card-services-theme { gap: 7px; margin-bottom: 6px; font-size: 12.5px; }
    .card-services-icon { width: 14px; height: 14px; }
    .card-services-chips { gap: 5px; }
    .card-services-chip { padding: 4px 9px; border-radius: 7px; font-size: 13px; }
    .card-services-source { margin-top: 10px; font-size: 11.5px; }
    .card-services[data-card-services-area="W"] [data-areas]:not([data-areas*="W"]),
    .card-services[data-card-services-area="N"] [data-areas]:not([data-areas*="N"]),
    .card-services[data-card-services-area="K"] [data-areas]:not([data-areas*="K"]) { display: none; }
}
html.dark .card-services-btn { color: #4ade80; border-color: rgba(74, 222, 128, .45); }
html.dark .card-services-btn:hover,
html.dark .card-services-btn[aria-expanded="true"] { border-color: #4ade80; background: rgba(74, 222, 128, .1); }
html.dark .card-services-more { color: #4ade80; box-shadow: inset 0 0 0 1px #334155; }
html.dark .card-services-more:hover,
html.dark .card-services-more[aria-expanded="true"] { background: #22c55e; color: #052e16; }
html.dark .card-services { border-color: #334155; background: rgba(15, 23, 42, .35); }
html.dark .card-services-inner { border-color: #334155; background: rgba(15, 23, 42, .5); }
html.dark .card-services-title,
html.dark .card-services-chip,
html.dark .card-services-hits { color: #e2e8f0; }
html.dark .card-services-row { border-color: #334155; }
html.dark .card-services-theme,
html.dark .card-services-icon,
html.dark .card-services-hits strong,
html.dark .card-services-hits i { color: #4ade80; }
html.dark .card-services-chip,
html.dark .card-services-tabs { background: #1e293b; }
html.dark .card-services-chip.is-hit { background: #22c55e; color: #052e16; }
html.dark .card-services-chip.is-focus { box-shadow: inset 0 0 0 1.5px rgba(251, 191, 36, .7); }
html.dark .card-services-focus { color: #fbbf24; }
html.dark .card-services-chip.is-hit .card-services-focus { color: #713f12; }
html.dark .card-services-tabs button { color: #cbd5e1; }
html.dark .card-services-tabs button[aria-pressed="true"] { background: #0f172a; color: #4ade80; }
html.dark .card-services-hits { background: rgba(74, 222, 128, .12); }
html.dark .card-services-title span,
html.dark .card-services-scope,
html.dark .card-services-note,
html.dark .card-services-tabs button span,
html.dark .card-services-source { color: #94a3b8; }

/* ------------------------------------------------------------ Mobil (< 768 px): Band als Querleiste oben
 * Foto links; rechts daneben „Energieberatung in Ort“ mit der Entfernung rechts davon, das Premium-Schild
 * in einer eigenen Zeile darunter. Die Ort-Pille über dem Telefon entfällt (Ort steht im Band),
 * Qualifikationen und „Profil öffnen“ stehen mittig. Reicht der Platz nicht, rutscht die Entfernung unter den Ort. */
@media (max-width: 767.98px) {
    .uc-band-card { flex-direction: column; }
    .uc-band { width: auto; flex-direction: row; align-items: center; gap: 18px; padding: 14px 18px; }
    .uc-band-avatar,
    .uc-band-photo { width: 80px; height: 80px; }
    .uc-band-initials { font-size: 30px; }
    .uc-band-avatar { margin: 0; }
    .uc-band-check { left: 60px; top: 58px; width: 22px; height: 22px; font-size: 10px; }
    .uc-band-info { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 6px 12px; }
    .uc-band-place { flex: 1 1 0; min-width: auto; }
    .uc-band-meta { display: contents; }
    .uc-band-km { margin-left: auto; white-space: nowrap; }
    .uc-band-adrow { flex: 0 0 100%; }
    .uc-band--sand { box-shadow: inset 0 -1px 0 var(--lm-card-border, #d6cdba); }
    html.dark .uc-band--sand { box-shadow: none; }

    .uc-band-card [data-card-part="location"] { display: none; }
    .uc-contact { min-width: 0; }

    .uc-claim { flex-direction: column; justify-content: center; text-align: center; }
    .uc-quals,
    .uc-claim-text,
    .uc-claim-right { justify-content: center; }
    .uc-open-btn { margin-left: 0; }
    .uc-foot-btns { margin-left: 0; justify-content: center; }
}
/* Sehr schmale Geräte (320–359 px): Band dichter, damit die Entfernung rechts neben dem Ort bleibt */
@media (max-width: 359.98px) {
    .uc-band { gap: 14px; padding: 14px 12px; }
    .uc-band-avatar,
    .uc-band-photo { width: 70px; height: 70px; }
    .uc-band-initials { font-size: 26px; }
    .uc-band-check { left: 50px; top: 48px; width: 20px; height: 20px; font-size: 9px; }
    .uc-band-info { column-gap: 8px; }
    .uc-band-kicker { font-size: 9px; letter-spacing: .04em; }
}

/* assets/css/lightmode/wald-sand-tokens.css */
/*
 * assets/css/lightmode/wald-sand-tokens.css
 *
 * Lightmode "Wald & Sand" der Startseite – Farbtokens für light-skin.css.
 *
 * Idee: Der Einstieg (Navbar + Hero) ist tiefes Waldgrün, das Suchformular
 * liegt als helle Karte darauf. Darunter läuft die Seite in warmem Sand
 * weiter. Reduziert die Helligkeit genau dort, wo man zuerst hinschaut,
 * und bleibt trotzdem Lightmode.
 */
html:not(.dark) {
    --lm-hero-bg: linear-gradient(160deg, #0b2c20 0%, #113b2b 55%, #0f3628 100%);
    --lm-hero-text: #f6f3ec;
    --lm-hero-text-2: rgba(246, 243, 236, 0.78);
    --lm-hero-text-3: rgba(246, 243, 236, 0.6);
    --lm-hero-accent: #6ee7b7;

    --lm-bg: #e7e2d6;
    --lm-bg-alt: #eeeae0;
    --lm-surface: #f6f3ec;
    --lm-surface-elev: #fbf9f4;
    --lm-surface-sunken: #ece7dc;
    --lm-image-frame: #fbf9f4;

    --lm-border: #d2cab9;
    --lm-border-strong: #b9af9a;

    --lm-text: #1c1a15;
    --lm-text-2: #45413a;
    --lm-text-3: #6a655a;
    --lm-text-4: #8f897b;

    --lm-accent: #1f6b4e;
    --lm-accent-hover: #185a41;
    --lm-accent-text: #1a5c43;
    --lm-accent-soft: #dce7dd;
    --lm-accent-soft-hover: #cddccf;
    --lm-accent-soft-border: #b1cab8;

    --lm-grad-a: #2e8b64;
    --lm-grad-b: #1f6b4e;
    --lm-grad-a-hover: #35986f;
    --lm-grad-b-hover: #24795a;
    --lm-heading-grad-a: #6ee7b7;
    --lm-heading-grad-b: #a7f3d0;

    --lm-glow-a: rgba(52, 211, 153, 0.22);
    --lm-glow-b: rgba(20, 184, 166, 0.16);
    --lm-glow-c: rgba(167, 243, 208, 0.05);

    --lm-footer-bg: #0b2c20;
    --lm-footer-border: #1d4a38;
    --lm-footer-text: #a9c4b5;
    --lm-footer-text-muted: #7a9a89;
    --lm-footer-accent: #6ee7b7;

    --lm-warn-soft: #f0e6cf;
    --lm-warn-border: #d8c28f;
    --lm-warn-text: #78520f;

    --lm-shadow: rgba(52, 44, 28, 0.16);
    --lm-shadow-soft: rgba(52, 44, 28, 0.08);

    /* Ergebniskarten ("Waldrahmen"): Anzeigen-Block in Hero-Waldgrün, Karten in Sand */
    --lm-card: #f8f5ee;
    --lm-card-border: #d6cdba;
    --lm-card-divider: #e3ddcd;
    --lm-card-premium: #fbf9f3;
    --lm-chip: #ebe6d9;
    --lm-chip-text: #3f3b33;
    --lm-cta: #1f6b4e;
    --lm-cta-text: #f3f8f4;
    --lm-cta-mint: #6ee7b7;
    /* Premium-Block + Ergebnis-Chip "Waldmeister" (25.09.2026, vorher #0f3628 → #143f2e / Rand #1d4a38;
       Auswahl in design-previews/navbar-hell/) */
    --lm-ad-block-bg: linear-gradient(160deg, #1c5642 0%, #22634b 60%, #1f5d47 100%);
    --lm-ad-block-border: #307157;
    --lm-ad-block-text: #f6f3ec;
}

/* ---------------------------------------------------------------- Hero-Block */
html:not(.dark) body > section:first-of-type {
    background: var(--lm-hero-bg);
    color: var(--lm-hero-text);
}
html:not(.dark) body > section:first-of-type .mix-blend-multiply { mix-blend-mode: screen; opacity: 1; }
html:not(.dark) body > section:first-of-type h1.text-slate-800 { color: var(--lm-hero-text); }
html:not(.dark) body > section:first-of-type h1 .from-emerald-600 { --tw-gradient-from: var(--lm-heading-grad-a) var(--tw-gradient-from-position); }
html:not(.dark) body > section:first-of-type p.text-slate-600 { color: var(--lm-hero-text-2); }
html:not(.dark) body > section:first-of-type nav[aria-label="Breadcrumb"] { color: var(--lm-hero-text-3); }
html:not(.dark) body > section:first-of-type nav[aria-label="Breadcrumb"] .text-emerald-600 { color: var(--lm-hero-accent); }
html:not(.dark) body > section:first-of-type ul.text-gray-500 { color: var(--lm-hero-text-2); }
html:not(.dark) body > section:first-of-type ul.text-gray-500 .text-emerald-500\/80 { color: var(--lm-hero-accent); }

/* Formularkarte: helle Sand-Karte auf Waldgrün, ohne Transluzenz */
html:not(.dark) #searchForm {
    background-color: var(--lm-surface);
    border-color: rgba(246, 243, 236, 0.35);
    box-shadow: 0 30px 60px -24px rgba(0, 0, 0, 0.55), 0 1px 0 rgba(255, 255, 255, 0.5) inset;
}

/* Bildrahmen und Schein auf Dunkel */
html:not(.dark) body > section:first-of-type .border-white { border-color: rgba(246, 243, 236, 0.9); }
html:not(.dark) body > section:first-of-type .shadow-slate-200\/50,
html:not(.dark) body > section:first-of-type .shadow-slate-300\/60 { --tw-shadow-color: rgba(0, 0, 0, 0.45); }
html:not(.dark) body > section:first-of-type .from-emerald-100 { --tw-gradient-from: rgba(52, 211, 153, 0.35) var(--tw-gradient-from-position); }
html:not(.dark) body > section:first-of-type .to-teal-50 { --tw-gradient-to: rgba(20, 184, 166, 0.12) var(--tw-gradient-to-position); }

/* Weicher Übergang vom Hero in den Sand-Body (Platz dafür: pb-[4.5rem] / lg:pb-[9.5rem] im Markup) */
html:not(.dark) body > section:first-of-type::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2.5rem;
    background: var(--lm-bg);
    border-radius: 2rem 2rem 0 0;
    z-index: 1;
}

/* Trust-Leiste ab lg: helle Pill auf der Sand-Kante (Position/Größe kommt aus dem Markup, gilt in beiden Themes) */
@media (min-width: 1024px) {
    html:not(.dark) body > section:first-of-type ul.text-gray-500 {
        background: var(--lm-surface-elev);
        border-color: var(--lm-border);
        color: var(--lm-text-2);
        box-shadow: 0 18px 40px -16px rgba(11, 44, 32, 0.45), 0 1px 0 rgba(255, 255, 255, 0.7) inset;
    }
    html:not(.dark) body > section:first-of-type ul.text-gray-500 .text-emerald-500\/80 {
        color: var(--lm-accent);
    }
}

/* assets/css/search-mobile.css */
/*
 * assets/css/search-mobile.css
 *
 * Mobile-Layout der Startseite / Suche (suche.php), nur unter 768 px. Ab md bleibt alles wie bisher.
 * Gewählte Variante „D“ (28.09.2026): Aufbau „Entrümpelt“ + Suchfeld mit Knopf im Feld,
 * Chips Standort · Umkreis · Filter und Bottom-Sheet (#searchSheet) für Umkreis + Themen.
 *
 * Inhalt:
 *   - Hero: bildschirmfüllend (Variante C), kürzere Subline, kompaktes Suchformular mit Chips
 *   - Bottom-Sheet (Markup in suche.php, Verhalten in assets/js/search-mobile.js)
 *   - Themen-Kacheln 2-spaltig, Ablauf als Liste, Querverweise und FAQ kompakter
 *   - Ergebnisse: Ergebniskopf ohne Überlauf, kompakte Karte über data-card-part-Hooks
 *     aus assets/js/card-template.js (nur hier gestylt – das Berater-Dashboard bleibt unberührt)
 * Farben im Lightmode über die --lm-*-Tokens (wald-sand-tokens.css), Darkmode über html.dark.
 */

/* ---------------------------------------------------------------- Nur mobil vorhandene Elemente */
.search-lead-short,
.search-inline-submit,
.search-chip,
.search-chip-short,
.search-sheet,
.search-sheet-backdrop {
    display: none;
}

/* Weiche Trennstellen (&shy;) in den Themen-Kacheln nur mobil nutzen – ab md bleiben die Umbrüche wie bisher */
body[data-page="search"] .spec-tile > span:nth-child(2) {
    -webkit-hyphens: none;
    hyphens: none;
}

@media (max-width: 767px) {

    /* ============================================================ Hero */
    body[data-page="search"] > section:first-of-type {
        box-sizing: border-box;
        min-height: 100vh;
        /* Stabil beim Ein-/Ausblenden der mobilen Browserleiste. */
        min-height: 100svh;
        padding-top: 144px;
        padding-top: max(144px, 19svh);
        padding-bottom: 104px;
        flex-shrink: 0;
    }
    /* Gleiche Inhaltskanten wie .nv-wrap in site-navbar.css. */
    body[data-page="search"] > section:first-of-type > div.w-full {
        padding-inline: 1.25rem;
    }
    body[data-page="search"] > section:first-of-type > div.absolute.inset-0 > div.rounded-full { display: none; }
    body[data-page="search"] > section:first-of-type h1 { font-size: 30px; line-height: 1.12; margin-bottom: 12px; }
    body[data-page="search"] > section:first-of-type h1 + p { font-size: 16px; line-height: 1.5; margin-bottom: 22px; }
    body[data-page="search"] .search-lead-long { display: none; }
    body[data-page="search"] .search-lead-short { display: inline; }

    /* ------------------------------------------------------------ Suchformular: Feld mit Knopf, darunter Chips */
    body[data-page="search"] #searchForm {
        padding: 8px;
        border-radius: 20px;
        gap: 8px;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }
    body[data-page="search"] #searchForm > div:first-child { padding-bottom: 0; gap: 0; }
    body[data-page="search"] #searchForm > div:first-child > div:first-child { margin-bottom: 0; }
    body[data-page="search"] #searchForm label[for="searchInput"] {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
        margin: 0;
        padding: 0;
    }
    body[data-page="search"] #searchInput { padding: 15px 60px 15px 44px; font-size: 17px; }
    body[data-page="search"] #searchForm .fa-map-marker-alt { left: 16px; }
    body[data-page="search"] #plzFeedback { position: static; margin: 6px 4px 0; }
    body[data-page="search"] #plzFeedback.invisible { display: none; }

    body[data-page="search"] #searchBtn,
    body[data-page="search"] .search-radius-block,
    body[data-page="search"] #searchFilterToggle { display: none; }
    /* Themen wählt man mobil im Bottom-Sheet; der Inline-Aufklapper bleibt zu */
    body[data-page="search"] #searchFilterPanel { display: none !important; }

    body[data-page="search"] .search-inline-submit {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 50%;
        right: 6px;
        z-index: 11;
        width: 46px;
        height: 46px;
        border-radius: 14px;
        transform: translateY(-50%);
        font-size: 17px;
        color: #fff;
        background: linear-gradient(135deg, #10b981, #0d9488);
        box-shadow: 0 6px 14px -6px rgba(16, 185, 129, 0.55);
        transition: filter .2s ease, opacity .2s ease;
    }
    body[data-page="search"] .search-inline-submit:hover { filter: brightness(1.06); }
    body[data-page="search"] .search-inline-submit:disabled { opacity: .7; cursor: wait; }
    body[data-page="search"] .search-inline-submit:focus-visible { outline: 3px solid rgba(16, 185, 129, 0.45); outline-offset: 2px; }

    body[data-page="search"] .search-tools {
        flex-direction: row;
        gap: 6px;
        padding: 0 2px 2px;
    }
    body[data-page="search"] .search-chip,
    body[data-page="search"] .search-tools #useLocationBtn {
        flex: 1 1 0;
        min-width: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        padding: 9px 8px;
        border-radius: 12px;
        border: 1px solid #cbd5e1;
        background: #f1f5f9;
        color: #1e293b;
        font-size: 12.5px;
        font-weight: 700;
        line-height: 1.2;
        white-space: nowrap;
        box-shadow: none;
    }
    body[data-page="search"] .search-chip i,
    body[data-page="search"] .search-tools #useLocationBtn i { color: #059669; font-size: 12px; }
    body[data-page="search"] .search-chip:focus-visible,
    body[data-page="search"] .search-tools #useLocationBtn:focus-visible { outline: 3px solid rgba(16, 185, 129, 0.4); outline-offset: 1px; }
    /* Standort: kurzes Label; während der Ortung zeigt das JS-Label den Status */
    body[data-page="search"] .search-tools #useLocationBtn:not(:disabled) [data-location-label] {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
    }
    body[data-page="search"] .search-tools #useLocationBtn [data-location-label] { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
    body[data-page="search"] .search-chip-short { display: inline; }
    body[data-page="search"] .search-tools #useLocationBtn:disabled .search-chip-short { display: none; }
    body[data-page="search"] .search-chip-count {
        display: inline-grid;
        place-items: center;
        min-width: 17px;
        height: 17px;
        padding: 0 4px;
        border-radius: 999px;
        background: #059669;
        color: #fff;
        font-size: 10px;
        font-weight: 800;
    }
    body[data-page="search"] .search-chip-count[hidden] { display: none; }

    /* Vorteilsleiste A: größere Symbole und passende Schrift, gleiche obere Textkanten. */
    body[data-page="search"] #searchForm + ul {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        align-items: start;
        gap: 12px;
        margin-top: 22px;
        text-align: center;
        font-size: 12.5px;
        font-weight: 500;
        line-height: 1.4;
    }
    body[data-page="search"] #searchForm + ul li {
        flex-direction: column;
        min-width: 0;
        justify-content: flex-start;
        gap: 9px;
    }
    body[data-page="search"] #searchForm + ul li i {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: none;
        width: 30px;
        height: 30px;
        font-size: 24px;
        line-height: 1;
        color: var(--lm-hero-accent, #6ee7b7);
    }
    body[data-page="search"] #searchForm + ul li span {
        display: block;
        max-width: 145px;
        min-width: 0;
        hyphens: manual;
        text-wrap: balance;
    }
    @media (max-width: 359px) {
        body[data-page="search"] #searchForm + ul { column-gap: 7px; }
    }

    /* ============================================================ Themen-Kacheln: 2 Spalten, ohne Beschreibung */
    body[data-page="search"] #startContent > section { padding-top: 36px; padding-bottom: 36px; }
    body[data-page="search"] #startContent .mb-8 { margin-bottom: 16px; }
    body[data-page="search"] #startContent h2 { font-size: 24px; margin-top: 6px; }
    body[data-page="search"] #startContent h2 + p { font-size: 14px; margin-top: 6px; }
    body[data-page="search"] #startContent .grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    body[data-page="search"] .spec-tile { gap: 8px; padding: 12px; border-radius: 14px; }
    body[data-page="search"] .spec-tile:hover { transform: none; }
    body[data-page="search"] .spec-tile > span:first-child { width: 30px; height: 30px; flex: none; border-radius: 9px; font-size: 12px; }
    body[data-page="search"] .spec-tile > span:nth-child(2) { font-size: 13px; line-height: 1.25; min-width: 0; -webkit-hyphens: manual; hyphens: manual; }
    body[data-page="search"] .spec-tile > span:nth-child(3) { display: none; }
    body[data-page="search"] .spec-tile > span.absolute { right: 8px; top: 8px; font-size: 12px; }
    body[data-page="search"] #startContent .mt-10 { margin-top: 24px; }

    /* ============================================================ So funktioniert's: kompakte Liste mit Nummer */
    body[data-page="search"] .search-steps { padding-top: 36px; padding-bottom: 36px; }
    body[data-page="search"] .search-steps .mb-10 { margin-bottom: 18px; }
    body[data-page="search"] .search-steps h2 { font-size: 24px; line-height: 1.25; margin-top: 6px; }
    body[data-page="search"] .search-steps ol { gap: 10px; counter-reset: search-step; }
    body[data-page="search"] .search-steps ol li {
        display: grid;
        grid-template-columns: 40px minmax(0, 1fr);
        column-gap: 12px;
        padding: 14px;
        border-radius: 16px;
    }
    body[data-page="search"] .search-steps ol li > span.absolute { display: none; }
    body[data-page="search"] .search-steps ol li > span:nth-child(2) {
        grid-row: 1 / span 2;
        position: relative;
        margin: 0;
        width: 40px;
        height: 40px;
        border-radius: 12px;
    }
    body[data-page="search"] .search-steps ol li > span:nth-child(2)::after {
        counter-increment: search-step;
        content: counter(search-step);
        position: absolute;
        top: -6px;
        right: -6px;
        width: 18px;
        height: 18px;
        border-radius: 999px;
        background: #10b981;
        color: #fff;
        font: 800 10px/18px system-ui, sans-serif;
        text-align: center;
    }
    body[data-page="search"] .search-steps ol li h3 { margin: 0; font-size: 15px; }
    body[data-page="search"] .search-steps ol li p { margin-top: 3px; font-size: 13px; line-height: 1.45; }

    /* ============================================================ Querverweise (Rechner / Berater) */
    body[data-page="search"] .search-crosssell { padding-top: 32px; padding-bottom: 32px; }
    body[data-page="search"] .search-crosssell > div { gap: 12px; }
    body[data-page="search"] .search-crosssell a { padding: 20px; border-radius: 22px; }
    body[data-page="search"] .search-crosssell a h2 { font-size: 21px; line-height: 1.2; }
    body[data-page="search"] .search-crosssell a p.mt-3 { font-size: 14px; margin-top: 8px; }
    body[data-page="search"] .search-crosssell a:last-child p.mt-3 { display: none; }
    body[data-page="search"] .search-crosssell a > span { margin-top: 16px; padding: 10px 16px; }

    /* ============================================================ FAQ */
    body[data-page="search"] #faq { padding-top: 36px; padding-bottom: 36px; }
    body[data-page="search"] #faq .mb-8 { margin-bottom: 16px; }
    body[data-page="search"] #faq h2 { font-size: 24px; }
    body[data-page="search"] #faq summary { font-size: 15px; }

    /* ============================================================ Ergebniskopf: Chips dürfen umbrechen (lief bei 320–360 px über) */
    body[data-page="search"] #resultsSection.py-10 { padding-top: 28px; }
    body[data-page="search"] #resultsHeader { gap: 12px; margin-bottom: 20px; }
    body[data-page="search"] #resultsHeader h2 { font-size: 22px; line-height: 1.25; }
    body[data-page="search"] #resultsHeader .results-actions > div:first-child { display: flex; flex-wrap: wrap; gap: 8px; }
    body[data-page="search"] #resultsMeta { flex: 0 1 auto; min-width: 0; white-space: normal; }
    body[data-page="search"] #resultsCalculatorLink { flex: 1 1 auto; }

    /* ============================================================ Ergebniskarte „Waldband“
     * Band als Querleiste oben, Kopf mittig (expert-card-waldband.css, Vorschau design-previews/waldband-premium/,
     * Betreiber 23.10.2026). Hier nur die Verdichtung der Suche: max. 3 Themen + "+N", Profil kompakt. */
    body[data-page="search"] .expert-card { border-radius: 18px; }
    body[data-page="search"] .expert-card > .absolute { display: none; }

    body[data-page="search"] .expert-card [data-card-part="chips"] { gap: 6px; }
    body[data-page="search"] .expert-card [data-card-part="chips"] > span { font-size: 11px; padding: 3px 8px; gap: 4px; }
    body[data-page="search"] .expert-card [data-card-part="chips"] > [data-chip-selected] { order: -1; }
    body[data-page="search"] .expert-card [data-card-part="chips"] > [data-chip-extra] { display: none; }
    body[data-page="search"] .expert-card .card-chip-more {
        display: inline-flex;
        order: 99;
        align-items: center;
        border-radius: 6px;
        font-weight: 700;
        color: #047857;
        box-shadow: inset 0 0 0 1px #cbd5e1;
    }

    /* Aufgeklapptes Profil kompakt: Rechner-Tipp und Deko-Icons entfallen */
    body[data-page="search"] .expert-card .expand-content > div { padding: 12px; gap: 12px; }
    body[data-page="search"] .expert-card .expand-content [data-card-part="deco"],
    body[data-page="search"] .expert-card .expand-content [data-calculator-source="suche-kontakt"] { display: none; }
    body[data-page="search"] .expert-card .expand-content .rounded-xl.p-5,
    body[data-page="search"] .expert-card .expand-content .rounded-xl.p-6 { padding: 14px 16px; }
    body[data-page="search"] .expert-card .expand-content h4 { margin-bottom: 8px; font-size: 14px; }

    /* Anzeigen-Block: weniger Rahmen, mehr Karte */
    body[data-page="search"] #premiumContainer { margin-bottom: 28px; }
    body[data-page="search"] #premiumContainer > div { padding: 12px; border-radius: 22px; }
    body[data-page="search"] #premiumContainer > div > div:first-child { margin: 2px 4px 10px; }
    body[data-page="search"] #premiumContainer h2 { font-size: 15px; margin-top: 2px; }
    body[data-page="search"] #premiumContainer p.uppercase { font-size: 10px; }
    body[data-page="search"] #premiumGrid,
    body[data-page="search"] #organicGrid { display: flex; flex-direction: column; gap: 10px; }
    body[data-page="search"] #premiumGrid > * + *,
    body[data-page="search"] #organicGrid > * + * { margin-top: 0; }

    /* In-Feed-Rechnerkarte ohne Illustration */
    body[data-page="search"] .calc-infeed-card > .relative.grid { padding: 20px; gap: 0; }
    body[data-page="search"] .calc-infeed-card > .relative.grid > div:last-child { display: none; }
    body[data-page="search"] .calc-infeed-card h3 { font-size: 20px; }
    body[data-page="search"] .calc-infeed-card p.calc-infeed-text { font-size: 13px; margin-top: 8px; }
    body[data-page="search"] .calc-infeed-card .mt-5 { margin-top: 14px; }

    /* Listenende */
    body[data-page="search"] #resultsEndBlock { margin-top: 28px; gap: 12px; }
    body[data-page="search"] #resultsEndBlock > a { padding: 20px; }
    body[data-page="search"] #resultsEndBlock > a h3 { font-size: 20px; }
    body[data-page="search"] #resultsEndBlock > div { padding: 18px; }

    /* ============================================================ Bottom-Sheet: Umkreis + Themen */
    body[data-page="search"] .search-sheet-backdrop {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 60;
        background: rgba(5, 20, 14, 0.5);
        opacity: 0;
        visibility: hidden;
        transition: opacity .2s ease, visibility 0s linear .2s;
    }
    body[data-page="search"] .search-sheet {
        display: block;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 61;
        max-height: 86vh;
        overflow-y: auto;
        overscroll-behavior: contain;
        padding: 10px 18px calc(18px + env(safe-area-inset-bottom, 0px));
        border-radius: 24px 24px 0 0;
        background: #f8fafc;
        color: #0f172a;
        box-shadow: 0 -20px 50px -20px rgba(0, 0, 0, 0.5);
        transform: translateY(105%);
        visibility: hidden;
        transition: transform .28s cubic-bezier(.2, .8, .2, 1), visibility 0s linear .28s;
    }
    /* Inhalte (Tailwind transition-all) sollen die Sichtbarkeit des Sheets nicht mit-animieren –
       sonst bleiben Buttons beim Öffnen bis zu 300 ms unsichtbar und nicht fokussierbar. */
    body[data-page="search"] .search-sheet * {
        transition-property: color, background-color, border-color, box-shadow, opacity, transform;
    }
    body[data-page="search"].search-sheet-open { overflow: hidden; }
    body[data-page="search"].search-sheet-open .search-sheet-backdrop { opacity: 1; visibility: visible; transition-delay: 0s; }
    body[data-page="search"].search-sheet-open .search-sheet { transform: none; visibility: visible; transition-delay: 0s; }

    body[data-page="search"] .search-sheet-grip { width: 40px; height: 4px; margin: 0 auto 12px; border-radius: 999px; background: #cbd5e1; }
    body[data-page="search"] .search-sheet-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
    body[data-page="search"] .search-sheet-title { margin: 0; font-size: 18px; font-weight: 800; }
    body[data-page="search"] .search-sheet-close {
        display: inline-grid;
        place-items: center;
        width: 36px;
        height: 36px;
        border-radius: 999px;
        background: #e2e8f0;
        color: #334155;
    }
    body[data-page="search"] .search-sheet-section + .search-sheet-section { margin-top: 18px; }
    body[data-page="search"] .search-sheet-label-row { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
    body[data-page="search"] .search-sheet-label {
        display: block;
        margin: 0 2px 8px;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: .14em;
        text-transform: uppercase;
        color: #64748b;
    }
    body[data-page="search"] .search-sheet-label-row .search-sheet-label { margin-bottom: 0; }
    body[data-page="search"] .search-sheet-value { font-size: 12px; font-weight: 700; color: #059669; }
    body[data-page="search"] .search-sheet-chips { display: flex; flex-wrap: wrap; gap: 8px; }
    body[data-page="search"] .search-sheet-chips label span { font-size: 12.5px; padding: 8px 11px; }
    body[data-page="search"] .search-sheet-hint { margin: 10px 2px 0; font-size: 11.5px; line-height: 1.45; color: #64748b; }
    body[data-page="search"] .search-sheet-reset {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        margin-top: 12px;
        padding: 8px 14px;
        border-radius: 999px;
        border: 1px solid #6ee7b7;
        color: #047857;
        font-size: 12px;
        font-weight: 700;
    }
    body[data-page="search"] .search-sheet-reset i { font-size: 10px; }
    body[data-page="search"] .search-sheet-done {
        width: 100%;
        margin-top: 18px;
        padding: 14px;
        border-radius: 14px;
        background: #047857;
        color: #fff;
        font-size: 15px;
        font-weight: 700;
    }
    body[data-page="search"] .search-sheet-done:focus-visible,
    body[data-page="search"] .search-sheet-close:focus-visible,
    body[data-page="search"] .search-sheet-reset:focus-visible { outline: 3px solid rgba(16, 185, 129, 0.45); outline-offset: 2px; }

    /* ------------------------------------------------------------ Lightmode „Wald & Sand“ */
    html:not(.dark) body[data-page="search"] .search-inline-submit {
        background: linear-gradient(135deg, var(--lm-grad-a), var(--lm-grad-b));
        box-shadow: 0 6px 14px -6px color-mix(in srgb, var(--lm-accent) 60%, transparent);
    }
    html:not(.dark) body[data-page="search"] .search-chip,
    html:not(.dark) body[data-page="search"] .search-tools #useLocationBtn {
        border-color: var(--lm-border);
        background: var(--lm-surface-sunken);
        color: var(--lm-text);
    }
    html:not(.dark) body[data-page="search"] .search-chip i,
    html:not(.dark) body[data-page="search"] .search-tools #useLocationBtn i { color: var(--lm-accent); }
    html:not(.dark) body[data-page="search"] .search-chip-count { background: var(--lm-accent); }
    html:not(.dark) body[data-page="search"] .search-steps ol li > span:nth-child(2)::after { background: var(--lm-accent); }
    html:not(.dark) body[data-page="search"] .expert-card .card-chip-more {
        color: var(--lm-accent-text);
        box-shadow: inset 0 0 0 1px var(--lm-card-border);
    }
    html:not(.dark) body[data-page="search"] .search-sheet { background: var(--lm-surface); color: var(--lm-text); }
    html:not(.dark) body[data-page="search"] .search-sheet-grip { background: var(--lm-border-strong); }
    html:not(.dark) body[data-page="search"] .search-sheet-close { background: var(--lm-surface-sunken); color: var(--lm-text-2); }
    html:not(.dark) body[data-page="search"] .search-sheet-label,
    html:not(.dark) body[data-page="search"] .search-sheet-hint { color: var(--lm-text-3); }
    html:not(.dark) body[data-page="search"] .search-sheet-value { color: var(--lm-accent-text); }
    html:not(.dark) body[data-page="search"] .search-sheet-reset { border-color: var(--lm-accent-soft-border); color: var(--lm-accent-text); }
    html:not(.dark) body[data-page="search"] .search-sheet-done { background: var(--lm-accent); color: var(--lm-cta-text); }

    /* ------------------------------------------------------------ Darkmode */
    html.dark body[data-page="search"] .search-chip,
    html.dark body[data-page="search"] .search-tools #useLocationBtn {
        border-color: rgba(148, 163, 184, 0.3);
        background: #263449;
        color: #e2e8f0;
    }
    html.dark body[data-page="search"] .search-chip i,
    html.dark body[data-page="search"] .search-tools #useLocationBtn i { color: #34d399; }
    html.dark body[data-page="search"] .expert-card .card-chip-more { color: #6ee7b7; box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.35); }
    html.dark body[data-page="search"] .search-sheet { background: #0f172a; color: #f1f5f9; box-shadow: 0 -20px 50px -20px rgba(0, 0, 0, 0.8); }
    html.dark body[data-page="search"] .search-sheet-grip { background: #334155; }
    html.dark body[data-page="search"] .search-sheet-close { background: #1e293b; color: #cbd5e1; }
    html.dark body[data-page="search"] .search-sheet-label,
    html.dark body[data-page="search"] .search-sheet-hint { color: #94a3b8; }
    html.dark body[data-page="search"] .search-sheet-value { color: #34d399; }
    html.dark body[data-page="search"] .search-sheet-reset { border-color: rgba(52, 211, 153, 0.5); color: #6ee7b7; }
    html.dark body[data-page="search"] .search-sheet-done { background: #10b981; color: #052e1f; }
}

@media (max-width: 767px) and (prefers-reduced-motion: reduce) {
    body[data-page="search"] .search-sheet,
    body[data-page="search"] .search-sheet-backdrop { transition: none; }
}

/* assets/css/service-filter.css */
/*
 * assets/css/service-filter.css – Leistungsfilter der Suche (assets/js/service-filter.js, Lösung D), beide Farbmodi.
 * Suchfeld oben, Gebäude als Pills, Themen als Liste mit Häkchen (Variante E vom 28.10.2026, DEC-029).
 * Eingebunden in suche.php (Bündel „startseite“). Nutzt die --lm-* Tokens aus wald-sand-tokens.css mit Ersatzwerten.
 */
.sf { display: flex; flex-direction: column; gap: 12px; font-family: 'Inter', 'Inter Fallback', sans-serif; }
.sf-title { margin: 0; font-size: 15px; font-weight: 700; color: var(--lm-text, #0f172a); }

/* Suchfeld mit Vorschlägen */
.sf-search { position: relative; }
.sf-search > .fa-magnifying-glass { position: absolute; left: 15px; top: 23px; transform: translateY(-50%); font-size: 14px; color: var(--lm-cta, #1f6b4e); pointer-events: none; }
.sf-input { width: 100%; min-height: 46px; padding: 10px 14px 10px 40px; border: 1.5px solid var(--lm-card-border, #e2e8f0); border-radius: 12px; background: var(--lm-surface-elev, #fff); color: var(--lm-text, #0f172a); font-size: 15px; }
.sf-input::placeholder { color: var(--lm-text-4, #94a3b8); }
.sf-input:focus { outline: none; border-color: var(--lm-cta, #1f6b4e); box-shadow: 0 0 0 3px rgba(31, 107, 78, .14); }
.sf-sugg { position: absolute; left: 0; right: 0; top: calc(100% + 6px); z-index: 30; margin: 0; padding: 5px; list-style: none; border: 1px solid var(--lm-card-border, #e2e8f0); border-radius: 12px; background: var(--lm-surface-elev, #fff); box-shadow: 0 14px 30px -14px rgba(15, 23, 42, .4); }
.sf-sugg button { display: flex; align-items: center; gap: 10px; width: 100%; padding: 8px 10px; border: 0; border-radius: 8px; background: none; text-align: left; font-size: 13.5px; color: var(--lm-text, #0f172a); cursor: pointer; }
.sf-sugg button i { width: 18px; flex: none; text-align: center; color: var(--lm-cta, #1f6b4e); }
.sf-sugg li:first-child button,
.sf-sugg button:hover,
.sf-sugg button:focus-visible { background: #ecfdf5; }
.sf-sugg small { display: block; font-size: 11.5px; color: var(--lm-text-3, #64748b); }
.sf-sugg-empty { padding: 8px 10px; font-size: 12.5px; color: var(--lm-text-3, #64748b); }

/* Gebäude als Pills */
.sf-areas { display: flex; flex-wrap: wrap; gap: 6px; }
.sf-area { display: inline-flex; align-items: center; gap: 7px; padding: 7px 13px; border: 1.5px solid var(--lm-card-border, #e2e8f0); border-radius: 999px; background: var(--lm-surface-elev, #fff); font-size: 13px; font-weight: 600; color: var(--lm-text-2, #334155); cursor: pointer; transition: border-color .15s ease, background-color .15s ease; }
.sf-area i { font-size: 12px; color: var(--lm-cta, #1f6b4e); }
.sf-area:hover { border-color: #9cc7ae; }
.sf-area[aria-pressed="true"] { border-color: var(--lm-cta, #1f6b4e); background: var(--lm-cta, #1f6b4e); color: var(--lm-cta-text, #f3f8f4); }
.sf-area[aria-pressed="true"] i { color: inherit; }

/* Themen als Liste; aufgeklappt mit Häkchen */
.sf-list { overflow: hidden; border: 1px solid var(--lm-card-border, #e2e8f0); border-radius: 14px; background: var(--lm-surface-elev, #fff); }
.sf-row + .sf-row { border-top: 1px solid var(--lm-card-border, #e2e8f0); }
.sf-theme { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 48px; padding: 11px 14px; border: 0; background: none; text-align: left; font-size: 14px; font-weight: 600; color: var(--lm-text, #0f172a); cursor: pointer; }
.sf-theme:hover { background: color-mix(in srgb, var(--lm-chip, #ebe6d9) 55%, transparent); }
.sf-theme-icon { width: 20px; flex: none; text-align: center; font-size: 15px; color: var(--lm-cta, #1f6b4e); }
.sf-theme-label { flex: 1 1 auto; min-width: 0; }
.sf-theme-count { font-weight: 500; color: var(--lm-text-4, #94a3b8); white-space: nowrap; }
.sf-theme-state { flex: none; font-size: 12px; font-weight: 700; color: var(--lm-cta, #1f6b4e); white-space: nowrap; }
.sf-theme-chevron { flex: none; font-size: 11px; color: var(--lm-text-3, #64748b); transition: transform .2s ease; }
.sf-theme[aria-expanded="true"] .sf-theme-chevron { transform: rotate(180deg); }
.sf-row.is-on .sf-theme-label { color: var(--lm-cta, #1f6b4e); }
.sf-opts { display: grid; gap: 2px; padding: 0 12px 12px 42px; }
.sf-opts--enter { animation: sf-opts-in .22s ease; }
@keyframes sf-opts-in { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
    .sf-opts--enter { animation: none; }
    .sf-theme-chevron { transition: none; }
}
.sf-opt { display: flex; align-items: center; gap: 10px; width: 100%; padding: 8px 6px; border: 0; border-radius: 8px; background: none; text-align: left; font-size: 13.5px; color: var(--lm-text-2, #334155); cursor: pointer; }
.sf-opt:hover { background: color-mix(in srgb, var(--lm-chip, #ebe6d9) 55%, transparent); }
.sf-opt--all { font-weight: 700; color: var(--lm-text, #0f172a); }
.sf-check { display: grid; place-items: center; width: 20px; height: 20px; flex: none; border: 1.5px solid #c9bfa9; border-radius: 6px; background: #fff; font-size: 11px; color: transparent; transition: background-color .12s ease, border-color .12s ease; }
.sf-opt[aria-checked="true"] .sf-check { border-color: var(--lm-cta, #1f6b4e); background: var(--lm-cta, #1f6b4e); color: #fff; }
.sf-theme:focus-visible,
.sf-opt:focus-visible { outline: 2px solid var(--lm-cta, #1f6b4e); outline-offset: -2px; }
.sf-area:focus-visible { outline: 2px solid var(--lm-cta, #1f6b4e); outline-offset: 2px; }

/* Aktive Filter */
.sf-tags:empty { display: none; }
.sf-tag-list { display: flex; flex-wrap: wrap; gap: 6px; }
.sf-tag { display: inline-flex; align-items: center; gap: 6px; padding: 5px 5px 5px 11px; border-radius: 999px; background: var(--lm-cta, #1f6b4e); color: var(--lm-cta-text, #f3f8f4); font-size: 12.5px; font-weight: 600; }
.sf-tag button { display: grid; place-items: center; width: 20px; height: 20px; padding: 0; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .22); color: inherit; font-size: 13px; line-height: 1; cursor: pointer; }

html.dark .sf-title,
html.dark .sf-theme,
html.dark .sf-opt--all { color: #e2e8f0; }
html.dark .sf-opt { color: #cbd5e1; }
html.dark .sf-sugg small,
html.dark .sf-sugg-empty,
html.dark .sf-theme-chevron,
html.dark .sf-row.is-on .sf-theme-count,
html.dark .sf-theme-count { color: #94a3b8; }
html.dark .sf-input,
html.dark .sf-sugg,
html.dark .sf-list,
html.dark .sf-area { border-color: #334155; background: #1c2637; color: #e2e8f0; }
html.dark .sf-input:focus { border-color: #4ade80; box-shadow: 0 0 0 3px rgba(74, 222, 128, .16); }
html.dark .sf-row + .sf-row { border-color: #334155; }
html.dark .sf-theme:hover,
html.dark .sf-opt:hover { background: rgba(148, 163, 184, .08); }
html.dark .sf-search > .fa-magnifying-glass,
html.dark .sf-theme-icon,
html.dark .sf-theme-state,
html.dark .sf-row.is-on .sf-theme-label,
html.dark .sf-area i,
html.dark .sf-sugg button i { color: #4ade80; }
html.dark .sf-area[aria-pressed="true"] { border-color: #22c55e; background: #22c55e; color: #052e16; }
html.dark .sf-area[aria-pressed="true"] i { color: inherit; }
html.dark .sf-check { border-color: #475569; background: #111827; }
html.dark .sf-opt[aria-checked="true"] .sf-check { border-color: #22c55e; background: #22c55e; color: #052e16; }
html.dark .sf-sugg button { color: #e2e8f0; }
html.dark .sf-sugg li:first-child button,
html.dark .sf-sugg button:hover,
html.dark .sf-sugg button:focus-visible { background: rgba(16, 185, 129, .12); }
html.dark .sf-tag { background: #22c55e; color: #052e16; }

/* ------------------------------------------------------------ Desktop-Filter als Seitenschublade (suche.php #desktopFilterDrawer)
 * Volle Fensterhöhe von rechts, unten fest „Zurücksetzen“ und „N Energieberater anzeigen“; portal-search.js öffnet und schließt. */
.filter-drawer { position: fixed; inset: 0; z-index: 70; }
.filter-drawer[hidden] { display: none; }
.filter-drawer__backdrop { position: absolute; inset: 0; background: rgba(15, 23, 42, .28); animation: filter-drawer-fade .2s ease; }
.filter-drawer__panel {
    position: absolute; top: 0; right: 0; bottom: 0;
    display: flex; flex-direction: column;
    width: min(420px, 100vw);
    background: var(--lm-surface, #fbf9f4);
    box-shadow: -20px 0 40px rgba(15, 23, 42, .2);
    animation: filter-drawer-in .25s ease;
}
.filter-drawer__head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 16px 18px; border-bottom: 1px solid var(--lm-card-border, #e2e8f0); }
.filter-drawer__title { display: flex; align-items: center; gap: 10px; margin: 0; font: 700 17px 'Inter', 'Inter Fallback', sans-serif; color: var(--lm-text, #0f172a); }
.filter-drawer__close { display: grid; place-items: center; width: 36px; height: 36px; border: 1px solid var(--lm-card-border, #e2e8f0); border-radius: 50%; background: var(--lm-surface, #fff); color: var(--lm-text-2, #334155); cursor: pointer; }
.filter-drawer__close:hover { border-color: var(--lm-cta, #1f6b4e); color: var(--lm-cta, #1f6b4e); }
.filter-drawer__body { flex: 1; overflow-y: auto; padding: 16px 18px; overscroll-behavior: contain; }
.filter-drawer__foot { display: flex; align-items: center; gap: 12px; padding: 12px 18px 16px; border-top: 1px solid var(--lm-card-border, #e2e8f0); background: var(--lm-surface, #fff); }
.filter-drawer__reset { padding: 0 4px; border: 0; background: none; font: 600 13.5px 'Inter', 'Inter Fallback', sans-serif; color: var(--lm-cta, #1f6b4e); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.filter-drawer__show { flex: 1; min-height: 46px; border: 0; border-radius: 12px; background: linear-gradient(135deg, #2f8a63, #1f6b4e); color: #fff; font: 700 15px 'Inter', 'Inter Fallback', sans-serif; cursor: pointer; box-shadow: 0 10px 20px -12px rgba(31, 107, 78, .9); }
.filter-drawer__close:focus-visible,
.filter-drawer__reset:focus-visible,
.filter-drawer__show:focus-visible { outline: 2px solid var(--lm-cta, #1f6b4e); outline-offset: 2px; }
html.filter-drawer-open { overflow: hidden; }
@keyframes filter-drawer-in { from { transform: translateX(24px); opacity: 0; } to { transform: none; opacity: 1; } }
@keyframes filter-drawer-fade { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
    .filter-drawer__panel,
    .filter-drawer__backdrop { animation: none; }
}
html.dark .filter-drawer__panel { background: #131c2e; }
html.dark .filter-drawer__head,
html.dark .filter-drawer__foot { border-color: #334155; }
html.dark .filter-drawer__foot { background: #0f172a; }
html.dark .filter-drawer__title { color: #e2e8f0; }
html.dark .filter-drawer__close { border-color: #334155; background: #1c2637; color: #cbd5e1; }
html.dark .filter-drawer__reset { color: #4ade80; }
html.dark .filter-drawer__show { background: #22c55e; color: #052e16; }

/* assets/css/search-hero-glow.css */
/*
 * Startseite (suche.php): Leuchtflächen im Hero und Schein hinter dem Hero-Bild.
 *
 * Bis 21.10.2026 waren das live weichgezeichnete, pulsierende Flächen (blur 100–140 px, Puls, Mischmodus).
 * Ohne GPU (PageSpeed Desktop) kostete das die gesamte Blockierzeit der Startseite. Jetzt nichts mehr live
 * weichgezeichnet und nichts animiert ab 1024 px:
 *   - Hell ab 1024 px: die Original-Flächen einmal mit dem Browser-Blur gerendert (Puls eingefroren auf .75)
 *     als images/hero-glow-light.webp; gleiche Mischung wie zuvor (wald-sand-tokens.css: hell = screen).
 *   - Hell 768–1023 px: die Original-Flächen (.hero-glow__orig) wie bisher; < 768 px blendet search-mobile.css sie aus.
 *   - Dunkel: statische Verläufe (.hero-glow__dark), Variante D aus design-previews/hero-leuchten/.
 * Schein hinter dem Bild (.hero-halo): hell exakter Nachbau des Originals ohne Filter, dunkel statischer Verlauf.
 */

.hero-glow__orig,
.hero-glow__bake,
.hero-glow__dark { display: none; }

.hero-glow__bake {
    position: absolute;
    inset: 0;
    background: url('../../../images/hero-glow-light.webp') 0 0 / 100% 100% no-repeat;
}

@media (min-width: 768px) and (max-width: 1023.98px) {
    html:not(.dark) .hero-glow__orig { display: block; }
}
@media (min-width: 1024px) {
    html:not(.dark) .hero-glow__bake { display: block; }
}

/* Dunkel: ohne Mischmodus (die Klasse mix-blend-multiply bleibt für hell, dort macht wald-sand-tokens.css screen daraus). */
.dark .hero-glow { mix-blend-mode: normal; }
.hero-glow__dark { position: absolute; pointer-events: none; }
@media (min-width: 768px) {
    .dark .hero-glow__dark { display: block; }
}
.hero-glow__dark--1 { top: -20%; left: -20%; width: 100%; height: 100%; background: radial-gradient(closest-side, rgba(16, 185, 129, .32), rgba(16, 185, 129, .12) 50%, rgba(16, 185, 129, 0) 100%); }
.hero-glow__dark--2 { bottom: -20%; right: -20%; width: 90%; height: 90%; background: radial-gradient(closest-side, rgba(20, 184, 166, .28), rgba(99, 102, 241, .11) 55%, rgba(99, 102, 241, 0) 100%); }
.hero-glow__dark--3 { top: 10%; right: 10%; width: 50%; height: 50%; background: radial-gradient(closest-side, rgba(52, 211, 153, .22), rgba(52, 211, 153, 0) 100%); }

/* Schein hinter dem Hero-Bild. Der Hero schneidet waagerecht ab (overflow-x-clip im Markup), sonst Querscrollen. */
.hero-halo {
    position: absolute;
    inset: -3rem;
    border-radius: 3rem;
    pointer-events: none;
    background: radial-gradient(closest-side, rgba(16, 185, 129, .35) 0%, rgba(20, 184, 166, .18) 50%, rgba(20, 184, 166, 0) 100%);
}
/* Hell: Original war ein Rechteck -inset-4 mit Smaragd .35 → Türkis .12 (wald-sand-tokens.css), blur 40px, Puls 1↔.5.
   Weichgezeichnetes Rechteck = Produkt zweier Gauß-Kanten (σ 40 px): Fläche 120 px (3σ) größer, je Achse eine
   Masken-Rampe nach der Normalverteilung, per intersect multipliziert. Deckkraft fest .75 (Mitte des Pulses). */
html:not(.dark) .hero-halo {
    inset: calc(-1rem - 120px);
    border-radius: 0;
    opacity: .75;
    background: linear-gradient(to right top, rgba(52, 211, 153, .35) 170px, rgba(20, 184, 166, .12) calc(100% - 170px));
    -webkit-mask-image:
        linear-gradient(to right, rgba(0,0,0,0) 0, rgba(0,0,0,.023) 40px, rgba(0,0,0,.067) 60px, rgba(0,0,0,.159) 80px, rgba(0,0,0,.309) 100px, rgba(0,0,0,.5) 120px, rgba(0,0,0,.691) 140px, rgba(0,0,0,.841) 160px, rgba(0,0,0,.933) 180px, rgba(0,0,0,.977) 200px, #000 240px,
            #000 calc(100% - 240px), rgba(0,0,0,.977) calc(100% - 200px), rgba(0,0,0,.933) calc(100% - 180px), rgba(0,0,0,.841) calc(100% - 160px), rgba(0,0,0,.691) calc(100% - 140px), rgba(0,0,0,.5) calc(100% - 120px), rgba(0,0,0,.309) calc(100% - 100px), rgba(0,0,0,.159) calc(100% - 80px), rgba(0,0,0,.067) calc(100% - 60px), rgba(0,0,0,.023) calc(100% - 40px), rgba(0,0,0,0) 100%),
        linear-gradient(to bottom, rgba(0,0,0,0) 0, rgba(0,0,0,.023) 40px, rgba(0,0,0,.067) 60px, rgba(0,0,0,.159) 80px, rgba(0,0,0,.309) 100px, rgba(0,0,0,.5) 120px, rgba(0,0,0,.691) 140px, rgba(0,0,0,.841) 160px, rgba(0,0,0,.933) 180px, rgba(0,0,0,.977) 200px, #000 240px,
            #000 calc(100% - 240px), rgba(0,0,0,.977) calc(100% - 200px), rgba(0,0,0,.933) calc(100% - 180px), rgba(0,0,0,.841) calc(100% - 160px), rgba(0,0,0,.691) calc(100% - 140px), rgba(0,0,0,.5) calc(100% - 120px), rgba(0,0,0,.309) calc(100% - 100px), rgba(0,0,0,.159) calc(100% - 80px), rgba(0,0,0,.067) calc(100% - 60px), rgba(0,0,0,.023) calc(100% - 40px), rgba(0,0,0,0) 100%);
    -webkit-mask-composite: source-in;
    mask-image:
        linear-gradient(to right, rgba(0,0,0,0) 0, rgba(0,0,0,.023) 40px, rgba(0,0,0,.067) 60px, rgba(0,0,0,.159) 80px, rgba(0,0,0,.309) 100px, rgba(0,0,0,.5) 120px, rgba(0,0,0,.691) 140px, rgba(0,0,0,.841) 160px, rgba(0,0,0,.933) 180px, rgba(0,0,0,.977) 200px, #000 240px,
            #000 calc(100% - 240px), rgba(0,0,0,.977) calc(100% - 200px), rgba(0,0,0,.933) calc(100% - 180px), rgba(0,0,0,.841) calc(100% - 160px), rgba(0,0,0,.691) calc(100% - 140px), rgba(0,0,0,.5) calc(100% - 120px), rgba(0,0,0,.309) calc(100% - 100px), rgba(0,0,0,.159) calc(100% - 80px), rgba(0,0,0,.067) calc(100% - 60px), rgba(0,0,0,.023) calc(100% - 40px), rgba(0,0,0,0) 100%),
        linear-gradient(to bottom, rgba(0,0,0,0) 0, rgba(0,0,0,.023) 40px, rgba(0,0,0,.067) 60px, rgba(0,0,0,.159) 80px, rgba(0,0,0,.309) 100px, rgba(0,0,0,.5) 120px, rgba(0,0,0,.691) 140px, rgba(0,0,0,.841) 160px, rgba(0,0,0,.933) 180px, rgba(0,0,0,.977) 200px, #000 240px,
            #000 calc(100% - 240px), rgba(0,0,0,.977) calc(100% - 200px), rgba(0,0,0,.933) calc(100% - 180px), rgba(0,0,0,.841) calc(100% - 160px), rgba(0,0,0,.691) calc(100% - 140px), rgba(0,0,0,.5) calc(100% - 120px), rgba(0,0,0,.309) calc(100% - 100px), rgba(0,0,0,.159) calc(100% - 80px), rgba(0,0,0,.067) calc(100% - 60px), rgba(0,0,0,.023) calc(100% - 40px), rgba(0,0,0,0) 100%);
    mask-composite: intersect;
}

/* assets/css/search-hero-full.css */
/*
 * Startseite und Städteseiten (suche.php, Klasse .search-hero--full, nicht /demo): Hero über den ganzen Viewport.
 *
 * Der Inhalts-Container füllt die Hero-Höhe und stellt den Inhalt senkrecht mittig. Er bleibt bis zur
 * Hero-Unterkante, weil die Trust-Pill (ab lg) absolut an ihm hängt.
 * < 768 px: min-height 100svh kommt aus search-mobile.css; hier gleicher Luftraum über und unter dem Inhalt im
 *   sichtbaren Grün zwischen fester Navbar (76 px, --nv-h in site-navbar.css) und Sand-Kante (2.5rem,
 *   wald-sand-tokens.css). Überschreibt die Abstände aus search-mobile.css (gleiche Spezifität, lädt später).
 * Ab 768 px: Hero mindestens Viewport-hoch; ab lg sind Sand-Kante und Trust-Pill beim Laden unten im Viewport zu sehen.
 */

.search-hero--full {
    display: flex;
}
.search-hero--full > div.w-full {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media (max-width: 767px) {
    body[data-page="search"] > section.search-hero--full {
        padding-top: calc(76px + 24px);
        padding-bottom: calc(2.5rem + 24px);
    }
}

@media (min-width: 768px) {
    .search-hero--full {
        min-height: 100vh;
        min-height: 100svh;
    }
}

/* Ab lg mehr Luft zwischen Trust-Pill und Ergebnissen (sonst md:py-14 = 3.5rem, von portal-search.js bei aktiver Suche gesetzt) */
@media (min-width: 1024px) {
    .search-hero--full + #resultsSection.py-10 {
        padding-top: 6.45rem;
    }
}

/* assets/css/search-results-backdrop.css */
/*
 * Ergebnisbereich der Suche (suche.php: Startseite, Städteseiten, /demo): Windpark-Landschaft als feststehendes
 * Motiv am unteren Bildrand, die Flächenfarbe bleibt. Die Karten scrollen darüber.
 *
 * Feste Ebene (::before, position: fixed) statt background-attachment: fixed: steht auch auf iOS still und wird beim
 * Scrollen nicht neu gezeichnet. clip-path schneidet die Ebene auf den Ergebnisbereich zu. Darum dürfen in
 * #resultsSection keine festen Overlays liegen (sie würden mit abgeschnitten).
 * Motiv-SVGs: images/ergebnis-windpark-hell.svg / -dunkel.svg (aus der lokalen Vorschau design-previews/ergebnis-hintergrund/).
 */

#resultsSection {
    position: relative;
    clip-path: inset(0);
}

#resultsSection::before {
    content: '';
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background: url('../../../images/ergebnis-windpark-hell.svg') center bottom / 100% auto no-repeat;
}

html.dark #resultsSection::before {
    background-image: url('../../../images/ergebnis-windpark-dunkel.svg');
}

#resultsSection > * {
    position: relative;
    z-index: 1;
}