/*
 * Static CSS — was generated once by Tailwind 4 + tw-animate-css, then
 * baked in here so the build pipeline no longer needs Tailwind. To add
 * new utilities, write the CSS by hand (or temporarily reinstall
 * tailwindcss + @tailwindcss/postcss, regenerate, swap back).
 *
 * The original hand-written sections (CSS custom properties for the
 * design tokens, custom @keyframes for golden/sticky)
 * are preserved inline below. The leading :root{} block holds the
 * design tokens that survived a dead-token sweep — 90 unused palette
 * shades (christmas, christmas-green, sidebar, chart, etc.) were
 * deleted on the assumption Tailwind already tree-shook the utility
 * classes that referenced them.
 */

:root{
--accent:oklch(97% 0 0);
--accent-foreground:oklch(20.5% 0 0);
--border:oklch(92.2% 0 0);
--destructive:oklch(57.7% .245 27.325);
--eco-0:#0b4024;
--input:var(--p-850);
--muted-foreground:oklch(55.6% 0 0);
--ring:oklch(70.8% 0 0);
}

/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-translate-x:0;
--tw-translate-y:0;
--tw-translate-z:0;
--tw-scale-x:1;
--tw-scale-y:1;
--tw-scale-z:1;
--tw-rotate-x:initial;
--tw-rotate-y:initial;
--tw-rotate-z:initial;
--tw-skew-x:initial;
--tw-skew-y:initial;
--tw-scroll-snap-strictness:proximity;
--tw-space-y-reverse:0;
--tw-divide-y-reverse:0;
--tw-border-style:solid;
--tw-gradient-position:initial;
--tw-gradient-from:#0000;
--tw-gradient-via:#0000;
--tw-gradient-to:#0000;
--tw-gradient-stops:initial;
--tw-gradient-via-stops:initial;
--tw-gradient-from-position:0%;
--tw-gradient-via-position:50%;
--tw-gradient-to-position:100%;
--tw-leading:initial;
--tw-font-weight:initial;
--tw-tracking:initial;
--tw-ordinal:initial;
--tw-slashed-zero:initial;
--tw-numeric-figure:initial;
--tw-numeric-spacing:initial;
--tw-numeric-fraction:initial;
--tw-shadow:0 0 #0000;
--tw-shadow-color:initial;
--tw-shadow-alpha:100%;
--tw-inset-shadow:0 0 #0000;
--tw-inset-shadow-color:initial;
--tw-inset-shadow-alpha:100%;
--tw-ring-color:initial;
--tw-ring-shadow:0 0 #0000;
--tw-inset-ring-color:initial;
--tw-inset-ring-shadow:0 0 #0000;
--tw-ring-inset:initial;
--tw-ring-offset-width:0px;
--tw-ring-offset-color:#fff;
--tw-ring-offset-shadow:0 0 #0000;
--tw-outline-style:solid;
--tw-blur:initial;
--tw-brightness:initial;
--tw-contrast:initial;
--tw-grayscale:initial;
--tw-hue-rotate:initial;
--tw-invert:initial;
--tw-opacity:initial;
--tw-saturate:initial;
--tw-sepia:initial;
--tw-drop-shadow:initial;
--tw-drop-shadow-color:initial;
--tw-drop-shadow-alpha:100%;
--tw-drop-shadow-size:initial;
--tw-backdrop-blur:initial;
--tw-backdrop-brightness:initial;
--tw-backdrop-contrast:initial;
--tw-backdrop-grayscale:initial;
--tw-backdrop-hue-rotate:initial;
--tw-backdrop-invert:initial;
--tw-backdrop-opacity:initial;
--tw-backdrop-saturate:initial;
--tw-backdrop-sepia:initial;
--tw-duration:initial;
--tw-content:"";
--tw-animation-delay:0s;
--tw-animation-direction:normal;
--tw-animation-duration:initial;
--tw-animation-fill-mode:none;
--tw-animation-iteration-count:1;
--tw-enter-blur:0;
--tw-enter-opacity:1;
--tw-enter-rotate:0;
--tw-enter-scale:1;
--tw-enter-translate-x:0;
--tw-enter-translate-y:0;
--tw-exit-blur:0;
--tw-exit-opacity:1;
--tw-exit-rotate:0;
--tw-exit-scale:1;
--tw-exit-translate-x:0;
--tw-exit-translate-y:0}
}
}
@layer theme{:host,:root{--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
--color-red-50:oklch(97.1% .013 17.38);
--color-red-200:oklch(88.5% .062 18.334);
--color-red-400:oklch(70.4% .191 22.216);
--color-red-500:oklch(63.7% .237 25.331);
--color-red-600:oklch(57.7% .245 27.325);
--color-red-700:oklch(50.5% .213 27.518);
--color-red-950:oklch(25.8% .092 26.042);
--color-amber-800:oklch(47.3% .137 46.201);
--color-blue-600:oklch(54.6% .245 262.881);
--color-gray-200:oklch(92.8% .006 264.531);
--color-gray-300:oklch(87.2% .01 258.338);
--color-gray-900:oklch(21% .034 264.665);
--color-black:#000;
--color-white:#fff;
--spacing:.25rem;
--container-xs:20rem;
--container-sm:24rem;
--container-md:28rem;
--container-xl:36rem;
--container-3xl:48rem;
--container-4xl:56rem;
--container-5xl:64rem;
--container-6xl:72rem;
--text-xs:var(--text-xs);
--text-xs--line-height:calc(1 / .75);
--text-sm:var(--text-sm);
--text-sm--line-height:calc(1.25 / .875);
--text-base:var(--text-base);
--text-base--line-height:calc(1.5 / 1);
--text-lg:var(--text-lg);
--text-lg--line-height:calc(1.75 / 1.125);
--text-xl:var(--text-xl);
--text-xl--line-height:calc(1.75 / 1.25);
--text-2xl:var(--text-2xl);
--text-2xl--line-height:calc(2 / 1.5);
--text-3xl:var(--text-3xl);
--text-3xl--line-height:calc(2.25 / 1.875);
--text-4xl:var(--text-4xl);
--text-4xl--line-height:calc(2.5 / 2.25);
--text-5xl:var(--text-5xl);
--text-5xl--line-height:1;
--text-6xl:var(--text-6xl);
--text-6xl--line-height:1;
--text-7xl:var(--text-7xl);
--text-7xl--line-height:1;
--text-8xl:var(--text-8xl);
--text-9xl:var(--text-9xl);
--font-weight-light:300;
--font-weight-normal:400;
--tracking-tight:-.025em;
--tracking-wide:.025em;
--tracking-wider:.05em;
--tracking-widest:.1em;
--leading-tight:1.25;
--leading-snug:1.375;
--leading-relaxed:1.625;
--radius-xs:.125rem;
--radius-2xl:1rem;
--animate-spin:spin 1s linear infinite;
--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1) infinite;
--blur-sm:8px;
--blur-md:12px;
--default-transition-duration:.15s;
--default-transition-timing-function:cubic-bezier(.4,0,.2,1);
--text-md:var(--text-md)}
}
@layer base{*,::backdrop,:after,:before{box-sizing:border-box;
border:0 solid;
margin:0;
padding:0}
::file-selector-button{box-sizing:border-box;
border:0 solid;
margin:0;
padding:0}
:host,html{-webkit-text-size-adjust:100%;
tab-size:4;
line-height:1.5;
font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");
font-feature-settings:var(--default-font-feature-settings,normal);
font-variation-settings:var(--default-font-variation-settings,normal);
-webkit-tap-highlight-color:transparent}
hr{height:0;
color:inherit;
border-top-width:1px}
abbr:where([title]){-webkit-text-decoration:underline dotted;
text-decoration:underline dotted}
h1,h2,h3,h4,h5,h6{font-size:inherit;
font-weight:inherit}
a{color:inherit;
-webkit-text-decoration:inherit;
text-decoration:inherit}
b,strong{font-weight:bolder}
code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);
font-feature-settings:var(--default-mono-font-feature-settings,normal);
font-variation-settings:var(--default-mono-font-variation-settings,normal);
font-size:1em}
small{font-size:80%}
sub,sup{vertical-align:baseline;
font-size:75%;
line-height:0;
position:relative}
sub{bottom:-.25em}
sup{top:-.5em}
table{text-indent:0;
border-color:inherit;
border-collapse:collapse}
:-moz-focusring{outline:auto}
progress{vertical-align:baseline}
summary{display:list-item}
menu,ol,ul{list-style:none}
audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;
display:block}
img,video{max-width:100%;
height:auto}
button,input,optgroup,select,textarea{font:inherit;
font-feature-settings:inherit;
font-variation-settings:inherit;
letter-spacing:inherit;
color:inherit;
opacity:1;
background-color:#0000;
border-radius:0}
::file-selector-button{font:inherit;
font-feature-settings:inherit;
font-variation-settings:inherit;
letter-spacing:inherit;
color:inherit;
opacity:1;
background-color:#0000;
border-radius:0}
:where(select:is([multiple],[size])) optgroup{font-weight:bolder}
:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}
::file-selector-button{margin-inline-end:4px}
::placeholder{opacity:1}
@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}
@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}
}
}
textarea{resize:vertical}
::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-date-and-time-value{min-height:1lh;
text-align:inherit}
::-webkit-datetime-edit{display:inline-flex}
::-webkit-datetime-edit-fields-wrapper{padding:0}
::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}
::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}
::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}
::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}
::-webkit-datetime-edit-meridiem-field{padding-block:0}
::-webkit-calendar-picker-indicator{line-height:1}
:-moz-ui-invalid{box-shadow:none}
button,input:where([type=button],[type=reset],[type=submit]){appearance:button}
::file-selector-button{appearance:button}
::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}
[hidden]:where(:not([hidden=until-found])){display:none!important}
*{border-color:var(--border);
outline-color:var(--ring)}
@supports (color:color-mix(in lab,red,red)){*{outline-color:color-mix(in oklab,var(--ring) 50%,transparent)}
}
body{background-color:var(--background);
color:var(--foreground)}
}
@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}
.pointer-events-none{pointer-events:none}
.collapse{visibility:collapse}
.invisible{visibility:hidden}
.visible{visibility:visible}
.sr-only{clip-path:inset(50%);
white-space:nowrap;
border-width:0;
width:1px;
height:1px;
margin:-1px;
padding:0;
overflow:hidden}
.absolute,.sr-only{position:absolute}
.fixed{position:fixed}
.relative{position:relative}
.static{position:static}
.sticky{position:sticky}
.-inset-5{inset:calc(var(--spacing) * -5)}
.inset-0{inset:calc(var(--spacing) * 0)}
.start{inset-inline-start:var(--spacing)}
.end{inset-inline-end:var(--spacing)}

.-top-2{top:calc(var(--spacing) * -2)}
.-top-10{top:calc(var(--spacing) * -10)}
.-top-15{top:calc(var(--spacing) * -15)}
.top-0{top:calc(var(--spacing) * 0)}
.top-1\/2{top:50%}
.top-2\/3{top:66.6667%}
.top-3{top:calc(var(--spacing) * 3)}
.top-5{top:calc(var(--spacing) * 5)}
.top-15{top:calc(var(--spacing) * 15)}
.top-28{top:calc(var(--spacing) * 28)}
.top-90{top:calc(var(--spacing) * 90)}
.top-\[110\%\]{top:110%}
.top-\[calc\(100\%\+2rem\)\]{top:calc(100% + 2rem)}
.top-\[calc\(100\%_-_2px\)\]{top:calc(100% - 2px)}


.-right-5{right:calc(var(--spacing) * -5)}
.-right-40{right:calc(var(--spacing) * -40)}
.right-0{right:calc(var(--spacing) * 0)}
.right-3{right:calc(var(--spacing) * 3)}
.right-4{right:calc(var(--spacing) * 4)}
.right-5{right:calc(var(--spacing) * 5)}

.bottom-0{bottom:calc(var(--spacing) * 0)}
.bottom-2{bottom:calc(var(--spacing) * 2)}
.bottom-4{bottom:calc(var(--spacing) * 4)}
.bottom-6{bottom:calc(var(--spacing) * 6)}
.bottom-20{bottom:calc(var(--spacing) * 20)}
.bottom-\[calc\(100\%_-_2px\)\]{bottom:calc(100% - 2px)}
.-left-25{left:calc(var(--spacing) * -25)}
.left-0{left:calc(var(--spacing) * 0)}
.left-2{left:calc(var(--spacing) * 2)}
.left-3{left:calc(var(--spacing) * 3)}
.left-4{left:calc(var(--spacing) * 4)}
.left-5{left:calc(var(--spacing) * 5)}
.left-10{left:calc(var(--spacing) * 10)}
.z-0{z-index:0}
.z-10{z-index:10}
.z-20{z-index:20}

.z-50{z-index:50}


.col-start-1{grid-column-start:1}
.col-start-2{grid-column-start:2}





.container{width:100%}
@media (min-width:40rem){.container{max-width:40rem}
}
@media (min-width:48rem){.container{max-width:48rem}
}
@media (min-width:64rem){.container{max-width:64rem}
}
@media (min-width:80rem){.container{max-width:80rem}
}
@media (min-width:96rem){.container{max-width:96rem}
}
.m-auto{margin:auto}

.mx-auto{margin-inline:auto}



.mt-0\.5{margin-top:calc(var(--spacing) * .5)}
.mt-1{margin-top:calc(var(--spacing) * 1)}
.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}
.mt-2{margin-top:calc(var(--spacing) * 2)}
.mt-3{margin-top:calc(var(--spacing) * 3)}
.mt-4{margin-top:calc(var(--spacing) * 4)}
.mt-5{margin-top:calc(var(--spacing) * 5)}
.mt-6{margin-top:calc(var(--spacing) * 6)}
.mt-8{margin-top:calc(var(--spacing) * 8)}

.mr-2{margin-right:calc(var(--spacing) * 2)}
.-mb-4{margin-bottom:calc(var(--spacing) * -4)}
.mb-0{margin-bottom:calc(var(--spacing) * 0)}
.mb-1{margin-bottom:calc(var(--spacing) * 1)}
.mb-2{margin-bottom:calc(var(--spacing) * 2)}
.mb-3{margin-bottom:calc(var(--spacing) * 3)}
.mb-4{margin-bottom:calc(var(--spacing) * 4)}

.mb-8{margin-bottom:calc(var(--spacing) * 8)}
.mb-10{margin-bottom:calc(var(--spacing) * 10)}
.ml-1{margin-left:calc(var(--spacing) * 1)}
.ml-1\.5{margin-left:calc(var(--spacing) * 1.5)}

.ml-4{margin-left:calc(var(--spacing) * 4)}
.line-clamp-5{-webkit-line-clamp:5;
-webkit-box-orient:vertical;
display:-webkit-box;
overflow:hidden}
.block{display:block}
.flex{display:flex}
.grid{display:grid}
.hidden{display:none}
.inline{display:inline}
.inline-block{display:inline-block}
.inline-flex{display:inline-flex}
.table{display:table}
.field-sizing-content{field-sizing:content}
.aspect-\[16\/9\]{aspect-ratio:16/9}
.aspect-square{aspect-ratio:1}





.h-2{height:calc(var(--spacing) * 2)}
.h-2\.5{height:calc(var(--spacing) * 2.5)}
.h-3{height:calc(var(--spacing) * 3)}
.h-3\.5{height:calc(var(--spacing) * 3.5)}
.h-4{height:calc(var(--spacing) * 4)}
.h-5{height:calc(var(--spacing) * 5)}
.h-6{height:calc(var(--spacing) * 6)}
.h-7{height:calc(var(--spacing) * 7)}
.h-8{height:calc(var(--spacing) * 8)}
.h-9{height:calc(var(--spacing) * 9)}
.h-10{height:calc(var(--spacing) * 10)}
.h-12{height:calc(var(--spacing) * 12)}
.h-14{height:calc(var(--spacing) * 14)}
.h-15{height:calc(var(--spacing) * 15)}
.h-16{height:calc(var(--spacing) * 16)}
.h-20{height:calc(var(--spacing) * 20)}

.h-45{height:calc(var(--spacing) * 45)}

.h-\[1em\]{height:1em}

.h-\[75vw\]{height:75vw}
.h-\[80vh\]{height:80vh}

.h-\[calc\(100vh_-_var\(--sticky-header-height\)\)\]{height:calc(100vh - var(--sticky-header-height))}
.h-\[var\(--header-bar-height\)\]{height:var(--header-bar-height)}
.h-\[var\(--header-height\)\]{height:var(--header-height)}
.h-auto{height:auto}
.h-fit{height:fit-content}
.h-full{height:100%}
.h-max{height:max-content}
.max-h-30{max-height:calc(var(--spacing) * 30)}
.max-h-70{max-height:calc(var(--spacing) * 70)}
.max-h-80{max-height:calc(var(--spacing) * 80)}
.max-h-90{max-height:calc(var(--spacing) * 90)}
.max-h-100{max-height:calc(var(--spacing) * 100)}
.max-h-\[3\.75rem\]{max-height:3.75rem}
.max-h-\[80vh\]{max-height:80vh}

.max-h-\[clamp\(0rem\,12vw\,13rem\)\]{max-height:clamp(0rem,12vw,13rem)}
.min-h-0{min-height:calc(var(--spacing) * 0)}
.min-h-8{min-height:calc(var(--spacing) * 8)}
.min-h-11{min-height:calc(var(--spacing) * 11)}
.min-h-12{min-height:calc(var(--spacing) * 12)}
.min-h-14{min-height:calc(var(--spacing) * 14)}

.min-h-26{min-height:calc(var(--spacing) * 26)}
.min-h-200{min-height:calc(var(--spacing) * 200)}
.min-h-\[1\.5rem\]{min-height:1.5rem}
.min-h-\[1\.75rem\]{min-height:1.75rem}
.min-h-\[2\.5rem\]{min-height:2.5rem}


.min-h-\[100px\]{min-height:100px}
.min-h-\[calc\(100vh-var\(--sticky-header-height\)\)\],.min-h-\[calc\(100vh_-_var\(--sticky-header-height\)\)\]{min-height:calc(100vh - var(--sticky-header-height))}
.min-h-screen{min-height:100vh}

.w-2{width:calc(var(--spacing) * 2)}
.w-2\.5{width:calc(var(--spacing) * 2.5)}
.w-3{width:calc(var(--spacing) * 3)}
.w-3\.5{width:calc(var(--spacing) * 3.5)}
.w-4{width:calc(var(--spacing) * 4)}
.w-5{width:calc(var(--spacing) * 5)}
.w-6{width:calc(var(--spacing) * 6)}
.w-7{width:calc(var(--spacing) * 7)}
.w-8{width:calc(var(--spacing) * 8)}
.w-9{width:calc(var(--spacing) * 9)}
.w-10{width:calc(var(--spacing) * 10)}
.w-11{width:calc(var(--spacing) * 11)}
.w-12{width:calc(var(--spacing) * 12)}
.w-14{width:calc(var(--spacing) * 14)}
.w-15{width:calc(var(--spacing) * 15)}
.w-16{width:calc(var(--spacing) * 16)}
.w-20{width:calc(var(--spacing) * 20)}
.w-25{width:calc(var(--spacing) * 25)}

.w-36{width:calc(var(--spacing) * 36)}
.w-40{width:calc(var(--spacing) * 40)}
.w-48{width:calc(var(--spacing) * 48)}
.w-70{width:calc(var(--spacing) * 70)}
.w-80{width:calc(var(--spacing) * 80)}
.w-\[1em\]{width:1em}

.w-\[75vw\]{width:75vw}

.w-auto{width:auto}
.w-d1{width:var(--width-1)}
.w-d2{width:var(--width-2)}
.w-d3{width:var(--width-3)}
.w-fit{width:fit-content}
.w-full{width:100%}
.w-px{width:1px}
.max-w-3xl{max-width:var(--container-3xl)}
.max-w-4xl{max-width:var(--container-4xl)}


.max-w-70{max-width:calc(var(--spacing) * 70)}
.max-w-90{max-width:calc(var(--spacing) * 90)}
.max-w-120{max-width:calc(var(--spacing) * 120)}
.max-w-130{max-width:calc(var(--spacing) * 130)}
.max-w-150{max-width:calc(var(--spacing) * 150)}
.max-w-162{max-width:calc(var(--spacing) * 162)}
.max-w-200{max-width:calc(var(--spacing) * 200)}
.max-w-230{max-width:calc(var(--spacing) * 230)}
.max-w-250{max-width:calc(var(--spacing) * 250)}
.max-w-310{max-width:calc(var(--spacing) * 310)}


.max-w-\[22rem\]{max-width:22rem}

.max-w-\[240px\]{max-width:240px}
.max-w-\[clamp\(25rem\,55vw\,75rem\)\]{max-width:clamp(25rem,55vw,75rem)}

.max-w-\[min\(100\%\,200px\)\]{max-width:min(100%,200px)}
.max-w-d1{max-width:var(--width-1)}

.max-w-md{max-width:var(--container-md)}
.max-w-none{max-width:none}
.max-w-xl{max-width:var(--container-xl)}
.max-w-xs{max-width:var(--container-xs)}
.min-w-0{min-width:calc(var(--spacing) * 0)}
.min-w-48{min-width:calc(var(--spacing) * 48)}


.min-w-\[75\%\]{min-width:75%}





.flex-1{flex:1}
.shrink-0{flex-shrink:0}
.grow,.grow-1{flex-grow:1}
.basis-full{flex-basis:100%}




.-translate-y-1{--tw-translate-y:calc(var(--spacing) * -1)}
.-translate-y-1,.-translate-y-1\/2{translate:var(--tw-translate-x) var(--tw-translate-y)}
.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1)}

.translate-y-1{translate:var(--tw-translate-x) var(--tw-translate-y)}
.translate-y-1{--tw-translate-y:calc(var(--spacing) * 1)}
.scale-85{--tw-scale-x:85%;
--tw-scale-y:85%;
--tw-scale-z:85%;
scale:var(--tw-scale-x) var(--tw-scale-y)}
.-rotate-45{rotate:-45deg}
.rotate-120{rotate:120deg}
.rotate-180{rotate:180deg}
.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}
.\[animation\:spin_15s_linear_infinite\]{animation:spin 15s linear infinite}
.\[animation\:spin_100s_linear_infinite_reverse\]{animation:spin 100s linear infinite reverse}



.cursor-not-allowed{cursor:not-allowed}
.cursor-pointer{cursor:pointer}
.resize-none{resize:none}
.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}
.snap-start{scroll-snap-align:start}
.scroll-mt-\[calc\(var\(--sticky-header-height\)\+1\.5rem\)\]{scroll-margin-top:calc(var(--sticky-header-height) + 1.5rem)}
.list-inside{list-style-position:inside}
.list-decimal{list-style-type:decimal}
.list-disc{list-style-type:disc}
.list-none{list-style-type:none}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}


.flex-col{flex-direction:column}
.flex-row{flex-direction:row}
.flex-wrap{flex-wrap:wrap}
.items-baseline{align-items:baseline}
.items-center{align-items:center}
.items-end{align-items:flex-end}
.items-start{align-items:flex-start}
.justify-between{justify-content:space-between}
.justify-center{justify-content:center}
.justify-end{justify-content:flex-end}
.justify-start{justify-content:flex-start}
.justify-items-end{justify-items:end}
.gap-0{gap:calc(var(--spacing) * 0)}
.gap-0\.5{gap:calc(var(--spacing) * .5)}
.gap-1{gap:calc(var(--spacing) * 1)}
.gap-1\.5{gap:calc(var(--spacing) * 1.5)}
.gap-2{gap:calc(var(--spacing) * 2)}
.gap-2\.5{gap:calc(var(--spacing) * 2.5)}
.gap-3{gap:calc(var(--spacing) * 3)}
.gap-4{gap:calc(var(--spacing) * 4)}
.gap-5{gap:calc(var(--spacing) * 5)}
.gap-6{gap:calc(var(--spacing) * 6)}
.gap-8{gap:calc(var(--spacing) * 8)}
.gap-10{gap:calc(var(--spacing) * 10)}
.gap-12{gap:calc(var(--spacing) * 12)}

.gap-14{gap:calc(var(--spacing) * 14)}
.gap-15{gap:calc(var(--spacing) * 15)}
.gap-\[0\.2em\]{gap:.2em}
:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;
margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}
:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;
margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}
:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;
margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}
:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;
margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}
:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;
margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}
:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;
margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}
:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;
margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}
.gap-x-1{column-gap:calc(var(--spacing) * 1)}
.gap-x-2{column-gap:calc(var(--spacing) * 2)}
.gap-x-4{column-gap:calc(var(--spacing) * 4)}
.gap-x-6{column-gap:calc(var(--spacing) * 6)}
.gap-x-20{column-gap:calc(var(--spacing) * 20)}

.gap-y-1{row-gap:calc(var(--spacing) * 1)}

:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;
border-bottom-style:var(--tw-border-style);
border-top-style:var(--tw-border-style);
border-top-width:calc(1px * var(--tw-divide-y-reverse));
border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}
:where(.divide-p-800>:not(:last-child)){border-color:var(--p-800)}
.self-center{align-self:center}

.self-stretch{align-self:stretch}

.truncate{text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden}

.overflow-hidden{overflow:hidden}
.overflow-visible{overflow:visible}
.overflow-x-auto{overflow-x:auto}
.overflow-y-auto{overflow-y:auto}
.scroll-smooth{scroll-behavior:smooth}
.rounded{border-radius:.25rem}
.rounded-full{border-radius:3.40282e+38px}
.rounded-lg{border-radius:var(--radius)}
.rounded-md{border-radius:calc(var(--radius) - 2px)}
.rounded-sm{border-radius:calc(var(--radius) - 4px)}
.rounded-xl{border-radius:calc(var(--radius) + 4px)}
.rounded-xs{border-radius:var(--radius-xs)}

.rounded-br-sm{border-bottom-right-radius:calc(var(--radius) - 4px)}
.rounded-bl-sm{border-bottom-left-radius:calc(var(--radius) - 4px)}
.border,.border-1{border-style:var(--tw-border-style);
border-width:1px}
.border-2{border-style:var(--tw-border-style);
border-width:2px}
.border-3{border-style:var(--tw-border-style);
border-width:3px}
.border-t{border-top-style:var(--tw-border-style);
border-top-width:1px}
.border-t-0{border-top-style:var(--tw-border-style);
border-top-width:0}
.border-r{border-right-style:var(--tw-border-style);
border-right-width:1px}
.border-b{border-bottom-style:var(--tw-border-style);
border-bottom-width:1px}
.border-b-2{border-bottom-style:var(--tw-border-style);
border-bottom-width:2px}
.border-b-4{border-bottom-style:var(--tw-border-style);
border-bottom-width:4px}
.border-l{border-left-style:var(--tw-border-style);
border-left-width:1px}
.border-l-2{border-left-style:var(--tw-border-style);
border-left-width:2px}
.border-dashed{--tw-border-style:dashed;
border-style:dashed}

.border-critical-600{border-color:var(--critical-600)}
.border-critical-700{border-color:var(--critical-700)}

.border-deep-clean-300{border-color:var(--deep-clean-300)}
.border-deep-clean-500{border-color:var(--deep-clean-500)}
.border-deep-clean-600{border-color:var(--deep-clean-600)}
.border-deep-clean-700{border-color:var(--deep-clean-700)}
.border-deep-clean-800{border-color:var(--deep-clean-800)}
.border-deep-clean-850{border-color:var(--deep-clean-850)}
.border-gray-200{border-color:var(--color-gray-200)}




.border-lite-clean-700{border-color:var(--lite-clean-700)}
.border-lite-clean-800{border-color:var(--lite-clean-800)}
.border-lite-clean-850{border-color:var(--lite-clean-850)}
.border-maintenance-clean-500{border-color:var(--maintenance-clean-500)}

.border-maintenance-clean-700{border-color:var(--maintenance-clean-700)}
.border-maintenance-clean-800{border-color:var(--maintenance-clean-800)}
.border-maintenance-clean-850{border-color:var(--maintenance-clean-850)}
.border-maintenance-clean-900{border-color:var(--maintenance-clean-900)}
.border-n-100{border-color:var(--n-100)}
.border-n-200{border-color:var(--n-200)}

.border-n-800{border-color:var(--n-800)}

.border-p-500{border-color:var(--p-500)}
.border-p-600{border-color:var(--p-600)}
.border-p-700,.border-p-700\/50{border-color:var(--p-700)}
@supports (color:color-mix(in lab,red,red)){.border-p-700\/50{border-color:color-mix(in oklab,var(--p-700) 50%,transparent)}
}
.border-p-800{border-color:var(--p-800)}

.border-p-850{border-color:var(--p-850)}


.border-red-700{border-color:var(--color-red-700)}
.border-sec-400{border-color:var(--s-400)}
.border-transparent{border-color:#0000}
.border-white{border-color:var(--color-white)}

.bg-\[\#111111\]{background-color:#111}
.bg-background{background-color:var(--background)}


.bg-critical-600{background-color:var(--critical-600)}
.bg-critical-800{background-color:var(--critical-800)}
.bg-deep-clean-100{background-color:var(--deep-clean-100)}

.bg-deep-clean-300{background-color:var(--deep-clean-300)}
.bg-deep-clean-500{background-color:var(--deep-clean-500)}
.bg-deep-clean-850{background-color:var(--deep-clean-850)}
.bg-deep-clean-900{background-color:var(--deep-clean-900)}
.bg-eco-0{background-color:var(--eco-0)}
.bg-input\/50{background-color:var(--input)}
@supports (color:color-mix(in lab,red,red)){.bg-input\/50{background-color:color-mix(in oklab,var(--input) 50%,transparent)}
}

.bg-lite-clean-300{background-color:var(--lite-clean-300)}

.bg-lite-clean-850{background-color:var(--lite-clean-850)}
.bg-lite-clean-900{background-color:var(--lite-clean-900)}
.bg-maintenance-clean-0{background-color:var(--maintenance-clean-0)}

.bg-maintenance-clean-300{background-color:var(--maintenance-clean-300)}
.bg-maintenance-clean-500{background-color:var(--maintenance-clean-500)}
.bg-maintenance-clean-850{background-color:var(--maintenance-clean-850)}
.bg-maintenance-clean-900{background-color:var(--maintenance-clean-900)}

.bg-n-50{background-color:var(--n-50)}
.bg-n-100{background-color:var(--n-100)}

.bg-n-300{background-color:var(--n-300)}
.bg-n-800{background-color:var(--n-800)}

.bg-p-300{background-color:var(--p-300)}
.bg-p-400{background-color:var(--p-400)}
.bg-p-500{background-color:var(--p-500)}
.bg-p-600{background-color:var(--p-600)}
.bg-p-700{background-color:var(--p-700)}
.bg-p-800,.bg-p-800\/60{background-color:var(--p-800)}
@supports (color:color-mix(in lab,red,red)){.bg-p-800\/60{background-color:color-mix(in oklab,var(--p-800) 60%,transparent)}
}
.bg-p-850{background-color:var(--p-850)}
.bg-p-900{background-color:var(--p-900)}






.bg-red-950{background-color:var(--color-red-950)}
.bg-sec-900{background-color:var(--s-900)}
.bg-transparent{background-color:#0000}
.bg-valid-700{background-color:var(--valid-700)}

.bg-warning-400{background-color:var(--warning-400)}
.bg-warning-800{background-color:var(--warning-800)}
.bg-white{background-color:var(--color-white)}


.bg-white\/30{background-color:#ffffff4d}
@supports (color:color-mix(in lab,red,red)){.bg-white\/30{background-color:color-mix(in oklab,var(--color-white) 30%,transparent)}
}


.bg-white\/60{background-color:#fff9}
@supports (color:color-mix(in lab,red,red)){.bg-white\/60{background-color:color-mix(in oklab,var(--color-white) 60%,transparent)}
}
.-bg-linear-60{--tw-gradient-position:calc(60deg * -1)}
@supports (background-image:linear-gradient(in lab,red,red)){.-bg-linear-60{--tw-gradient-position:calc(60deg * -1) in oklab}
}
.-bg-linear-60{background-image:linear-gradient(var(--tw-gradient-stops))}
.-bg-linear-135{--tw-gradient-position:calc(135deg * -1)}
@supports (background-image:linear-gradient(in lab,red,red)){.-bg-linear-135{--tw-gradient-position:calc(135deg * -1) in oklab}
}
.-bg-linear-135{background-image:linear-gradient(var(--tw-gradient-stops))}
.bg-linear-0{--tw-gradient-position:0deg}
@supports (background-image:linear-gradient(in lab,red,red)){.bg-linear-0{--tw-gradient-position:0deg in oklab}
}
.bg-linear-0{background-image:linear-gradient(var(--tw-gradient-stops))}
.bg-linear-20{--tw-gradient-position:20deg}
@supports (background-image:linear-gradient(in lab,red,red)){.bg-linear-20{--tw-gradient-position:20deg in oklab}
}
.bg-linear-20{background-image:linear-gradient(var(--tw-gradient-stops))}
.bg-linear-30{--tw-gradient-position:30deg}
@supports (background-image:linear-gradient(in lab,red,red)){.bg-linear-30{--tw-gradient-position:30deg in oklab}
}
.bg-linear-30{background-image:linear-gradient(var(--tw-gradient-stops))}
.bg-linear-80{--tw-gradient-position:80deg}
@supports (background-image:linear-gradient(in lab,red,red)){.bg-linear-80{--tw-gradient-position:80deg in oklab}
}
.bg-linear-80{background-image:linear-gradient(var(--tw-gradient-stops))}
.bg-linear-135{--tw-gradient-position:135deg}
@supports (background-image:linear-gradient(in lab,red,red)){.bg-linear-135{--tw-gradient-position:135deg in oklab}
}
.bg-linear-135{background-image:linear-gradient(var(--tw-gradient-stops))}
.bg-linear-180{--tw-gradient-position:180deg}
@supports (background-image:linear-gradient(in lab,red,red)){.bg-linear-180{--tw-gradient-position:180deg in oklab}
}
.bg-linear-180{background-image:linear-gradient(var(--tw-gradient-stops))}
.bg-\[url\(\'\/assets\/vyshyvanka\.png\'\)\]{background-image:url(/assets/vyshyvanka.png)}
.bg-\[url\(\/assets\/images\/eco-bg\.jpg\)\]{background-image:url(/assets/images/eco-bg.jpg)}
.bg-blue-gradient-1{background-image:var(--blue-gradient-1)}
.bg-dark-gradient-1{background-image:var(--dark-gradient-1)}
.bg-deep-clean-gradient-1{background-image:var(--deep-clean-gradient-1)}
.bg-golden-gradient-2{background-image:var(--golden-gradient-2)}
.from-deep-clean-200{--tw-gradient-from:var(--deep-clean-200);
--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}
.from-lite-clean-200{--tw-gradient-from:var(--lite-clean-200);
--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}
.from-lite-clean-850{--tw-gradient-from:var(--lite-clean-850);
--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}
.from-maintenance-clean-400{--tw-gradient-from:var(--maintenance-clean-400);
--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}
.from-maintenance-clean-700{--tw-gradient-from:var(--maintenance-clean-700);
--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}
.from-maintenance-clean-850{--tw-gradient-from:var(--maintenance-clean-850);
--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}
.from-n-50{--tw-gradient-from:var(--n-50);
--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}
.from-p-500{--tw-gradient-from:var(--p-500);
--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}
.from-p-800{--tw-gradient-from:var(--p-800);
--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}
.from-p-900\/50{--tw-gradient-from:var(--p-900)}
@supports (color:color-mix(in lab,red,red)){.from-p-900\/50{--tw-gradient-from:color-mix(in oklab,var(--p-900) 50%,transparent)}
}
.from-p-900\/50{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}

.via-p-900{--tw-gradient-via:var(--p-900);
--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-via) var(--tw-gradient-via-position),var(--tw-gradient-to) var(--tw-gradient-to-position);
--tw-gradient-stops:var(--tw-gradient-via-stops)}
.via-white{--tw-gradient-via:var(--color-white);
--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-via) var(--tw-gradient-via-position),var(--tw-gradient-to) var(--tw-gradient-to-position);
--tw-gradient-stops:var(--tw-gradient-via-stops)}
.to-deep-clean-100{--tw-gradient-to:var(--deep-clean-100);
--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}
.to-lite-clean-850{--tw-gradient-to:var(--lite-clean-850);
--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}
.to-maintenance-clean-400{--tw-gradient-to:var(--maintenance-clean-400);
--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}
.to-maintenance-clean-850{--tw-gradient-to:var(--maintenance-clean-850);
--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}
.to-n-0{--tw-gradient-to:var(--n-0);
--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}
.to-p-300{--tw-gradient-to:var(--p-300);
--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}
.to-p-800{--tw-gradient-to:var(--p-800);
--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}
.to-transparent{--tw-gradient-to:transparent;
--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}
.to-white{--tw-gradient-to:var(--color-white);
--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}
.bg-contain{background-size:contain}
.bg-cover{background-size:cover}
.bg-fixed{background-attachment:fixed}

.bg-center{background-position:50%}
.bg-no-repeat{background-repeat:no-repeat}
.bg-repeat-x{background-repeat:repeat-x}
.fill-white{fill:var(--color-white)}
.object-contain{object-fit:contain}
.object-cover{object-fit:cover}
.object-top{object-position:top}
.p-0{padding:calc(var(--spacing) * 0)}
.p-2{padding:calc(var(--spacing) * 2)}
.p-3{padding:calc(var(--spacing) * 3)}
.p-4{padding:calc(var(--spacing) * 4)}
.p-5{padding:calc(var(--spacing) * 5)}
.p-6{padding:calc(var(--spacing) * 6)}
.p-8{padding:calc(var(--spacing) * 8)}
.p-12{padding:calc(var(--spacing) * 12)}
.px-1{padding-inline:calc(var(--spacing) * 1)}
.px-2{padding-inline:calc(var(--spacing) * 2)}
.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}
.px-3{padding-inline:calc(var(--spacing) * 3)}
.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}
.px-4{padding-inline:calc(var(--spacing) * 4)}
.px-5{padding-inline:calc(var(--spacing) * 5)}
.px-6{padding-inline:calc(var(--spacing) * 6)}
.px-7{padding-inline:calc(var(--spacing) * 7)}
.px-8{padding-inline:calc(var(--spacing) * 8)}
.px-10{padding-inline:calc(var(--spacing) * 10)}
.px-24{padding-inline:calc(var(--spacing) * 24)}
.py-0\.5{padding-block:calc(var(--spacing) * .5)}
.py-1{padding-block:calc(var(--spacing) * 1)}
.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}
.py-2{padding-block:calc(var(--spacing) * 2)}
.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}
.py-3{padding-block:calc(var(--spacing) * 3)}
.py-4{padding-block:calc(var(--spacing) * 4)}
.py-5{padding-block:calc(var(--spacing) * 5)}
.py-6{padding-block:calc(var(--spacing) * 6)}
.py-8{padding-block:calc(var(--spacing) * 8)}
.py-10{padding-block:calc(var(--spacing) * 10)}
.py-12{padding-block:calc(var(--spacing) * 12)}
.py-15{padding-block:calc(var(--spacing) * 15)}
.py-16{padding-block:calc(var(--spacing) * 16)}
.py-20{padding-block:calc(var(--spacing) * 20)}
.py-25{padding-block:calc(var(--spacing) * 25)}
.pt-0{padding-top:calc(var(--spacing) * 0)}

.pt-1{padding-top:calc(var(--spacing) * 1)}
.pt-2{padding-top:calc(var(--spacing) * 2)}
.pt-2\.5{padding-top:calc(var(--spacing) * 2.5)}
.pt-4{padding-top:calc(var(--spacing) * 4)}
.pt-5{padding-top:calc(var(--spacing) * 5)}
.pt-6{padding-top:calc(var(--spacing) * 6)}
.pt-8{padding-top:calc(var(--spacing) * 8)}
.pt-15{padding-top:calc(var(--spacing) * 15)}
.pt-20{padding-top:calc(var(--spacing) * 20)}
.pb-2{padding-bottom:calc(var(--spacing) * 2)}

.pb-5{padding-bottom:calc(var(--spacing) * 5)}
.pb-7{padding-bottom:calc(var(--spacing) * 7)}
.pb-15{padding-bottom:calc(var(--spacing) * 15)}
.pb-20{padding-bottom:calc(var(--spacing) * 20)}
.pb-24{padding-bottom:calc(var(--spacing) * 24)}
.pb-25{padding-bottom:calc(var(--spacing) * 25)}
.pl-2{padding-left:calc(var(--spacing) * 2)}
.pl-3{padding-left:calc(var(--spacing) * 3)}
.pl-5{padding-left:calc(var(--spacing) * 5)}
.pl-10{padding-left:calc(var(--spacing) * 10)}
.pl-12{padding-left:calc(var(--spacing) * 12)}
.text-center{text-align:center}
.text-left{text-align:left}
.text-right{text-align:right}
.align-top{vertical-align:top}
.font-cursive{font-family:Dynalight,sans-serif}
.font-mono{font-family:var(--font-mono)}
.text-2xl{font-size:var(--text-2xl);
line-height:var(--tw-leading,var(--text-2xl--line-height))}
.text-3xl{font-size:var(--text-3xl);
line-height:var(--tw-leading,var(--text-3xl--line-height))}
.text-4xl{font-size:var(--text-4xl);
line-height:var(--tw-leading,var(--text-4xl--line-height))}
.text-5xl{font-size:var(--text-5xl);
line-height:var(--tw-leading,var(--text-5xl--line-height))}
.text-6xl{font-size:var(--text-6xl);
line-height:var(--tw-leading,var(--text-6xl--line-height))}
.text-base{font-size:var(--text-base);
line-height:var(--tw-leading,var(--text-base--line-height))}
.text-lg{font-size:var(--text-lg);
line-height:var(--tw-leading,var(--text-lg--line-height))}
.text-sm{font-size:var(--text-sm);
line-height:var(--tw-leading,var(--text-sm--line-height))}
.text-xl{font-size:var(--text-xl);
line-height:var(--tw-leading,var(--text-xl--line-height))}
.text-xs{font-size:var(--text-xs);
line-height:var(--tw-leading,var(--text-xs--line-height))}
.text-\[0\.4em\]{font-size:.4em}
.text-\[0\.6em\]{font-size:.6em}
.text-\[0\.65rem\]{font-size:.65rem}
.text-\[2\.25rem\]{font-size:2.25rem}
.text-\[4rem\]{font-size:4rem}
.text-\[6rem\]{font-size:6rem}
.text-\[10px\]{font-size:10px}
.text-\[11px\]{font-size:11px}
.text-md{font-size:var(--text-md)}

.leading-\[1\.1\]{--tw-leading:1.1;
line-height:1.1}
.leading-\[1\.2\]{--tw-leading:1.2;
line-height:1.2}
.leading-\[1\.3\]{--tw-leading:1.3;
line-height:1.3}
.leading-\[1\.4\]{--tw-leading:1.4;
line-height:1.4}
.leading-\[1\.5\]{--tw-leading:1.5;
line-height:1.5}
.leading-\[1\.6\]{--tw-leading:1.6;
line-height:1.6}
.leading-\[1\.7\]{--tw-leading:1.7;
line-height:1.7}
.leading-\[1\.8\]{--tw-leading:1.8;
line-height:1.8}
.leading-none{--tw-leading:1;
line-height:1}
.leading-relaxed{--tw-leading:var(--leading-relaxed);
line-height:var(--leading-relaxed)}
.leading-snug{--tw-leading:var(--leading-snug);
line-height:var(--leading-snug)}
.leading-tight{--tw-leading:var(--leading-tight);
line-height:var(--leading-tight)}
.font-bold{--tw-font-weight:700;
font-weight:700}
.font-light{--tw-font-weight:var(--font-weight-light);
font-weight:var(--font-weight-light)}
.font-medium{--tw-font-weight:550;
font-weight:550}
.font-normal{--tw-font-weight:var(--font-weight-normal);
font-weight:var(--font-weight-normal)}
.font-semibold{--tw-font-weight:640;
font-weight:640}

.tracking-wide{--tw-tracking:var(--tracking-wide);
letter-spacing:var(--tracking-wide)}
.tracking-wider{--tw-tracking:var(--tracking-wider);
letter-spacing:var(--tracking-wider)}
.tracking-widest{--tw-tracking:var(--tracking-widest);
letter-spacing:var(--tracking-widest)}
.text-balance{text-wrap:balance}
.break-words{overflow-wrap:break-word}
.break-all{word-break:break-all}

.whitespace-nowrap{white-space:nowrap}


.text-blue-600{color:var(--color-blue-600)}
.text-critical-300{color:var(--critical-300)}
.text-critical-600{color:var(--critical-600)}

.text-deep-clean-100{color:var(--deep-clean-100)}
.text-deep-clean-200{color:var(--deep-clean-200)}
.text-deep-clean-300{color:var(--deep-clean-300)}
.text-deep-clean-400{color:var(--deep-clean-400)}
.text-deep-clean-500{color:var(--deep-clean-500)}
.text-deep-clean-700{color:var(--deep-clean-700)}
.text-deep-clean-800{color:var(--deep-clean-800)}
.text-deep-clean-850{color:var(--deep-clean-850)}
.text-deep-clean-900{color:var(--deep-clean-900)}


.text-lite-clean-200{color:var(--lite-clean-200)}
.text-lite-clean-300{color:var(--lite-clean-300)}


.text-lite-clean-700{color:var(--lite-clean-700)}
.text-lite-clean-850{color:var(--lite-clean-850)}
.text-maintenance-clean-100{color:var(--maintenance-clean-100)}
.text-maintenance-clean-200{color:var(--maintenance-clean-200)}
.text-maintenance-clean-300{color:var(--maintenance-clean-300)}
.text-maintenance-clean-400{color:var(--maintenance-clean-400)}
.text-maintenance-clean-500{color:var(--maintenance-clean-500)}
.text-maintenance-clean-700{color:var(--maintenance-clean-700)}
.text-maintenance-clean-850{color:var(--maintenance-clean-850)}
.text-muted-foreground{color:var(--muted-foreground)}
.text-n-50{color:var(--n-50)}
.text-n-100{color:var(--n-100)}
.text-n-150{color:var(--n-150)}
.text-n-200{color:var(--n-200)}
.text-n-400{color:var(--n-400)}
.text-n-500{color:var(--n-500)}
.text-n-700{color:var(--n-700)}
.text-n-800{color:var(--n-800)}
.text-n-900{color:var(--n-900)}
.text-p-100{color:var(--p-100)}
.text-p-150{color:var(--p-150)}
.text-p-200{color:var(--p-200)}
.text-p-300{color:var(--p-300)}
.text-p-400{color:var(--p-400)}
.text-p-500,.text-p-500\/5{color:var(--p-500)}
@supports (color:color-mix(in lab,red,red)){.text-p-500\/5{color:color-mix(in oklab,var(--p-500) 5%,transparent)}
}
.text-p-600,.text-p-600\/50{color:var(--p-600)}
@supports (color:color-mix(in lab,red,red)){.text-p-600\/50{color:color-mix(in oklab,var(--p-600) 50%,transparent)}
}
.text-p-700{color:var(--p-700)}
.text-p-800{color:var(--p-800)}
.text-p-900{color:var(--p-900)}
.text-red-200{color:var(--color-red-200)}




.text-sec-600{color:var(--s-600)}



.text-white{color:var(--color-white)}

.lowercase{text-transform:lowercase}
.uppercase{text-transform:uppercase}
.italic{font-style:italic}
.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,)}
.underline{text-decoration-line:underline}
.decoration-deep-clean-400{-webkit-text-decoration-color:var(--deep-clean-400);
text-decoration-color:var(--deep-clean-400)}
.decoration-deep-clean-500{-webkit-text-decoration-color:var(--deep-clean-500);
text-decoration-color:var(--deep-clean-500)}
.decoration-deep-clean-600{-webkit-text-decoration-color:var(--deep-clean-600);
text-decoration-color:var(--deep-clean-600)}
.decoration-p-400{-webkit-text-decoration-color:var(--p-400);
text-decoration-color:var(--p-400)}
.decoration-p-600{-webkit-text-decoration-color:var(--p-600);
text-decoration-color:var(--p-600)}
.underline-offset-2{text-underline-offset:2px}
.antialiased{-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale}
.opacity-0{opacity:0}
.opacity-50{opacity:.5}

.opacity-75{opacity:.75}
.opacity-80{opacity:.8}

.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040)}
.shadow-2xl,.shadow-\[-1rem_0\.6rem_1\.8rem_rgba\(0\,0\,0\,0\.6\)\]{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}
.shadow-\[-1rem_0\.6rem_1\.8rem_rgba\(0\,0\,0\,0\.6\)\]{--tw-shadow:-1rem .6rem 1.8rem var(--tw-shadow-color,#0009)}
.shadow-\[-1rem_0\.6rem_1\.8rem_rgba\(255\,255\,255\,0\.6\)\]{--tw-shadow:-1rem .6rem 1.8rem var(--tw-shadow-color,#fff9)}
.shadow-\[-1rem_0\.6rem_1\.8rem_rgba\(255\,255\,255\,0\.6\)\]{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}

.shadow-\[0_0\.6rem_1\.8rem_-0\.5rem_var\(--deep-clean-500\)\]{--tw-shadow:0 .6rem 1.8rem -.5rem var(--tw-shadow-color,var(--deep-clean-500))}
.shadow-\[0_0\.6rem_1\.8rem_-0\.5rem_var\(--deep-clean-500\)\],.shadow-\[0_0_4rem_-1rem_white\]{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}
.shadow-\[0_0_4rem_-1rem_white\]{--tw-shadow:0 0 4rem -1rem var(--tw-shadow-color,white)}

.shadow-\[0_2rem_2rem_rgba\(0\,0\,0\,0\.2\)\]{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}
.shadow-\[0_2rem_2rem_rgba\(0\,0\,0\,0\.2\)\]{--tw-shadow:0 2rem 2rem var(--tw-shadow-color,#0003)}
.shadow-\[0_9px_24px_rgba\(0\,0\,0\,0\.4\)\]{--tw-shadow:0 9px 24px var(--tw-shadow-color,#0006)}
.shadow-\[0_9px_24px_rgba\(0\,0\,0\,0\.4\)\],.shadow-lg{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}
.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a)}
.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a)}
.shadow-md,.shadow-sm{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}
.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}
.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a)}
.shadow-xl{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}

.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);
box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}


.outline{outline-style:var(--tw-outline-style);
outline-width:1px}
.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,)}

.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;
transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
transition-duration:var(--tw-duration,var(--default-transition-duration))}

.transition-\[border-color\,background-color\]{transition-property:border-color,background-color;
transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
transition-duration:var(--tw-duration,var(--default-transition-duration))}
.transition-\[border-color\,box-shadow\]{transition-property:border-color,box-shadow;
transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
transition-duration:var(--tw-duration,var(--default-transition-duration))}

.transition-\[color\]{transition-property:color;
transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
transition-duration:var(--tw-duration,var(--default-transition-duration))}
.transition-all{transition-property:all;
transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
transition-duration:var(--tw-duration,var(--default-transition-duration))}
.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;
transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
transition-duration:var(--tw-duration,var(--default-transition-duration))}
.transition-opacity{transition-property:opacity;
transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
transition-duration:var(--tw-duration,var(--default-transition-duration))}
.transition-transform{transition-property:transform,translate,scale,rotate;
transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
transition-duration:var(--tw-duration,var(--default-transition-duration))}
.duration-100{--tw-duration:.1s;
transition-duration:.1s}
.duration-200{--tw-duration:.2s;
transition-duration:.2s}
.duration-300{--tw-duration:.3s;
transition-duration:.3s}
.duration-400{--tw-duration:.4s;
transition-duration:.4s}
.duration-500{--tw-duration:.5s;
transition-duration:.5s}
.outline-none{--tw-outline-style:none;
outline-style:none}
.select-none{-webkit-user-select:none;
user-select:none}

.\[grid-area\:a\]{grid-area:a}
.\[grid-area\:b\]{grid-area:b}
.\[grid-area\:c\]{grid-area:c}
.\[grid-template-areas\:\'a\'_\'b\'_\'c\'\]{grid-template-areas:"a""b""c"}

.running{animation-play-state:running}









.group-hover\:border-p-600:is(:where(.group):hover *){border-color:var(--p-600)}

.group-hover\:text-p-200:is(:where(.group):hover *){color:var(--p-200)}
.group-hover\:text-p-400:is(:where(.group):hover *){color:var(--p-400)}
.group-hover\:text-p-500:is(:where(.group):hover *),.group-hover\:text-p-500\/10:is(:where(.group):hover *){color:var(--p-500)}
@supports (color:color-mix(in lab,red,red)){.group-hover\:text-p-500\/10:is(:where(.group):hover *){color:color-mix(in oklab,var(--p-500) 10%,transparent)}
}
.group-hover\/btn\:translate-x-1:is(:where(.group\/btn):hover *){--tw-translate-x:calc(var(--spacing) * 1);
translate:var(--tw-translate-x) var(--tw-translate-y)}




.selection\:bg-primary ::selection{background-color:var(--primary)}
.selection\:bg-primary::selection{background-color:var(--primary)}
.selection\:text-primary-foreground ::selection{color:var(--primary-foreground)}
.selection\:text-primary-foreground::selection{color:var(--primary-foreground)}
.file\:inline-flex::file-selector-button{display:inline-flex}
.file\:h-7::file-selector-button{height:calc(var(--spacing) * 7)}
.file\:border-0::file-selector-button{border-style:var(--tw-border-style);
border-width:0}
.file\:bg-transparent::file-selector-button{background-color:#0000}
.file\:text-sm::file-selector-button{font-size:var(--text-sm);
line-height:var(--tw-leading,var(--text-sm--line-height))}
.file\:font-medium::file-selector-button{--tw-font-weight:550;
font-weight:550}
.file\:text-foreground::file-selector-button{color:var(--foreground)}
.placeholder\:font-light::placeholder{--tw-font-weight:var(--font-weight-light);
font-weight:var(--font-weight-light)}
.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}
.placeholder\:text-n-400::placeholder{color:var(--n-400)}












.focus-within\:ring-2:focus-within{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);
box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}

.focus-within\:ring-offset-2:focus-within{--tw-ring-offset-width:2px;
--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}


.hover\:border-deep-clean-500:hover{border-color:var(--deep-clean-500)}

.hover\:border-deep-clean-800:hover{border-color:var(--deep-clean-800)}

.hover\:border-lite-clean-850:hover{border-color:var(--lite-clean-850)}


.hover\:border-maintenance-clean-800:hover{border-color:var(--maintenance-clean-800)}
.hover\:border-n-400:hover{border-color:var(--n-400)}

.hover\:border-p-600:hover{border-color:var(--p-600)}

.hover\:border-white:hover{border-color:var(--color-white)}
.hover\:bg-\[\#000000\]:hover{background-color:#000}
.hover\:bg-accent:hover{background-color:var(--accent)}


.hover\:bg-deep-clean-400:hover{background-color:var(--deep-clean-400)}
.hover\:bg-deep-clean-700:hover{background-color:var(--deep-clean-700)}


.hover\:bg-deep-clean-850:hover{background-color:var(--deep-clean-850)}
.hover\:bg-deep-clean-900:hover{background-color:var(--deep-clean-900)}

.hover\:bg-input\/70:hover{background-color:var(--input)}
@supports (color:color-mix(in lab,red,red)){.hover\:bg-input\/70:hover{background-color:color-mix(in oklab,var(--input) 70%,transparent)}
}
.hover\:bg-lite-clean-700:hover{background-color:var(--lite-clean-700)}


.hover\:bg-lite-clean-900:hover{background-color:var(--lite-clean-900)}

.hover\:bg-maintenance-clean-700:hover{background-color:var(--maintenance-clean-700)}


.hover\:bg-maintenance-clean-850:hover{background-color:var(--maintenance-clean-850)}
.hover\:bg-maintenance-clean-900:hover{background-color:var(--maintenance-clean-900)}



.hover\:bg-n-150:hover{background-color:var(--n-150)}
.hover\:bg-p-500:hover{background-color:var(--p-500)}
.hover\:bg-p-600:hover{background-color:var(--p-600)}
.hover\:bg-p-800:hover{background-color:var(--p-800)}
.hover\:bg-p-850:hover{background-color:var(--p-850)}





.hover\:bg-white:hover{background-color:var(--color-white)}


.hover\:from-p-850:hover{--tw-gradient-from:var(--p-850);
--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}
.hover\:via-p-900\/10:hover{--tw-gradient-via:var(--p-900)}
@supports (color:color-mix(in lab,red,red)){.hover\:via-p-900\/10:hover{--tw-gradient-via:color-mix(in oklab,var(--p-900) 10%,transparent)}
}
.hover\:via-p-900\/10:hover{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-via) var(--tw-gradient-via-position),var(--tw-gradient-to) var(--tw-gradient-to-position);
--tw-gradient-stops:var(--tw-gradient-via-stops)}
.hover\:to-white:hover{--tw-gradient-to:var(--color-white);
--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}
.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}
.hover\:text-deep-clean-200:hover{color:var(--deep-clean-200)}
.hover\:text-deep-clean-400:hover{color:var(--deep-clean-400)}
.hover\:text-deep-clean-500:hover{color:var(--deep-clean-500)}

.hover\:text-p-200:hover{color:var(--p-200)}
.hover\:text-p-300:hover{color:var(--p-300)}
.hover\:text-p-400:hover{color:var(--p-400)}
.hover\:text-p-500:hover{color:var(--p-500)}
.hover\:text-p-600:hover{color:var(--p-600)}
.hover\:text-p-700:hover{color:var(--p-700)}
.hover\:text-p-900:hover{color:var(--p-900)}

.hover\:underline:hover{text-decoration-line:underline}
.hover\:decoration-p-500:hover{-webkit-text-decoration-color:var(--p-500);
text-decoration-color:var(--p-500)}
.hover\:opacity-80:hover{opacity:.8}
.hover\:shadow-\[0_0_2rem_-0\.25rem_rgba\(0\,0\,0\,0\.2\)\]:hover{--tw-shadow:0 0 2rem -.25rem var(--tw-shadow-color,#0003)}
.hover\:shadow-\[0_0_2rem_-0\.25rem_rgba\(0\,0\,0\,0\.2\)\]:hover,.hover\:shadow-sm:hover{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}
.hover\:shadow-sm:hover{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}
.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);
box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}
.hover\:brightness-107:hover{--tw-brightness:brightness(107%);
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,)}

.focus\:border-p-500:focus{border-color:var(--p-500)}








.focus\:ring-p-500:focus{--tw-ring-color:var(--p-500)}

.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;
--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}

.focus\:outline-none:focus{--tw-outline-style:none;
outline-style:none}
.focus-visible\:border-p-900:focus-visible{border-color:var(--p-900)}

.focus-visible\:ring-2:focus-visible,.focus-visible\:ring-\[2px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);
box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}

.focus-visible\:ring-p-500:focus-visible{--tw-ring-color:var(--p-500)}
.focus-visible\:ring-p-800:focus-visible{--tw-ring-color:var(--p-800)}


.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;
--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}
.focus-visible\:ring-offset-transparent:focus-visible{--tw-ring-offset-color:transparent}

.disabled\:pointer-events-none:disabled{pointer-events:none}
.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}

.disabled\:opacity-50:disabled{opacity:.5}



.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}
.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}
@supports (color:color-mix(in lab,red,red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive) 20%,transparent)}
}
:is(.\*\*\:data-bullet\:flex *)[data-bullet]{display:flex}
:is(.\*\*\:data-bullet\:flex-col *)[data-bullet]{flex-direction:column}
:is(.\*\*\:data-bullet\:gap-1 *)[data-bullet]{gap:calc(var(--spacing) * 1)}
:is(.\*\*\:data-bullet\:gap-2 *)[data-bullet]{gap:calc(var(--spacing) * 2)}
:is(.\*\*\:data-bullet\:rounded-md *)[data-bullet]{border-radius:calc(var(--radius) - 2px)}
:is(.\*\*\:data-bullet\:border *)[data-bullet]{border-style:var(--tw-border-style);
border-width:1px}
:is(.\*\*\:data-bullet\:border-b-4 *)[data-bullet]{border-bottom-style:var(--tw-border-style);
border-bottom-width:4px}
:is(.\*\*\:data-bullet\:border-deep-clean-850 *)[data-bullet]{border-color:var(--deep-clean-850)}
:is(.\*\*\:data-bullet\:border-lite-clean-850 *)[data-bullet]{border-color:var(--lite-clean-850)}
:is(.\*\*\:data-bullet\:border-maintenance-clean-850 *)[data-bullet]{border-color:var(--maintenance-clean-850)}
:is(.\*\*\:data-bullet\:border-n-150 *)[data-bullet]{border-color:var(--n-150)}
:is(.\*\*\:data-bullet\:bg-deep-clean-850 *)[data-bullet]{background-color:var(--deep-clean-850)}
:is(.\*\*\:data-bullet\:bg-deep-clean-900 *)[data-bullet]{background-color:var(--deep-clean-900)}
:is(.\*\*\:data-bullet\:bg-lite-clean-850 *)[data-bullet]{background-color:var(--lite-clean-850)}
:is(.\*\*\:data-bullet\:bg-lite-clean-900 *)[data-bullet]{background-color:var(--lite-clean-900)}
:is(.\*\*\:data-bullet\:bg-maintenance-clean-850 *)[data-bullet]{background-color:var(--maintenance-clean-850)}
:is(.\*\*\:data-bullet\:bg-maintenance-clean-900 *)[data-bullet]{background-color:var(--maintenance-clean-900)}
:is(.\*\*\:data-bullet\:bg-n-100 *)[data-bullet]{background-color:var(--n-100)}
:is(.\*\*\:data-bullet\:bg-white *)[data-bullet]{background-color:var(--color-white)}
:is(.\*\*\:data-bullet\:px-5 *)[data-bullet]{padding-inline:calc(var(--spacing) * 5)}
:is(.\*\*\:data-bullet\:py-3 *)[data-bullet]{padding-block:calc(var(--spacing) * 3)}
:is(.\*\*\:data-bullet\:py-5 *)[data-bullet]{padding-block:calc(var(--spacing) * 5)}
:is(.\*\*\:data-bullet\:text-sm *)[data-bullet]{font-size:var(--text-sm);
line-height:var(--tw-leading,var(--text-sm--line-height))}
:is(.\*\*\:data-bullet\:leading-\[1\.4\] *)[data-bullet]{--tw-leading:1.4;
line-height:1.4}
:is(.\*\*\:data-bullet\:text-deep-clean-100 *)[data-bullet]{color:var(--deep-clean-100)}
:is(.\*\*\:data-bullet-desc\:text-sm *)[data-bullet-desc]{font-size:var(--text-sm);
line-height:var(--tw-leading,var(--text-sm--line-height))}
:is(.\*\*\:data-bullet-desc\:leading-\[1\.5\] *)[data-bullet-desc]{--tw-leading:1.5;
line-height:1.5}
:is(.\*\*\:data-bullet-service-title\:text-lg *)[data-bullet-service-title]{font-size:var(--text-lg);
line-height:var(--tw-leading,var(--text-lg--line-height))}
:is(.\*\*\:data-bullet-service-title\:font-semibold *)[data-bullet-service-title]{--tw-font-weight:640;
font-weight:640}
:is(.\*\*\:data-bullet-title\:relative *)[data-bullet-title]{position:relative}
:is(.\*\*\:data-bullet-title\:text-3xl *)[data-bullet-title]{font-size:var(--text-3xl);
line-height:var(--tw-leading,var(--text-3xl--line-height))}
:is(.\*\*\:data-bullet-title\:text-xl *)[data-bullet-title]{font-size:var(--text-xl);
line-height:var(--tw-leading,var(--text-xl--line-height))}
:is(.\*\*\:data-bullet-title\:leading-\[1\.2\] *)[data-bullet-title]{--tw-leading:1.2;
line-height:1.2}
:is(.\*\*\:data-bullet-title\:leading-\[1\.4\] *)[data-bullet-title]{--tw-leading:1.4;
line-height:1.4}
:is(.\*\*\:data-bullet-title\:font-medium *)[data-bullet-title]{--tw-font-weight:550;
font-weight:550}
:is(.\*\*\:data-bullet-title\:font-semibold *)[data-bullet-title]{--tw-font-weight:640;
font-weight:640}
:is(.\*\*\:data-bullet-title\:text-balance *)[data-bullet-title]{text-wrap:balance}
:is(.\*\*\:data-bullet-title\:text-deep-clean-300 *)[data-bullet-title]{color:var(--deep-clean-300)}
:is(.\*\*\:data-bullet-title\:text-lite-clean-300 *)[data-bullet-title]{color:var(--lite-clean-300)}
:is(.\*\*\:data-bullet-title\:text-maintenance-clean-300 *)[data-bullet-title]{color:var(--maintenance-clean-300)}
:is(.\*\*\:data-bullet-title\:text-n-900 *)[data-bullet-title]{color:var(--n-900)}
:is(.\*\*\:data-bullet-title\:text-p-500 *)[data-bullet-title]{color:var(--p-500)}
:is(.\*\*\:data-bullet-title\:before\:absolute *)[data-bullet-title]:before{content:var(--tw-content);
position:absolute}
:is(.\*\*\:data-bullet-title\:before\:top-1 *)[data-bullet-title]:before{content:var(--tw-content);
top:calc(var(--spacing) * 1)}
:is(.\*\*\:data-bullet-title\:before\:top-1\/2 *)[data-bullet-title]:before{content:var(--tw-content);
top:50%}
:is(.\*\*\:data-bullet-title\:before\:-left-8 *)[data-bullet-title]:before{content:var(--tw-content);
left:calc(var(--spacing) * -8)}
:is(.\*\*\:data-bullet-title\:before\:-left-10 *)[data-bullet-title]:before{content:var(--tw-content);
left:calc(var(--spacing) * -10)}
:is(.\*\*\:data-bullet-title\:before\:block *)[data-bullet-title]:before{content:var(--tw-content);
display:block}
:is(.\*\*\:data-bullet-title\:before\:h-6 *)[data-bullet-title]:before{content:var(--tw-content);
height:calc(var(--spacing) * 6)}
:is(.\*\*\:data-bullet-title\:before\:w-6 *)[data-bullet-title]:before{content:var(--tw-content);
width:calc(var(--spacing) * 6)}
:is(.\*\*\:data-bullet-title\:before\:-translate-y-1\/2 *)[data-bullet-title]:before{content:var(--tw-content);
--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);
translate:var(--tw-translate-x) var(--tw-translate-y)}
:is(.\*\*\:data-bullet-title\:before\:rounded-full *)[data-bullet-title]:before{content:var(--tw-content);
border-radius:3.40282e+38px}
:is(.\*\*\:data-bullet-title\:before\:border-8 *)[data-bullet-title]:before{content:var(--tw-content);
border-style:var(--tw-border-style);
border-width:8px}
:is(.\*\*\:data-bullet-title\:before\:border-p-500 *)[data-bullet-title]:before{content:var(--tw-content);
border-color:var(--p-500)}
:is(.\*\*\:data-bullet-title\:before\:border-white *)[data-bullet-title]:before{content:var(--tw-content);
border-color:var(--color-white)}
:is(.\*\*\:data-bullet-title\:before\:bg-p-500 *)[data-bullet-title]:before{content:var(--tw-content);
background-color:var(--p-500)}
:is(.\*\*\:data-bullet-title\:before\:bg-sec-500 *)[data-bullet-title]:before{content:var(--tw-content);
background-color:var(--s-500)}
:is(.\*\*\:data-bullet-title\:before\:content-\[\'\'\] *)[data-bullet-title]:before{--tw-content:"";
content:var(--tw-content)}
:is(.\*\*\:data-card\:flex *)[data-card]{display:flex}
:is(.\*\*\:data-card\:flex-col *)[data-card]{flex-direction:column}
:is(.\*\*\:data-card\:gap-2 *)[data-card]{gap:calc(var(--spacing) * 2)}
:is(.\*\*\:data-card\:gap-5 *)[data-card]{gap:calc(var(--spacing) * 5)}
:is(.\*\*\:data-card\:rounded-md *)[data-card]{border-radius:calc(var(--radius) - 2px)}
:is(.\*\*\:data-card\:bg-maintenance-clean-900 *)[data-card]{background-color:var(--maintenance-clean-900)}
:is(.\*\*\:data-card\:bg-white *)[data-card]{background-color:var(--color-white)}
:is(.\*\*\:data-card\:p-5 *)[data-card]{padding:calc(var(--spacing) * 5)}
:is(.\*\*\:data-card\:p-8 *)[data-card]{padding:calc(var(--spacing) * 8)}
:is(.\*\*\:data-card\:px-10 *)[data-card]{padding-inline:calc(var(--spacing) * 10)}
:is(.\*\*\:data-card\:text-balance *)[data-card]{text-wrap:balance}
:is(.\*\:data-col\:flex>*)[data-col]{display:flex}
:is(.\*\:data-col\:grow-1>*)[data-col]{flex-grow:1}
:is(.\*\:data-col\:flex-col>*)[data-col]{flex-direction:column}
:is(.\*\*\:data-col-heading\:border-b *)[data-col-heading]{border-bottom-style:var(--tw-border-style);
border-bottom-width:1px}
:is(.\*\*\:data-col-heading\:border-b-p-600 *)[data-col-heading]{border-bottom-color:var(--p-600)}
:is(.\*\*\:data-col-heading\:px-2 *)[data-col-heading]{padding-inline:calc(var(--spacing) * 2)}
:is(.\*\*\:data-col-heading\:py-1 *)[data-col-heading]{padding-block:calc(var(--spacing) * 1)}
:is(.\*\*\:data-col-heading\:text-sm *)[data-col-heading]{font-size:var(--text-sm);
line-height:var(--tw-leading,var(--text-sm--line-height))}
:is(.\*\*\:data-col-heading\:font-medium *)[data-col-heading]{--tw-font-weight:550;
font-weight:550}
:is(.\*\*\:data-col-heading\:tracking-wider *)[data-col-heading]{--tw-tracking:var(--tracking-wider);
letter-spacing:var(--tracking-wider)}
:is(.\*\*\:data-col-heading\:text-p-600 *)[data-col-heading]{color:var(--p-600)}
:is(.\*\*\:data-col-heading\:uppercase *)[data-col-heading]{text-transform:uppercase}
:is(.\*\*\:data-content\:hidden *)[data-content]{display:none}
:is(.\*\*\:data-content\:grow-1 *)[data-content]{flex-grow:1}
:is(.\*\*\:data-content\:justify-between *)[data-content]{justify-content:space-between}
:is(.\*\*\:data-desc\:grow-1 *)[data-desc]{flex-grow:1}
:is(.\*\*\:data-desc\:leading-\[1\.5\] *)[data-desc]{--tw-leading:1.5;
line-height:1.5}
:is(.\*\*\:data-desc\:text-balance *)[data-desc]{text-wrap:balance}
:is(.\*\*\:data-description\:text-lg *)[data-description]{font-size:var(--text-lg);
line-height:var(--tw-leading,var(--text-lg--line-height))}
:is(.\*\*\:data-description\:text-balance *)[data-description]{text-wrap:balance}
:is(.\*\*\:data-description\:text-n-150 *)[data-description]{color:var(--n-150)}
:is(.\*\*\:data-description\:text-p-800 *)[data-description]{color:var(--p-800)}
:is(.\*\*\:data-hour\:text-md *)[data-hour]{font-size:var(--text-md)}
:is(.\*\*\:data-hour\:leading-\[1\] *)[data-hour]{--tw-leading:1;
line-height:1}
:is(.\*\*\:data-hour\:font-semibold *)[data-hour]{--tw-font-weight:640;
font-weight:640}
:is(.\*\*\:data-hour\:text-maintenance-clean-500 *)[data-hour]{color:var(--maintenance-clean-500)}
:is(.\*\*\:data-input\:bg-p-900 *)[data-input]{background-color:var(--p-900)}
:is(.\*\*\:data-input\:p-3 *)[data-input]{padding:calc(var(--spacing) * 3)}
:is(.\*\*\:data-label\:flex *)[data-label]{display:flex}
:is(.\*\*\:data-label\:flex-col *)[data-label]{flex-direction:column}
:is(.\*\*\:data-label\:gap-2 *)[data-label]{gap:calc(var(--spacing) * 2)}
:is(.\*\*\:data-link\:flex *)[data-link]{display:flex}
:is(.\*\*\:data-link\:h-14 *)[data-link]{height:calc(var(--spacing) * 14)}
:is(.\*\*\:data-link\:items-center *)[data-link]{align-items:center}
:is(.\*\*\:data-link\:justify-center *)[data-link]{justify-content:center}
:is(.\*\*\:data-link\:rounded-sm *)[data-link]{border-radius:calc(var(--radius) - 4px)}
:is(.\*\*\:data-link\:border *)[data-link]{border-style:var(--tw-border-style);
border-width:1px}
:is(.\*\*\:data-link\:border-p-900 *)[data-link]{border-color:var(--p-900)}
:is(.\*\*\:data-link\:px-2 *)[data-link]{padding-inline:calc(var(--spacing) * 2)}
:is(.\*\*\:data-link\:py-\[6px\] *)[data-link]{padding-block:6px}
:is(.\*\*\:data-link\:font-medium *)[data-link]{--tw-font-weight:550;
font-weight:550}
:is(.\*\*\:data-link\:transition-colors *)[data-link]{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;
transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
transition-duration:var(--tw-duration,var(--default-transition-duration))}
:is(.\*\*\:data-link\:duration-300 *)[data-link]{--tw-duration:.3s;
transition-duration:.3s}
:is(.\*\*\:data-link\:hover\:bg-p-500 *)[data-link]:hover{background-color:var(--p-500)}
:is(.\*\*\:data-link\:hover\:duration-50 *)[data-link]:hover{--tw-duration:50ms;
transition-duration:50ms}
:is(.\*\*\:data-link-area\:flex *)[data-link-area]{display:flex}
:is(.\*\*\:data-link-area\:h-full *)[data-link-area]{height:100%}
:is(.\*\*\:data-link-area\:w-full *)[data-link-area]{width:100%}
:is(.\*\*\:data-link-area\:items-center *)[data-link-area]{align-items:center}
:is(.\*\*\:data-link-area\:justify-center *)[data-link-area]{justify-content:center}
:is(.\*\*\:data-link-area\:rounded-sm *)[data-link-area]{border-radius:calc(var(--radius) - 4px)}
:is(.\*\*\:data-link-area\:border *)[data-link-area]{border-style:var(--tw-border-style);
border-width:1px}
:is(.\*\*\:data-link-area\:border-p-800 *)[data-link-area]{border-color:var(--p-800)}
:is(.\*\*\:data-link-area\:bg-p-900 *)[data-link-area]{background-color:var(--p-900)}
:is(.\*\*\:data-link-area\:px-5 *)[data-link-area]{padding-inline:calc(var(--spacing) * 5)}

:is(.\*\*\:data-link-area\:text-center *)[data-link-area]{text-align:center}
:is(.\*\*\:data-p\:leading-\[1\.4\] *)[data-p]{--tw-leading:1.4;
line-height:1.4}
:is(.\*\*\:data-p\:font-medium *)[data-p]{--tw-font-weight:550;
font-weight:550}
:is(.\*\:data-pill\:rounded-sm>*)[data-pill]{border-radius:calc(var(--radius) - 4px)}
:is(.\*\:data-pill\:bg-deep-clean-900>*)[data-pill]{background-color:var(--deep-clean-900)}
:is(.\*\:data-pill\:bg-lite-clean-900>*)[data-pill]{background-color:var(--lite-clean-900)}
:is(.\*\:data-pill\:bg-maintenance-clean-900>*)[data-pill]{background-color:var(--maintenance-clean-900)}
:is(.\*\:data-pill\:px-2>*)[data-pill]{padding-inline:calc(var(--spacing) * 2)}
:is(.\*\:data-pill\:py-1>*)[data-pill]{padding-block:calc(var(--spacing) * 1)}
:is(.\*\:data-pill\:text-deep-clean-300>*)[data-pill]{color:var(--deep-clean-300)}
:is(.\*\:data-pill\:text-lite-clean-300>*)[data-pill]{color:var(--lite-clean-300)}
:is(.\*\:data-pill\:text-maintenance-clean-300>*)[data-pill]{color:var(--maintenance-clean-300)}
:is(.\*\*\:data-price\:text-4xl *)[data-price]{font-size:var(--text-4xl);
line-height:var(--tw-leading,var(--text-4xl--line-height))}
:is(.\*\*\:data-price\:font-semibold *)[data-price]{--tw-font-weight:640;
font-weight:640}
:is(.\*\*\:data-price-intro\:text-sm *)[data-price-intro]{font-size:var(--text-sm);
line-height:var(--tw-leading,var(--text-sm--line-height))}
:is(.\*\*\:data-price-suffix\:text-xl *)[data-price-suffix]{font-size:var(--text-xl);
line-height:var(--tw-leading,var(--text-xl--line-height))}
:is(.\*\*\:data-price-suffix\:font-semibold *)[data-price-suffix]{--tw-font-weight:640;
font-weight:640}
:is(.\*\*\:data-row\:h-\[3px\] *)[data-row]{height:3px}
:is(.\*\*\:data-row\:w-full *)[data-row]{width:100%}
:is(.\*\*\:data-row\:rounded-\[1px\] *)[data-row]{border-radius:1px}
:is(.\*\*\:data-row\:bg-p-400 *)[data-row]{background-color:var(--p-400)}
:is(.\*\*\:data-row\:transition-\[transform_opacity\] *)[data-row]{transition-property:transform opacity;
transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
transition-duration:var(--tw-duration,var(--default-transition-duration))}

:is(.\*\*\:data-service-card\:relative *)[data-service-card]{position:relative}
:is(.\*\*\:data-service-card\:flex *)[data-service-card]{display:flex}
:is(.\*\*\:data-service-card\:w-full *)[data-service-card]{width:100%}
:is(.\*\*\:data-service-card\:basis-full *)[data-service-card]{flex-basis:100%}
:is(.\*\*\:data-service-card\:flex-col *)[data-service-card]{flex-direction:column}
:is(.\*\*\:data-service-card\:justify-center *)[data-service-card]{justify-content:center}
:is(.\*\*\:data-service-card\:gap-4 *)[data-service-card]{gap:calc(var(--spacing) * 4)}
:is(.\*\*\:data-service-card\:rounded-sm *)[data-service-card]{border-radius:calc(var(--radius) - 4px)}
:is(.\*\*\:data-service-card\:rounded-xl *)[data-service-card]{border-radius:calc(var(--radius) + 4px)}
:is(.\*\*\:data-service-card\:border *)[data-service-card]{border-style:var(--tw-border-style);
border-width:1px}
:is(.\*\*\:data-service-card\:bg-linear-30 *)[data-service-card]{--tw-gradient-position:30deg}
@supports (background-image:linear-gradient(in lab,red,red)){:is(.\*\*\:data-service-card\:bg-linear-30 *)[data-service-card]{--tw-gradient-position:30deg in oklab}
}
:is(.\*\*\:data-service-card\:bg-linear-30 *)[data-service-card]{background-image:linear-gradient(var(--tw-gradient-stops))}
:is(.\*\*\:data-service-card\:px-6 *)[data-service-card]{padding-inline:calc(var(--spacing) * 6)}
:is(.\*\*\:data-service-card\:py-6 *)[data-service-card]{padding-block:calc(var(--spacing) * 6)}
:is(.\*\*\:data-service-desc\:leading-\[1\.4\] *)[data-service-desc]{--tw-leading:1.4;
line-height:1.4}
:is(.\*\*\:data-service-desc\:text-balance *)[data-service-desc]{text-wrap:balance}
:is(.\*\*\:data-service-link\:flex *)[data-service-link]{display:flex}
:is(.\*\*\:data-service-link\:h-12 *)[data-service-link]{height:calc(var(--spacing) * 12)}
:is(.\*\*\:data-service-link\:w-full *)[data-service-link]{width:100%}
:is(.\*\*\:data-service-link\:items-center *)[data-service-link]{align-items:center}
:is(.\*\*\:data-service-link\:justify-center *)[data-service-link]{justify-content:center}
:is(.\*\*\:data-service-link\:rounded-sm *)[data-service-link]{border-radius:calc(var(--radius) - 4px)}
:is(.\*\*\:data-service-link\:border *)[data-service-link]{border-style:var(--tw-border-style);
border-width:1px}
:is(.\*\*\:data-service-link\:text-center *)[data-service-link]{text-align:center}
:is(.\*\*\:data-service-link\:text-md *)[data-service-link]{font-size:var(--text-md)}
:is(.\*\*\:data-service-link\:font-medium *)[data-service-link]{--tw-font-weight:550;
font-weight:550}
:is(.\*\*\:data-service-link\:transition-\[background-color\,border-color\] *)[data-service-link]{transition-property:background-color,border-color;
transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
transition-duration:var(--tw-duration,var(--default-transition-duration))}
:is(.\*\*\:data-service-link\:duration-300 *)[data-service-link]{--tw-duration:.3s;
transition-duration:.3s}
:is(.\*\*\:hover\:data-service-link\:duration-50 *):hover[data-service-link]{--tw-duration:50ms;
transition-duration:50ms}
:is(.\*\*\:data-service-title\:relative *)[data-service-title]{position:relative}
:is(.\*\*\:data-service-title\:z-10 *)[data-service-title]{z-index:10}
:is(.\*\*\:data-service-title\:flex *)[data-service-title]{display:flex}
:is(.\*\*\:data-service-title\:h-12 *)[data-service-title]{height:calc(var(--spacing) * 12)}
:is(.\*\*\:data-service-title\:w-full *)[data-service-title]{width:100%}
:is(.\*\*\:data-service-title\:items-center *)[data-service-title]{align-items:center}
:is(.\*\*\:data-service-title\:pl-5 *)[data-service-title]{padding-left:calc(var(--spacing) * 5)}
:is(.\*\*\:data-service-title\:text-3xl *)[data-service-title]{font-size:var(--text-3xl);
line-height:var(--tw-leading,var(--text-3xl--line-height))}
:is(.\*\*\:data-service-title\:text-md *)[data-service-title]{font-size:var(--text-md)}
:is(.\*\*\:data-service-title\:font-semibold *)[data-service-title]{--tw-font-weight:640;
font-weight:640}
:is(.\*\*\:data-service-title\:text-nowrap *)[data-service-title]{text-wrap:nowrap}
:is(.\*\:data-step\:relative>*)[data-step]{position:relative}
:is(.\*\:data-step\:flex>*)[data-step]{display:flex}
:is(.\*\:data-step\:flex-col>*)[data-step]{flex-direction:column}
:is(.\*\:data-step\:gap-1>*)[data-step]{gap:calc(var(--spacing) * 1)}
:is(.\*\:data-step\:gap-4>*)[data-step]{gap:calc(var(--spacing) * 4)}
:is(.\*\:data-step\:py-3>*)[data-step]{padding-block:calc(var(--spacing) * 3)}
:is(.\*\:data-step\:pr-2>*)[data-step]{padding-right:calc(var(--spacing) * 2)}
:is(.\*\:data-step\:pb-6>*)[data-step]{padding-bottom:calc(var(--spacing) * 6)}
:is(.\*\:data-step\:pl-7>*)[data-step]{padding-left:calc(var(--spacing) * 7)}
:is(.\*\:data-step\:pl-9>*)[data-step]{padding-left:calc(var(--spacing) * 9)}
:is(.\*\*\:data-step\:before\:absolute *)[data-step]:before{content:var(--tw-content);
position:absolute}
:is(.\*\*\:data-step\:before\:top-6 *)[data-step]:before{content:var(--tw-content);
top:calc(var(--spacing) * 6)}
:is(.\*\*\:data-step\:before\:top-9 *)[data-step]:before{content:var(--tw-content);
top:calc(var(--spacing) * 9)}
:is(.\*\*\:data-step\:before\:-bottom-6 *)[data-step]:before{content:var(--tw-content);
bottom:calc(var(--spacing) * -6)}
:is(.\*\*\:data-step\:before\:left-2 *)[data-step]:before{content:var(--tw-content);
left:calc(var(--spacing) * 2)}
:is(.\*\*\:data-step\:before\:border *)[data-step]:before{content:var(--tw-content);
border-style:var(--tw-border-style);
border-width:1px}
:is(.\*\*\:data-step\:before\:border-dashed *)[data-step]:before{content:var(--tw-content);
--tw-border-style:dashed;
border-style:dashed}
:is(.\*\*\:data-step\:before\:border-p-700 *)[data-step]:before{content:var(--tw-content);
border-color:var(--p-700)}
:is(.\*\*\:data-step\:before\:border-p-800 *)[data-step]:before{content:var(--tw-content);
border-color:var(--p-800)}
:is(.\*\*\:data-step\:before\:content-\[\'\'\] *)[data-step]:before{--tw-content:"";
content:var(--tw-content)}
:is(.\*\:data-step\:last-of-type\:pb-8>*)[data-step]:last-of-type{padding-bottom:calc(var(--spacing) * 8)}






:is(.\*\*\:data-sup\:block *)[data-sup]{display:block}
:is(.\*\*\:data-sup\:text-lg *)[data-sup]{font-size:var(--text-lg);
line-height:var(--tw-leading,var(--text-lg--line-height))}
:is(.\*\*\:data-sup\:text-xl *)[data-sup]{font-size:var(--text-xl);
line-height:var(--tw-leading,var(--text-xl--line-height))}
:is(.\*\*\:data-sup\:leading-\[1\.2\] *)[data-sup]{--tw-leading:1.2;
line-height:1.2}
:is(.\*\*\:data-sup\:font-medium *)[data-sup]{--tw-font-weight:550;
font-weight:550}
:is(.\*\*\:data-sup\:text-balance *)[data-sup]{text-wrap:balance}
:is(.\*\*\:data-title\:block *)[data-title]{display:block}
:is(.\*\*\:data-title\:flex *)[data-title]{display:flex}
:is(.\*\*\:data-title\:flex-row *)[data-title]{flex-direction:row}
:is(.\*\*\:data-title\:items-center *)[data-title]{align-items:center}
:is(.\*\*\:data-title\:gap-1 *)[data-title]{gap:calc(var(--spacing) * 1)}
:is(.\*\*\:data-title\:text-xl *)[data-title]{font-size:var(--text-xl);
line-height:var(--tw-leading,var(--text-xl--line-height))}
:is(.\*\*\:data-title\:font-semibold *)[data-title]{--tw-font-weight:640;
font-weight:640}



@media (min-width:40rem){.sm\:max-h-\[4\.25rem\]{max-height:4.25rem}

.sm\:max-w-\[220px\]{max-width:220px}
.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\:flex-row{flex-direction:row}
.sm\:items-center{align-items:center}
.sm\:justify-between{justify-content:space-between}


}
@media (min-width:48rem){.md\:absolute{position:absolute}
.md\:top-0{top:calc(var(--spacing) * 0)}
.md\:top-1\/2{top:50%}
.md\:top-5{top:calc(var(--spacing) * 5)}
.md\:top-\[73\%\]{top:73%}
.md\:right-0{right:calc(var(--spacing) * 0)}
.md\:right-\[65\%\]{right:65%}
.md\:right-full{right:100%}
.md\:bottom-\[10\%\]{bottom:10%}
.md\:left-0{left:calc(var(--spacing) * 0)}
.md\:left-\[65\%\]{left:65%}
.md\:left-full{left:100%}
.md\:mx-auto{margin-inline:auto}
.md\:mr-0{margin-right:calc(var(--spacing) * 0)}
.md\:block{display:block}
.md\:flex{display:flex}
.md\:hidden{display:none}
.md\:h-55{height:calc(var(--spacing) * 55)}
.md\:h-\[clamp\(5rem\,20vw\,20rem\)\]{height:clamp(5rem,20vw,20rem)}
.md\:w-50{width:calc(var(--spacing) * 50)}
.md\:w-70{width:calc(var(--spacing) * 70)}
.md\:w-90{width:calc(var(--spacing) * 90)}
.md\:w-\[clamp\(5rem\,20vw\,20rem\)\]{width:clamp(5rem,20vw,20rem)}
.md\:w-fit{width:fit-content}
.md\:max-w-full{max-width:100%}
.md\:max-w-sm{max-width:var(--container-sm)}
.md\:min-w-80{min-width:calc(var(--spacing) * 80)}
.md\:min-w-100{min-width:calc(var(--spacing) * 100)}
.md\:grow-1{flex-grow:1}
.md\:-translate-x-8{--tw-translate-x:calc(var(--spacing) * -8)}
.md\:-translate-x-8,.md\:translate-x-8{translate:var(--tw-translate-x) var(--tw-translate-y)}
.md\:translate-x-8{--tw-translate-x:calc(var(--spacing) * 8)}
.md\:-translate-y-10{--tw-translate-y:calc(var(--spacing) * -10)}
.md\:-translate-y-10,.md\:-translate-y-\[80\%\]{translate:var(--tw-translate-x) var(--tw-translate-y)}
.md\:-translate-y-\[80\%\]{--tw-translate-y:calc(80% * -1)}
.md\:-translate-y-\[calc\(50\%\+1rem\)\]{--tw-translate-y:calc(calc(50% + 1rem) * -1);
translate:var(--tw-translate-x) var(--tw-translate-y)}
.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.md\:flex-col-reverse{flex-direction:column-reverse}
.md\:flex-row{flex-direction:row}
.md\:flex-row-reverse{flex-direction:row-reverse}
.md\:items-center{align-items:center}
.md\:items-start{align-items:flex-start}
.md\:gap-10{gap:calc(var(--spacing) * 10)}
.md\:gap-40{gap:calc(var(--spacing) * 40)}
.md\:py-0{padding-block:calc(var(--spacing) * 0)}
.md\:pt-12{padding-top:calc(var(--spacing) * 12)}
.md\:pb-25{padding-bottom:calc(var(--spacing) * 25)}
.md\:text-left{text-align:left}
.md\:text-right{text-align:right}

.md\:text-4xl{font-size:var(--text-4xl);
line-height:var(--tw-leading,var(--text-4xl--line-height))}
.md\:text-5xl{font-size:var(--text-5xl);
line-height:var(--tw-leading,var(--text-5xl--line-height))}

.md\:text-sm{font-size:var(--text-sm);
line-height:var(--tw-leading,var(--text-sm--line-height))}
.md\:text-\[clamp\(3rem\,3\.5vw\,3\.8rem\)\]{font-size:clamp(3rem,3.5vw,3.8rem)}
.md\:before\:absolute:before{content:var(--tw-content);
position:absolute}
.md\:before\:bottom-\[110\%\]:before{content:var(--tw-content);
bottom:110%}
.md\:before\:h-10:before{content:var(--tw-content);
height:calc(var(--spacing) * 10)}
.md\:before\:w-2:before{content:var(--tw-content);
width:calc(var(--spacing) * 2)}
.md\:before\:rounded-full:before{content:var(--tw-content);
border-radius:3.40282e+38px}
.md\:before\:bg-deep-clean-800:before{content:var(--tw-content);
background-color:var(--deep-clean-800)}
.md\:before\:content-\[\'\'\]:before{--tw-content:"";
content:var(--tw-content)}
}
@media (min-width:64rem){
.lg\:-top-10{top:calc(var(--spacing) * -10)}
.lg\:-top-20{top:calc(var(--spacing) * -20)}
.lg\:top-0{top:calc(var(--spacing) * 0)}
.lg\:-right-15{right:calc(var(--spacing) * -15)}
.lg\:-left-40{left:calc(var(--spacing) * -40)}

.lg\:col-span-2{grid-column:span 2/span 2}
.lg\:col-start-1{grid-column-start:1}
.lg\:col-start-2{grid-column-start:2}
.lg\:col-end-3{grid-column-end:3}
.lg\:col-end-4{grid-column-end:4}
.lg\:mx-0{margin-inline:calc(var(--spacing) * 0)}
.lg\:mx-auto{margin-inline:auto}
.lg\:mt-15{margin-top:calc(var(--spacing) * 15)}
.lg\:mr-0{margin-right:calc(var(--spacing) * 0)}
.lg\:-mb-30{margin-bottom:calc(var(--spacing) * -30)}
.lg\:block{display:block}
.lg\:grid{display:grid}
.lg\:h-8{height:calc(var(--spacing) * 8)}
.lg\:h-10{height:calc(var(--spacing) * 10)}

.lg\:h-12{height:calc(var(--spacing) * 12)}
.lg\:h-14{height:calc(var(--spacing) * 14)}
.lg\:h-70{height:calc(var(--spacing) * 70)}
.lg\:h-100{height:calc(var(--spacing) * 100)}
.lg\:max-h-20{max-height:calc(var(--spacing) * 20)}
.lg\:max-h-80{max-height:calc(var(--spacing) * 80)}
.lg\:max-h-\[unset\]{max-height:unset}
.lg\:min-h-12{min-height:calc(var(--spacing) * 12)}
.lg\:w-8{width:calc(var(--spacing) * 8)}
.lg\:w-10{width:calc(var(--spacing) * 10)}
.lg\:w-12{width:calc(var(--spacing) * 12)}
.lg\:w-14{width:calc(var(--spacing) * 14)}
.lg\:w-70{width:calc(var(--spacing) * 70)}
.lg\:w-75{width:calc(var(--spacing) * 75)}
.lg\:w-100{width:calc(var(--spacing) * 100)}
.lg\:w-110{width:calc(var(--spacing) * 110)}
.lg\:w-\[unset\]{width:unset}
.lg\:w-d1{width:var(--width-1)}
.lg\:w-d1-long{width:var(--width-1-long)}
.lg\:w-fit{width:fit-content}
.lg\:w-max{width:max-content}
.lg\:max-w-50{max-width:calc(var(--spacing) * 50)}
.lg\:max-w-60{max-width:calc(var(--spacing) * 60)}
.lg\:max-w-70{max-width:calc(var(--spacing) * 70)}
.lg\:max-w-300{max-width:calc(var(--spacing) * 300)}
.lg\:max-w-\[240px\]{max-width:240px}
.lg\:max-w-\[clamp\(10rem\,35vw\,38rem\)\]{max-width:clamp(10rem,35vw,38rem)}
.lg\:grow-1{flex-grow:1}
.lg\:basis-full{flex-basis:100%}
.lg\:\[grid-template-columns\:1fr_auto\]{grid-template-columns:1fr auto}

.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.lg\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}
.lg\:flex-row{flex-direction:row}
.lg\:flex-row-reverse{flex-direction:row-reverse}
.lg\:items-center{align-items:center}
.lg\:items-end{align-items:flex-end}
.lg\:justify-between{justify-content:space-between}
.lg\:gap-0{gap:calc(var(--spacing) * 0)}
.lg\:gap-5{gap:calc(var(--spacing) * 5)}
.lg\:gap-6{gap:calc(var(--spacing) * 6)}
.lg\:gap-8{gap:calc(var(--spacing) * 8)}
.lg\:gap-10{gap:calc(var(--spacing) * 10)}
.lg\:gap-12{gap:calc(var(--spacing) * 12)}
.lg\:gap-15{gap:calc(var(--spacing) * 15)}
.lg\:gap-20{gap:calc(var(--spacing) * 20)}
.lg\:rounded-2xl{border-radius:var(--radius-2xl)}
.lg\:rounded-none{border-radius:0}

.lg\:rounded-tr-none{border-top-right-radius:0}
.lg\:rounded-br-none{border-bottom-right-radius:0}
.lg\:border-2{border-style:var(--tw-border-style);
border-width:2px}

.lg\:border-r-0{border-right-style:var(--tw-border-style);
border-right-width:0}
.lg\:border-sec-800{border-color:var(--s-800)}
.lg\:bg-transparent{background-color:#0000}

.lg\:p-7{padding:calc(var(--spacing) * 7)}
.lg\:p-10{padding:calc(var(--spacing) * 10)}
.lg\:p-12{padding:calc(var(--spacing) * 12)}

.lg\:px-4{padding-inline:calc(var(--spacing) * 4)}

.lg\:px-7{padding-inline:calc(var(--spacing) * 7)}
.lg\:px-9{padding-inline:calc(var(--spacing) * 9)}
.lg\:px-10{padding-inline:calc(var(--spacing) * 10)}
.lg\:px-12{padding-inline:calc(var(--spacing) * 12)}
.lg\:py-0{padding-block:calc(var(--spacing) * 0)}
.lg\:py-6{padding-block:calc(var(--spacing) * 6)}
.lg\:py-8{padding-block:calc(var(--spacing) * 8)}
.lg\:py-10{padding-block:calc(var(--spacing) * 10)}
.lg\:py-15{padding-block:calc(var(--spacing) * 15)}
.lg\:py-16{padding-block:calc(var(--spacing) * 16)}
.lg\:pt-10{padding-top:calc(var(--spacing) * 10)}
.lg\:pt-20{padding-top:calc(var(--spacing) * 20)}
.lg\:pt-25{padding-top:calc(var(--spacing) * 25)}
.lg\:pt-40{padding-top:calc(var(--spacing) * 40)}
.lg\:pr-4{padding-right:calc(var(--spacing) * 4)}
.lg\:pb-20{padding-bottom:calc(var(--spacing) * 20)}
.lg\:pb-30{padding-bottom:calc(var(--spacing) * 30)}
.lg\:pb-50{padding-bottom:calc(var(--spacing) * 50)}
.lg\:pl-0{padding-left:calc(var(--spacing) * 0)}
.lg\:text-center{text-align:center}
.lg\:text-right{text-align:right}
.lg\:text-2xl{font-size:var(--text-2xl);
line-height:var(--tw-leading,var(--text-2xl--line-height))}
.lg\:text-3xl{font-size:var(--text-3xl);
line-height:var(--tw-leading,var(--text-3xl--line-height))}
.lg\:text-4xl{font-size:var(--text-4xl);
line-height:var(--tw-leading,var(--text-4xl--line-height))}
.lg\:text-5xl{font-size:var(--text-5xl);
line-height:var(--tw-leading,var(--text-5xl--line-height))}
.lg\:text-6xl{font-size:var(--text-6xl);
line-height:var(--tw-leading,var(--text-6xl--line-height))}
.lg\:text-lg{font-size:var(--text-lg);
line-height:var(--tw-leading,var(--text-lg--line-height))}
.lg\:text-xl{font-size:var(--text-xl);
line-height:var(--tw-leading,var(--text-xl--line-height))}
.lg\:text-\[2\.5rem\]{font-size:2.5rem}

.lg\:shadow-\[0_1rem_3rem_-1rem_var\(--s-700\)\]{--tw-shadow:0 1rem 3rem -1rem var(--tw-shadow-color,var(--s-700))}
.lg\:shadow-\[0_1rem_3rem_-1rem_var\(--s-700\)\]{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}

.lg\:\[grid-area\:a\]{grid-area:a}
.lg\:\[grid-template-areas\:\'a_c\'_\'b_b\'\],.lg\:\[grid-template-areas\:_\'a_c\'_\'b_b\'\]{grid-template-areas:"a c""b b"}

.lg\:hover\:bg-white:hover{background-color:var(--color-white)}

:is(.lg\:\*\*\:data-bullet\:px-7 *)[data-bullet]{padding-inline:calc(var(--spacing) * 7)}
:is(.lg\:\*\*\:data-bullet-title\:text-4xl *)[data-bullet-title]{font-size:var(--text-4xl);
line-height:var(--tw-leading,var(--text-4xl--line-height))}
:is(.lg\:\*\*\:data-bullet-title\:before\:-left-15 *)[data-bullet-title]:before{content:var(--tw-content);
left:calc(var(--spacing) * -15)}
:is(.lg\:\*\*\:data-card\:flex-row *)[data-card]{flex-direction:row}
:is(.lg\:\*\*\:data-card\:items-center *)[data-card]{align-items:center}
:is(.lg\:\*\*\:data-card\:gap-10 *)[data-card]{gap:calc(var(--spacing) * 10)}
:is(.lg\:\*\*\:data-card\:p-6 *)[data-card]{padding:calc(var(--spacing) * 6)}
:is(.lg\:\*\*\:data-hour\:text-lg *)[data-hour]{font-size:var(--text-lg);
line-height:var(--tw-leading,var(--text-lg--line-height))}

:is(.lg\:\*\*\:data-link-area\:w-fit *)[data-link-area]{width:fit-content}
:is(.lg\:\*\*\:data-link-area\:border-none *)[data-link-area]{--tw-border-style:none;
border-style:none}
:is(.lg\:\*\*\:data-link-area\:bg-transparent *)[data-link-area]{background-color:#0000}
:is(.lg\:\*\*\:data-link-area\:transition-colors *)[data-link-area]{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;
transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
transition-duration:var(--tw-duration,var(--default-transition-duration))}
:is(.lg\:\*\*\:data-link-area\:duration-300 *)[data-link-area]{--tw-duration:.3s;
transition-duration:.3s}
:is(.lg\:\*\*\:data-link-area\:group-hover\:bg-p-850 *)[data-link-area]:is(:where(.group):hover *){background-color:var(--p-850)}
:is(.lg\:\*\*\:data-link-area\:hover\:duration-50 *)[data-link-area]:hover{--tw-duration:50ms;
transition-duration:50ms}
:is(.lg\:\*\*\:data-link\:hover\:data-link-area\:bg-p-850 *)[data-link]:hover[data-link-area]{background-color:var(--p-850)}
:is(.lg\:\*\*\:data-price\:text-5xl *)[data-price]{font-size:var(--text-5xl);
line-height:var(--tw-leading,var(--text-5xl--line-height))}
:is(.lg\:\*\*\:data-price-suffix\:text-2xl *)[data-price-suffix]{font-size:var(--text-2xl);
line-height:var(--tw-leading,var(--text-2xl--line-height))}
:is(.lg\:\*\*\:data-service-card\:px-9 *)[data-service-card]{padding-inline:calc(var(--spacing) * 9)}
:is(.lg\:\*\*\:data-service-card\:py-8 *)[data-service-card]{padding-block:calc(var(--spacing) * 8)}
:is(.lg\:\*\*\:data-service-title\:text-3xl *)[data-service-title]{font-size:var(--text-3xl);
line-height:var(--tw-leading,var(--text-3xl--line-height))}
:is(.lg\:\*\:data-step\:pl-14>*)[data-step]{padding-left:calc(var(--spacing) * 14)}
}
@media (min-width:80rem){.xl\:invisible{visibility:hidden}
.xl\:absolute{position:absolute}
.xl\:static{position:static}
.xl\:top-1\/2{top:50%}
.xl\:top-10{top:calc(var(--spacing) * 10)}
.xl\:top-\[75\%\]{top:75%}

.xl\:right-0{right:calc(var(--spacing) * 0)}
.xl\:right-\[40\%\]{right:40%}
.xl\:right-full{right:100%}
.xl\:bottom-0{bottom:calc(var(--spacing) * 0)}
.xl\:left-0{left:calc(var(--spacing) * 0)}
.xl\:left-\[80\%\]{left:80%}
.xl\:left-\[unset\]{left:unset}
.xl\:z-20{z-index:20}

.xl\:mx-0{margin-inline:calc(var(--spacing) * 0)}
.xl\:mx-auto{margin-inline:auto}
.xl\:flex{display:flex}
.xl\:hidden{display:none}
.xl\:aspect-square{aspect-ratio:1}
.xl\:h-5{height:calc(var(--spacing) * 5)}
.xl\:h-16{height:calc(var(--spacing) * 16)}
.xl\:h-100{height:calc(var(--spacing) * 100)}
.xl\:h-120{height:calc(var(--spacing) * 120)}
.xl\:h-\[clamp\(5rem\,19vw\,18rem\)\]{height:clamp(5rem,19vw,18rem)}
.xl\:h-full{height:100%}
.xl\:w-5{width:calc(var(--spacing) * 5)}
.xl\:w-16{width:calc(var(--spacing) * 16)}
.xl\:w-80{width:calc(var(--spacing) * 80)}
.xl\:w-90{width:calc(var(--spacing) * 90)}
.xl\:w-100{width:calc(var(--spacing) * 100)}
.xl\:w-120{width:calc(var(--spacing) * 120)}
.xl\:w-\[clamp\(5rem\,19vw\,18rem\)\]{width:clamp(5rem,19vw,18rem)}
.xl\:w-full{width:100%}
.xl\:max-w-none{max-width:none}
.xl\:min-w-90{min-width:calc(var(--spacing) * 90)}
.xl\:translate-x-0{--tw-translate-x:calc(var(--spacing) * 0)}
.xl\:translate-x-0,.xl\:translate-x-4{translate:var(--tw-translate-x) var(--tw-translate-y)}
.xl\:translate-x-4{--tw-translate-x:calc(var(--spacing) * 4)}
.xl\:-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1)}
.xl\:-translate-y-1\/2,.xl\:-translate-y-\[50\%\]{translate:var(--tw-translate-x) var(--tw-translate-y)}
.xl\:-translate-y-\[50\%\]{--tw-translate-y:calc(50% * -1)}
.xl\:translate-y-\[75\%\]{--tw-translate-y:75%;
translate:var(--tw-translate-x) var(--tw-translate-y)}
.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.xl\:flex-row{flex-direction:row}
.xl\:flex-row-reverse{flex-direction:row-reverse}
.xl\:items-center{align-items:center}
.xl\:items-stretch{align-items:stretch}
.xl\:justify-between{justify-content:space-between}
.xl\:justify-center{justify-content:center}
.xl\:gap-0{gap:calc(var(--spacing) * 0)}
.xl\:gap-4{gap:calc(var(--spacing) * 4)}
.xl\:gap-10{gap:calc(var(--spacing) * 10)}
.xl\:gap-15{gap:calc(var(--spacing) * 15)}
.xl\:gap-20{gap:calc(var(--spacing) * 20)}
.xl\:gap-30{gap:calc(var(--spacing) * 30)}
.xl\:border-none{--tw-border-style:none;
border-style:none}

.xl\:border-lite-clean-850{border-color:var(--lite-clean-850)}
.xl\:border-maintenance-clean-850{border-color:var(--maintenance-clean-850)}
.xl\:border-n-700{border-color:var(--n-700)}
.xl\:bg-deep-clean-100{background-color:var(--deep-clean-100)}


.xl\:bg-n-50{background-color:var(--n-50)}
.xl\:bg-transparent{background-color:#0000}
.xl\:-bg-linear-60{--tw-gradient-position:calc(60deg * -1)}
@supports (background-image:linear-gradient(in lab,red,red)){.xl\:-bg-linear-60{--tw-gradient-position:calc(60deg * -1) in oklab}
}
.xl\:-bg-linear-60{background-image:linear-gradient(var(--tw-gradient-stops))}
.xl\:bg-linear-0{--tw-gradient-position:0deg}
@supports (background-image:linear-gradient(in lab,red,red)){.xl\:bg-linear-0{--tw-gradient-position:0deg in oklab}
}
.xl\:bg-linear-0{background-image:linear-gradient(var(--tw-gradient-stops))}
.xl\:from-deep-clean-100{--tw-gradient-from:var(--deep-clean-100);
--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}
.xl\:from-lite-clean-850{--tw-gradient-from:var(--lite-clean-850);
--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}
.xl\:from-maintenance-clean-850{--tw-gradient-from:var(--maintenance-clean-850);
--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}
.xl\:from-transparent{--tw-gradient-from:transparent;
--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}
.xl\:via-deep-clean-500{--tw-gradient-via:var(--deep-clean-500);
--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-via) var(--tw-gradient-via-position),var(--tw-gradient-to) var(--tw-gradient-to-position);
--tw-gradient-stops:var(--tw-gradient-via-stops)}
.xl\:via-white{--tw-gradient-via:var(--color-white);
--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-via) var(--tw-gradient-via-position),var(--tw-gradient-to) var(--tw-gradient-to-position);
--tw-gradient-stops:var(--tw-gradient-via-stops)}
.xl\:to-deep-clean-300{--tw-gradient-to:var(--deep-clean-300);
--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}
.xl\:to-lite-clean-850{--tw-gradient-to:var(--lite-clean-850);
--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}
.xl\:to-maintenance-clean-850{--tw-gradient-to:var(--maintenance-clean-850);
--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}
.xl\:to-white{--tw-gradient-to:var(--color-white);
--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}
.xl\:p-0{padding:calc(var(--spacing) * 0)}
.xl\:px-20{padding-inline:calc(var(--spacing) * 20)}
.xl\:text-left{text-align:left}
.xl\:text-right{text-align:right}

.xl\:text-5xl{font-size:var(--text-5xl);
line-height:var(--tw-leading,var(--text-5xl--line-height))}
.xl\:text-7xl{font-size:var(--text-7xl);
line-height:var(--tw-leading,var(--text-7xl--line-height))}
.xl\:text-deep-clean-900{color:var(--deep-clean-900)}

.xl\:text-maintenance-clean-100{color:var(--maintenance-clean-100)}

.xl\:opacity-0{opacity:0}
.xl\:shadow-none{--tw-shadow:0 0 #0000;
box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}
.xl\:transition-\[opacity\,visibility\]{transition-property:opacity,visibility;
transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
transition-duration:var(--tw-duration,var(--default-transition-duration))}
.xl\:delay-300{transition-delay:.3s}
.xl\:duration-400{--tw-duration:.4s;
transition-duration:.4s}
.xl\:delay-300{--tw-animation-delay:.3s;
animation-delay:.3s}
.xl\:group-hover\:visible:is(:where(.group):hover *){visibility:visible}
.xl\:group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}
.xl\:group-hover\:delay-0:is(:where(.group):hover *){--tw-animation-delay:0s;
transition-delay:0s;
animation-delay:0s}
.xl\:before\:top-1\/2:before{content:var(--tw-content);
top:50%}
.xl\:before\:right-\[115\%\]:before{content:var(--tw-content);
right:115%}
.xl\:before\:h-2:before{content:var(--tw-content);
height:calc(var(--spacing) * 2)}
.xl\:before\:w-12:before{content:var(--tw-content);
width:calc(var(--spacing) * 12)}
.xl\:before\:-translate-y-1\/2:before{content:var(--tw-content);
--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);
translate:var(--tw-translate-x) var(--tw-translate-y)}
:is(.xl\:\*\*\:data-content\:flex *)[data-content]{display:flex}
:is(.xl\:\*\*\:data-content\:flex-col *)[data-content]{flex-direction:column}
:is(.xl\:\*\*\:data-content\:text-md *)[data-content]{font-size:var(--text-md)}
:is(.xl\:\*\*\:data-content\:font-light *)[data-content]{--tw-font-weight:var(--font-weight-light);
font-weight:var(--font-weight-light)}
:is(.xl\:\*\*\:data-link\:h-full *)[data-link]{height:100%}
:is(.xl\:\*\*\:data-link\:border-none *)[data-link]{--tw-border-style:none;
border-style:none}
:is(.xl\:\*\*\:data-link\:px-3 *)[data-link]{padding-inline:calc(var(--spacing) * 3)}
:is(.xl\:\*\*\:data-link\:pl-3 *)[data-link]{padding-left:calc(var(--spacing) * 3)}
:is(.xl\:\*\*\:data-link\:font-light *)[data-link]{--tw-font-weight:var(--font-weight-light);
font-weight:var(--font-weight-light)}
:is(.xl\:\*\*\:data-link\:not-last\:pr-3 *)[data-link]:not(:last-child){padding-right:calc(var(--spacing) * 3)}
:is(.xl\:\*\*\:data-link\:last\:pr-0 *)[data-link]:last-child{padding-right:calc(var(--spacing) * 0)}
:is(.\*\*\:data-link-area\:xl\:border *)[data-link-area]{border-style:var(--tw-border-style);
border-width:1px}
:is(.xl\:\*\*\:data-service-card\:min-h-100 *)[data-service-card]{min-height:calc(var(--spacing) * 100)}
:is(.xl\:\*\*\:data-service-card\:max-w-\[clamp\(5rem\,20vw\,20rem\)\] *)[data-service-card]{max-width:clamp(5rem,20vw,20rem)}
:is(.xl\:\*\*\:data-service-card\:min-w-0 *)[data-service-card]{min-width:calc(var(--spacing) * 0)}
:is(.xl\:\*\*\:data-service-card\:flex-1 *)[data-service-card]{flex:1}
:is(.xl\:\*\*\:data-service-card\:items-stretch *)[data-service-card]{align-items:stretch}
:is(.xl\:\*\*\:data-service-card\:justify-start *)[data-service-card]{justify-content:flex-start}
:is(.xl\:\*\*\:data-service-card\:gap-2 *)[data-service-card]{gap:calc(var(--spacing) * 2)}
:is(.xl\:\*\*\:data-service-card\:rounded-md *)[data-service-card]{border-radius:calc(var(--radius) - 2px)}
:is(.xl\:\*\*\:data-service-card\:border *)[data-service-card]{border-style:var(--tw-border-style);
border-width:1px}
:is(.xl\:\*\*\:data-service-card\:px-7 *)[data-service-card]{padding-inline:calc(var(--spacing) * 7)}
:is(.xl\:\*\*\:data-service-card\:pt-6 *)[data-service-card]{padding-top:calc(var(--spacing) * 6)}
:is(.xl\:\*\*\:data-service-card\:pb-7 *)[data-service-card]{padding-bottom:calc(var(--spacing) * 7)}
:is(.xl\:\*\*\:data-service-card\:opacity-0 *)[data-service-card]{opacity:0}
:is(.xl\:\*\*\:data-service-card\:transition-opacity *)[data-service-card]{transition-property:opacity;
transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
transition-duration:var(--tw-duration,var(--default-transition-duration))}
:is(.xl\:\*\*\:data-service-card\:duration-300 *)[data-service-card]{--tw-duration:.3s;
transition-duration:.3s}
:is(.xl\:group-hover\:\*\*\:data-service-card\:opacity-100:is(:where(.group):hover *) *)[data-service-card]{opacity:1}
:is(.xl\:\*\*\:data-service-title\:h-fit *)[data-service-title]{height:fit-content}
:is(.xl\:\*\*\:data-service-title\:pl-0 *)[data-service-title]{padding-left:calc(var(--spacing) * 0)}
:is(.xl\:\*\*\:data-service-title\:text-2xl *)[data-service-title]{font-size:var(--text-2xl);
line-height:var(--tw-leading,var(--text-2xl--line-height))}
:is(.xl\:\*\*\:data-service-title\:font-semibold *)[data-service-title]{--tw-font-weight:640;
font-weight:640}
}
@media (min-width:96rem){.\32 xl\:-mb-35{margin-bottom:calc(var(--spacing) * -35)}
.\32 xl\:w-80{width:calc(var(--spacing) * 80)}
.\32 xl\:gap-15{gap:calc(var(--spacing) * 15)}
}

.\[\&_a\]\:text-p-700 a{color:var(--p-700)}
.\[\&_a\]\:underline a{text-decoration-line:underline}
.\[\&_a\:hover\]\:text-p-800 a:hover{color:var(--p-800)}
.\[\&_h2\]\:mt-6 h2{margin-top:calc(var(--spacing) * 6)}
.\[\&_h2\]\:mb-3 h2{margin-bottom:calc(var(--spacing) * 3)}
.\[\&_h2\]\:text-2xl h2{font-size:var(--text-2xl);
line-height:var(--tw-leading,var(--text-2xl--line-height))}
.\[\&_h2\]\:font-bold h2{--tw-font-weight:700;
font-weight:700}
.\[\&_h2\]\:text-white h2{color:var(--color-white)}
.\[\&_h3\]\:mt-5 h3{margin-top:calc(var(--spacing) * 5)}
.\[\&_h3\]\:mb-2 h3{margin-bottom:calc(var(--spacing) * 2)}
.\[\&_h3\]\:text-xl h3{font-size:var(--text-xl);
line-height:var(--tw-leading,var(--text-xl--line-height))}
.\[\&_h3\]\:font-bold h3{--tw-font-weight:700;
font-weight:700}
.\[\&_h3\]\:text-white h3,.\[\&_h4\]\:text-white h4,.\[\&_h5\]\:text-white h5,.\[\&_h6\]\:text-white h6{color:var(--color-white)}
.\[\&_ol\]\:flex ol{display:flex}
.\[\&_ol\]\:flex-col ol{flex-direction:column}
.\[\&_ol\]\:gap-2 ol{gap:calc(var(--spacing) * 2)}
.\[\&_ol\]\:rounded-md ol{border-radius:calc(var(--radius) - 2px)}
.\[\&_ol\]\:border ol{border-style:var(--tw-border-style);
border-width:1px}
.\[\&_ol\]\:border-p-600 ol{border-color:var(--p-600)}
.\[\&_ol\]\:p-6 ol{padding:calc(var(--spacing) * 6)}
.\[\&_ol\]\:pl-12 ol{padding-left:calc(var(--spacing) * 12)}
.\[\&_ol\]\:text-p-800 ol{color:var(--p-800)}
.\[\&_ol_li\]\:list-decimal ol li{list-style-type:decimal}
.\[\&_p\]\:text-p-800 p{color:var(--p-800)}



.\[\&_ul\]\:flex ul{display:flex}
.\[\&_ul\]\:flex-col ul{flex-direction:column}
.\[\&_ul\]\:gap-2 ul{gap:calc(var(--spacing) * 2)}
.\[\&_ul\]\:rounded-md ul{border-radius:calc(var(--radius) - 2px)}
.\[\&_ul\]\:border ul{border-style:var(--tw-border-style);
border-width:1px}
.\[\&_ul\]\:border-p-600 ul{border-color:var(--p-600)}
.\[\&_ul\]\:p-6 ul{padding:calc(var(--spacing) * 6)}
.\[\&_ul\]\:pl-12 ul{padding-left:calc(var(--spacing) * 12)}
.\[\&_ul\]\:text-p-800 ul{color:var(--p-800)}
.\[\&_ul_li\]\:list-disc ul li{list-style-type:disc}
.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker{display:none}
}
@property --tw-animation-delay{syntax:"*";
inherits:false;
initial-value:0s}
@property --tw-animation-direction{syntax:"*";
inherits:false;
initial-value:normal}
@property --tw-animation-duration{syntax:"*";
inherits:false}
@property --tw-animation-fill-mode{syntax:"*";
inherits:false;
initial-value:none}
@property --tw-animation-iteration-count{syntax:"*";
inherits:false;
initial-value:1}
@property --tw-enter-blur{syntax:"*";
inherits:false;
initial-value:0}
@property --tw-enter-opacity{syntax:"*";
inherits:false;
initial-value:1}
@property --tw-enter-rotate{syntax:"*";
inherits:false;
initial-value:0}
@property --tw-enter-scale{syntax:"*";
inherits:false;
initial-value:1}
@property --tw-enter-translate-x{syntax:"*";
inherits:false;
initial-value:0}
@property --tw-enter-translate-y{syntax:"*";
inherits:false;
initial-value:0}
@property --tw-exit-blur{syntax:"*";
inherits:false;
initial-value:0}
@property --tw-exit-opacity{syntax:"*";
inherits:false;
initial-value:1}
@property --tw-exit-rotate{syntax:"*";
inherits:false;
initial-value:0}
@property --tw-exit-scale{syntax:"*";
inherits:false;
initial-value:1}
@property --tw-exit-translate-x{syntax:"*";
inherits:false;
initial-value:0}
@property --tw-exit-translate-y{syntax:"*";
inherits:false;
initial-value:0}
:root{--text-xs:.75rem;
--text-sm:.875rem;
--text-base:1rem;
--text-md:1rem;
--text-lg:1.125rem;
--text-xl:1.25rem;
--text-2xl:1.5rem;
--text-3xl:1.875rem;
--text-4xl:2.25rem;
--text-5xl:3rem;
--text-6xl:3.75rem;
--text-7xl:4.5rem;
--text-8xl:6rem;
--text-9xl:8rem;
--width-1:clamp(10rem,85vw,100rem);
--width-1-long:calc(var(--width-1) + ((100vw - var(--width-1)) / 2));
--width-2:clamp(10rem,85vw,45rem);
--width-3:clamp(10rem,92vw,100rem);
--blue-gradient-1:linear-gradient(135deg,var(--p-500),var(--p-400));
--golden-gradient-2:linear-gradient(135deg,var(--s-600),var(--s-850) 15%,var(--s-900) 24%,var(--s-850) 32%,var(--s-600) 93%);
--dark-gradient-1:linear-gradient(-40deg,var(--n-100),var(--n-50));
--deep-clean-gradient-1:linear-gradient(140deg,var(--deep-clean-200),var(--deep-clean-500),var(--deep-clean-600),var(--deep-clean-300));
--header-top-strip-height:1.5rem;
--header-bar-height:4.5rem;
--header-strip-height:1.25rem;
--header-height:calc(var(--header-bar-height) + var(--header-strip-height));
--sticky-header-height:calc(var(--header-top-strip-height) + var(--header-height));
--warning-400:#ffdec0;
--warning-800:#ffeddd;
--critical-300:#bd1b18;
--critical-400:#d41e1b;
--critical-500:#ff2521;
--critical-600:#ff5755;
--critical-700:#ffc0c0;
--critical-800:#fdd;
--valid-300:#54b33f;
--valid-700:#b8ffd1;
--valid-800:#d3ffe2;
--deep-clean-100:#482b65;
--deep-clean-200:#5f3a84;
--deep-clean-300:#7649a3;
--deep-clean-400:#8d59c1;
--deep-clean-500:#a469df;
--deep-clean-600:#b27ee6;
--deep-clean-700:#bf93eb;
--deep-clean-800:#cda9f1;
--deep-clean-850:#e8d7fa;
--deep-clean-900:#f6effd;
--maintenance-clean-0:#5e333d;
--maintenance-clean-100:#7f4553;
--maintenance-clean-200:#9f5868;
--maintenance-clean-300:#bf6b7e;
--maintenance-clean-400:#df7e94;
--maintenance-clean-500:#ff92aa;
--maintenance-clean-600:#ffa1b6;
--maintenance-clean-700:#ffb1c2;
--maintenance-clean-800:#ffd1dc;
--maintenance-clean-850:#ffe3e9;
--maintenance-clean-900:#fff4f7;
--lite-clean-100:#195762;
--lite-clean-200:#227180;
--lite-clean-300:#2b8c9d;
--lite-clean-400:#35a6ba;
--lite-clean-500:#40bfd6;
--lite-clean-600:#5bcade;
--lite-clean-700:#76d5e6;
--lite-clean-800:#afe8f3;
--lite-clean-850:#ccf1f8;
--lite-clean-900:#eafafc;
--n-0:#04080a;
--n-50:#0f1d27;
--n-100:#1b3242;
--n-150:#324858;
--n-200:#495f6e;
--n-300:#607584;
--n-400:#788898;
--n-500:#91a1ad;
--n-700:#c3cdd4;
--n-800:#dde3e7;
--n-900:#f8f9fa;
--p-100:#002a44;
--p-150:#003861;
--p-200:#00447e;
--p-300:#004f9a;
--p-400:#0057b7;
--p-500:#307fc7;
--p-600:#60a4d5;
--p-700:#90c4e3;
--p-800:#c0e1f0;
--p-850:#e1f1f9;
--p-900:#f0f8fb;
--s-0:#0f0700;
--s-50:#371e00;
--s-100:#5f3900;
--s-150:#875900;
--s-200:#af7e00;
--s-300:#d7a800;
--s-400:gold;
--s-500:#ffe02d;
--s-600:#ffe85a;
--s-700:#ffef87;
--s-800:#fff6b4;
--s-850:#fffce0;
--s-900:#fffef9;
--radius:.625rem;
--background:oklch(100% 0 0);
--foreground:oklch(14.5% 0 0);
--primary:oklch(20.5% 0 0);
--primary-foreground:oklch(98.5% 0 0);
scroll-margin-top:var(--sticky-header-height)}
html{font-size:16px;
line-height:1.2}
body{color:var(--n-150);
scrollbar-gutter:stable;
background:#fff;
margin:0;
font-family:Golos Text,sans-serif;
font-size:1rem;
line-height:1.4;
overflow-y:scroll}
b,strong{--tw-font-weight:640;
font-weight:640}
svg{height:fit-content}
.faq_pg ol,.faq_pg ul{padding-left:1.5rem;
padding-block:1rem}
.faq_pg ol li,.faq_pg ul li{margin-bottom:.5rem}
.faq_pg ul li{list-style-type:disc}
.faq_pg ol li{list-style-type:decimal}
.service_link{border:1px solid var(--p-800)}
@keyframes golden-gradient-shift{0%,to{background-position:0}
50%{background-position:100%}
}
.golden-gradient-animated{background-image:var(--golden-gradient-2);
background-size:200% 200%;
animation:golden-gradient-shift 5s infinite}
@keyframes spin{to{transform:rotate(1turn)}
}
@property --tw-translate-x{syntax:"*";
inherits:false;
initial-value:0}
@property --tw-translate-y{syntax:"*";
inherits:false;
initial-value:0}
@property --tw-translate-z{syntax:"*";
inherits:false;
initial-value:0}
@property --tw-scale-x{syntax:"*";
inherits:false;
initial-value:1}
@property --tw-scale-y{syntax:"*";
inherits:false;
initial-value:1}
@property --tw-scale-z{syntax:"*";
inherits:false;
initial-value:1}
@property --tw-rotate-x{syntax:"*";
inherits:false}
@property --tw-rotate-y{syntax:"*";
inherits:false}
@property --tw-rotate-z{syntax:"*";
inherits:false}
@property --tw-skew-x{syntax:"*";
inherits:false}
@property --tw-skew-y{syntax:"*";
inherits:false}
@property --tw-scroll-snap-strictness{syntax:"*";
inherits:false;
initial-value:proximity}
@property --tw-space-y-reverse{syntax:"*";
inherits:false;
initial-value:0}
@property --tw-divide-y-reverse{syntax:"*";
inherits:false;
initial-value:0}
@property --tw-border-style{syntax:"*";
inherits:false;
initial-value:solid}
@property --tw-gradient-position{syntax:"*";
inherits:false}
@property --tw-gradient-from{syntax:"<color>";
inherits:false;
initial-value:#0000}
@property --tw-gradient-via{syntax:"<color>";
inherits:false;
initial-value:#0000}
@property --tw-gradient-to{syntax:"<color>";
inherits:false;
initial-value:#0000}
@property --tw-gradient-stops{syntax:"*";
inherits:false}
@property --tw-gradient-via-stops{syntax:"*";
inherits:false}
@property --tw-gradient-from-position{syntax:"<length-percentage>";
inherits:false;
initial-value:0}
@property --tw-gradient-via-position{syntax:"<length-percentage>";
inherits:false;
initial-value:50%}
@property --tw-gradient-to-position{syntax:"<length-percentage>";
inherits:false;
initial-value:100%}
@property --tw-leading{syntax:"*";
inherits:false}
@property --tw-font-weight{syntax:"*";
inherits:false}
@property --tw-tracking{syntax:"*";
inherits:false}
@property --tw-ordinal{syntax:"*";
inherits:false}
@property --tw-slashed-zero{syntax:"*";
inherits:false}
@property --tw-numeric-figure{syntax:"*";
inherits:false}
@property --tw-numeric-spacing{syntax:"*";
inherits:false}
@property --tw-numeric-fraction{syntax:"*";
inherits:false}
@property --tw-shadow{syntax:"*";
inherits:false;
initial-value:0 0 #0000}
@property --tw-shadow-color{syntax:"*";
inherits:false}
@property --tw-shadow-alpha{syntax:"<percentage>";
inherits:false;
initial-value:100%}
@property --tw-inset-shadow{syntax:"*";
inherits:false;
initial-value:0 0 #0000}
@property --tw-inset-shadow-color{syntax:"*";
inherits:false}
@property --tw-inset-shadow-alpha{syntax:"<percentage>";
inherits:false;
initial-value:100%}
@property --tw-ring-color{syntax:"*";
inherits:false}
@property --tw-ring-shadow{syntax:"*";
inherits:false;
initial-value:0 0 #0000}
@property --tw-inset-ring-color{syntax:"*";
inherits:false}
@property --tw-inset-ring-shadow{syntax:"*";
inherits:false;
initial-value:0 0 #0000}
@property --tw-ring-inset{syntax:"*";
inherits:false}
@property --tw-ring-offset-width{syntax:"<length>";
inherits:false;
initial-value:0}
@property --tw-ring-offset-color{syntax:"*";
inherits:false;
initial-value:#fff}
@property --tw-ring-offset-shadow{syntax:"*";
inherits:false;
initial-value:0 0 #0000}
@property --tw-outline-style{syntax:"*";
inherits:false;
initial-value:solid}
@property --tw-blur{syntax:"*";
inherits:false}
@property --tw-brightness{syntax:"*";
inherits:false}
@property --tw-contrast{syntax:"*";
inherits:false}
@property --tw-grayscale{syntax:"*";
inherits:false}
@property --tw-hue-rotate{syntax:"*";
inherits:false}
@property --tw-invert{syntax:"*";
inherits:false}
@property --tw-opacity{syntax:"*";
inherits:false}
@property --tw-saturate{syntax:"*";
inherits:false}
@property --tw-sepia{syntax:"*";
inherits:false}
@property --tw-drop-shadow{syntax:"*";
inherits:false}
@property --tw-drop-shadow-color{syntax:"*";
inherits:false}
@property --tw-drop-shadow-alpha{syntax:"<percentage>";
inherits:false;
initial-value:100%}
@property --tw-drop-shadow-size{syntax:"*";
inherits:false}
@property --tw-backdrop-blur{syntax:"*";
inherits:false}
@property --tw-backdrop-brightness{syntax:"*";
inherits:false}
@property --tw-backdrop-contrast{syntax:"*";
inherits:false}
@property --tw-backdrop-grayscale{syntax:"*";
inherits:false}
@property --tw-backdrop-hue-rotate{syntax:"*";
inherits:false}
@property --tw-backdrop-invert{syntax:"*";
inherits:false}
@property --tw-backdrop-opacity{syntax:"*";
inherits:false}
@property --tw-backdrop-saturate{syntax:"*";
inherits:false}
@property --tw-backdrop-sepia{syntax:"*";
inherits:false}
@property --tw-duration{syntax:"*";
inherits:false}
@property --tw-content{syntax:"*";
inherits:false;
initial-value:""}
@keyframes pulse{50%{opacity:.5}
}
@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);
transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));
filter:blur(var(--tw-enter-blur,0))}
}

/* ── Server-rendered booking/app layout (new surfaces; not in the frozen
   Tailwind snapshot, so hand-written per CLAUDE.md). Scoped, deterministic. */

/* `md:w-auto` — a standard utility absent from the frozen snapshot. Lets the
   hero CTAs be full-width stacked on mobile (via base `w-full`, which already
   beats `w-fit` by source order) yet revert to natural width side-by-side from
   md up. This block sits after the base width utils, so it wins at >=48rem. */
@media (min-width:48rem){.md\:w-auto{width:auto}}

/* Tier-card split gradients — colour-matched: a light BLUE wash on the top
   (name/beds/benefits) and a darker PURPLE wash on the footer (badge/price),
   each deepening one step when the card is selected. Scoped because the frozen
   sheet has no light blue/purple gradient stops. */
.bk-tier-top{background-image:linear-gradient(180deg,var(--p-900),var(--p-850))}
.bk-tier-top-sel{background-image:linear-gradient(180deg,var(--p-850),var(--p-800))}
.bk-tier-foot{background-image:linear-gradient(180deg,var(--deep-clean-400),var(--deep-clean-300))}
.bk-tier-foot-sel{background-image:linear-gradient(180deg,var(--deep-clean-300),var(--deep-clean-200))}

/* Day-step date grid: cards seven to a row at any width (six 0.5rem gaps =
   3rem), each capped at 4rem, so a month of offer dates fits a phone screen
   without scrolling. A card's height comes from its three lines + padding. */
.bk-dates{display:grid;grid-template-columns:repeat(7,minmax(0,4rem));justify-content:center;gap:.5rem}
.bk-date{padding-block:.5rem}

/* Floating "Request a Clean" CTA. DESKTOP keeps the original always-on
   bottom-right pill. MOBILE is a full-width centring RAIL (left:0/right:0 + flex,
   NOT left:50% — that caps the pill's shrink-to-fit width and wraps the label)
   that reveals the pill once the Deep Clean hero card is fully in view (so the
   offer and its CTA share the screen — the card has no button of its own;
   data-revealed toggled by the inline scroll watcher in floatingTrigger; the DC
   card carries data-cta-anchor). The rail is click-through; only the pill is
   interactive, and only once revealed. Hidden default = no flash over the hero. */
[data-floating-cta]{position:fixed;z-index:40;bottom:1.5rem;left:0;right:0;display:flex;justify-content:center;pointer-events:none;opacity:0;transform:translateY(0.75rem);transition:opacity .3s ease,transform .3s ease}
[data-floating-cta][data-revealed="1"]{opacity:1;transform:translateY(0)}
[data-floating-cta] a{pointer-events:none}
[data-floating-cta][data-revealed="1"] a{pointer-events:auto}
@media (min-width:48rem){[data-floating-cta]{left:auto;right:1.5rem}}

/* Mobile nav dropdown — fade + slide in/out via .is-open (toggled by the burger
   onclick, which also X-animates the burger). Scoped below xl (80rem); at xl+ the
   nav is the always-visible horizontal bar, so these rules must not touch it. The
   nav is display:flex even when closed (so opacity/transform can transition) but
   visibility:hidden + pointer-events:none keep it inert + out of the tab order. */
@media (max-width:79.99rem){
  #cc-nav{opacity:0;visibility:hidden;transform:translateY(-0.5rem);pointer-events:none;transition:opacity .22s ease,transform .22s ease,visibility .22s}
  #cc-nav.is-open{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
}
/* Burger -> X (the three [data-row] bars converge + rotate; rows already carry a
   transform/opacity transition). Only the mobile burger ever gets .is-open. */
button[name="menu-toggle"].is-open [data-row]:nth-child(1){transform:translateY(8.5px) rotate(45deg)}
button[name="menu-toggle"].is-open [data-row]:nth-child(2){opacity:0}
button[name="menu-toggle"].is-open [data-row]:nth-child(3){transform:translateY(-8.5px) rotate(-45deg)}


/* Booking modal (funnel.ts): the overlay, the box, its main column and its
   selling sidebar. One set of rules: a phone gets the main column full width
   and no sidebar; from lg the box is 56rem, a 36rem main column beside a
   20rem sidebar. */
[data-bk-behind]{position:fixed;inset:0;background-color:var(--p-900)}
[data-bk-overlay]{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:1rem;background-color:rgba(0,0,0,.45);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
#bk-root{display:flex;width:100%;height:80vh;max-height:calc(100vh - 2rem)}
[data-bk-main]{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;height:100%}
[data-bk-main]>header{flex:none}
#bk-form{flex:1 1 auto}
[data-bk-scroll]{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}
[data-bk-fill]{flex:1;min-height:0}
[data-bk-fade]{position:absolute;left:0;right:0;bottom:0;height:6rem;background:linear-gradient(to top,#fff 35%,rgba(255,255,255,0))}
[data-bk-sidebar]{display:none}
@media (min-width:64rem){
  #bk-root{width:56rem}
  [data-bk-main]{flex:0 0 36rem}
  [data-bk-sidebar]{display:flex;flex:0 0 20rem}
}
/* The tier cards: sized by the card's own height (container units), so a
   short screen scales the whole card and its line breaks never move. The
   carousel bleeds over the scroll area's 1.5rem padding and carries it back
   as its own, so cards run to the edges and rest 1.5rem in. */
[data-tier-row]{height:100%;min-height:0;scroll-snap-type:x mandatory;margin-inline:-1.5rem;padding:.5rem 1.5rem 1.5rem;scroll-padding-inline:1.5rem}
label[data-name="tier"]{flex:none;height:100%;max-height:25rem;aspect-ratio:3/5;container-type:size}
[data-tier-top]{border-style:solid;border-width:2px 2px 0;border-radius:calc(var(--radius) + 4px) calc(var(--radius) + 4px) 0 0;padding:5cqh}
[data-tier-head]{min-height:19cqh;gap:1cqh}
[data-tier-name]{font-size:6cqh}
[data-tier-sub]{font-size:3.5cqh}
[data-tier-pitch]{font-size:4cqh}
[data-tier-foot]{border-style:solid;border-width:0 2px 2px;border-radius:0 0 calc(var(--radius) + 4px) calc(var(--radius) + 4px);padding:4cqh 5cqh;gap:2cqh}
[data-tier-badge]{font-size:3cqh;padding:1cqh 3cqh}
[data-tier-price]{font-size:9cqh}
[data-tier-note]{font-size:3cqh}
}

/* Booking sidebar reserves a fixed height per summary slot so nothing
   reflows as the quote fills in. The original used these arbitrary Tailwind
   utilities; they are absent from the frozen snapshot, so define them here
   (exact class names kept so the markup matches the React original 1:1). */
.min-h-\[1\.75rem\]{min-height:1.75rem}
.min-h-\[2\.5rem\]{min-height:2.5rem}
.min-h-\[1\.5rem\]{min-height:1.5rem}


/* Same pattern as above: utilities referenced by the server-rendered
   surfaces but missing from the frozen Tailwind snapshot, so they no-op
   silently and break layout. Hand-written here (audited, deterministic).
   - no-scrollbar: the booking date strip hides its scrollbar.
   - font-regular: marketing copy weight (Tailwind 'regular' = 400). */
.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}
.no-scrollbar::-webkit-scrollbar{display:none}
.font-regular{font-weight:400}
.pr-9{padding-right:2.25rem}
.max-w-2xl{max-width:42rem}
.min-h-10{min-height:calc(var(--spacing) * 10)}
.appearance-none{appearance:none;-webkit-appearance:none}
.min-w-12{min-width:calc(var(--spacing) * 12)}
/* Attribute-selector form for class names with a leading digit / a dot —
   sidesteps fragile CSS identifier escaping and targets the literal token. */
[class~="border-green-700"]{border-color:#15803d}
[class~="bg-green-950"]{background-color:#052e16}
[class~="text-green-200"]{color:#bbf7d0}
@media (min-width:96rem){
  [class~="2xl:w-80"]{width:20rem}
  [class~="2xl:gap-15"]{gap:3.75rem}
  [class~="2xl:-mb-35"]{margin-bottom:-8.75rem}
  [class~="2xl:px-30"]{padding-left:7.5rem;padding-right:7.5rem}
}
@media (min-width:120rem){
  [class~="3xl:gap-12"]{gap:3rem}
}

/* The admin kit's visit card (app-kit.ts `card`): the red corner flag, an
   empty place, the gentle pulse of a visit under way, and the open card
   over the page. Hand-written: attribute selectors, not utilities. The flag
   sits on its container's outer corner: over the frame of a card (--frame,
   its border width), at the corner of a table cell (no frame). */
[data-lane-card]>[data-card]{height:100%}
[data-card-flag]{position:absolute;top:calc(-1 * var(--frame, 0px));left:calc(-1 * var(--frame, 0px));width:0;height:0;border-top:14px solid var(--critical-400);border-right:14px solid transparent;border-top-left-radius:2px;pointer-events:none}
[data-card-empty]{display:inline-block;width:7rem;height:1.25rem;border:2px dashed var(--p-600);border-radius:4px}
[data-card-live]{outline:2px solid var(--p-400);outline-offset:1px;animation:card-live 1.6s ease-in-out infinite alternate}
@keyframes card-live{from{outline-color:var(--p-400)}to{outline-color:var(--p-800)}}
@media (prefers-reduced-motion:reduce){[data-card-live]{animation:none}}
[data-card-dialog]{margin:auto;padding:2px;border:0;background:transparent;width:min(30rem,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto}
[data-card-dialog]::backdrop{background:rgba(0,42,68,.45)}

/* The admin kit's search field (app-kit.ts `dataTable`): the browser's clear
   button keeps its room even when empty and cuts the placeholder short. */
[role="search"] input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}

/* ── The admin kit (app-kit.ts): each piece's own rules, once per page. */
/* swatches: a row of colour dots, one chosen. */
[data-swatch]{display:inline-flex;line-height:0;cursor:pointer}[data-swatch] input{position:absolute;width:1px;height:1px;opacity:0}[data-swatch] span{display:inline-block;width:22px;height:22px;border-radius:50%;background:var(--sw);box-shadow:0 0 0 1px rgba(0,0,0,.18)}[data-swatch] input:checked+span,[data-swatch]:hover span{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--sw)}
/* dataTable: a hugged column is as wide as its content; on a phone a table of more than two columns stacks its rows. */
[data-table] [data-hug]{width:1%;white-space:nowrap}@media (max-width:767px){[data-table] [data-hug]{width:auto}[data-table] td>a,[data-table] td>div{white-space:normal}[data-stack] thead{display:none}[data-stack] table,[data-stack] tbody,[data-stack] td,[data-stack] [data-hug]{display:block;width:auto}[data-stack] tr{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:8px 0}[data-stack] td{grid-column:1}[data-stack] td[data-end]{grid-column:2;grid-row:1 / span 9;align-self:center}[data-stack] td>a,[data-stack] td>div{padding:2px 16px;text-align:left}}
/* weekGrid: a cell that is a checkbox shows its state as its ring. */
[data-weektable]{table-layout:fixed;border-collapse:separate}
[data-weekday]{text-align:center}
[data-weektd]{padding:3px}
[data-weekcell]{display:block;cursor:pointer}
[data-weekface]{display:flex;align-items:center;justify-content:center;height:44px;border-radius:4px;font-variant-numeric:tabular-nums;font-weight:600;background:var(--p-900);color:var(--p-300);box-shadow:inset 0 0 0 1px var(--p-800)}
[data-weekface][data-worked]{background:rgba(0,87,183,var(--heat))}
[data-weekface][data-heavy]{color:#fff}
[data-weekface][data-standing],[data-weekcell] input:checked+[data-weekface]{box-shadow:inset 0 0 0 3px var(--p-100)}
[data-weekcell] input{position:absolute;width:1px;height:1px;opacity:0}
[data-weekcell] input:focus-visible+[data-weekface]{outline:2px solid var(--p-500)}
/* slotGrid: a phone shows two days beside the names, the rest a scroll away. */
[data-slot-grid]{--name-w:9rem;--slot-w:4rem}@media (max-width:767px){[data-slot-grid]{--name-w:4.5rem;--slot-w:3rem}}

/* btn (kit.ts): a face standing on a 3px edge drawn as its shadow. Hover
   lights the face (each variant's hover colour); a press sinks the face onto
   the edge. A shadow and a transform never touch layout, so nothing moves.
   The focus ring is drawn with the edge. Each variant sets --edge. */
.btn{box-shadow:0 3px 0 var(--edge);transition:background-color .15s,filter .15s,transform .08s,box-shadow .08s}
.btn:focus-visible{box-shadow:0 3px 0 var(--edge),0 0 0 2px var(--p-800)}
.btn:active{transform:translateY(3px);box-shadow:0 0 0 var(--edge)}
/* A floating button (btn floating) keeps its edge and adds lift over the page. */
.btn-float{box-shadow:0 3px 0 var(--edge),0 10px 24px rgba(0,42,68,.2)}
.btn-float:focus-visible{box-shadow:0 3px 0 var(--edge),0 10px 24px rgba(0,42,68,.2),0 0 0 2px var(--p-800)}
.btn-float:active{box-shadow:0 0 0 var(--edge),0 6px 16px rgba(0,42,68,.2)}
.edge-p-600{--edge:var(--p-600)}
.edge-p-800{--edge:var(--p-800)}
.edge-border{--edge:var(--border)}
.edge-sec-400{--edge:var(--s-400)}
.edge-deep-clean-700{--edge:var(--deep-clean-700)}
.edge-deep-clean-850{--edge:var(--deep-clean-850)}
.edge-maintenance-clean-500{--edge:var(--maintenance-clean-500)}
.edge-maintenance-clean-900{--edge:var(--maintenance-clean-900)}
.edge-lite-clean-700{--edge:var(--lite-clean-700)}
.edge-n-200{--edge:var(--n-200)}

/* Object cards and the plan basket (app-kit.ts objCard, planBasket): the
   components keep the design rules themselves. One 8px rhythm: a row is 24px,
   a title row 32px, a bar 8px, rows and blocks 8px apart, heads and sections
   16px in; cards are 24px apart and the basket 32px in (inside a card <
   between cards < the basket's margin). Everything is top-aligned; spare
   height falls at the bottom. A card fills its cell in whatever grid holds
   it; its rows never wrap, so its content never changes its size. */
[data-ocard]{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid var(--p-800);border-radius:calc(var(--radius) - 4px);box-shadow:0 1px 2px rgba(0,42,68,.06),0 4px 12px rgba(0,42,68,.06)}
[data-ocard][data-dashed]{border:1px dashed var(--p-600)}
[data-ocard-head]{display:flex;flex-direction:column;gap:8px;padding:16px}
[data-ocard-sec]{display:flex;flex-direction:column;gap:8px;padding:16px;border-top:1px solid var(--p-850)}
[data-ocard-group]{display:flex;flex-direction:column;gap:8px;min-width:0}
/* A row: one line, 24px, its icon centred on its text. */
[data-oc-row]{display:flex;align-items:center;gap:8px;height:24px;min-width:0;font-size:.875rem;line-height:24px}
[data-oc-text]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
[data-oc-text] [data-card-empty]{vertical-align:middle}
/* A line: two ends on one baseline, label or fact left, value right; a
   title line is 32px. */
[data-ocard-line]{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;align-items:baseline;align-content:center;height:24px;min-width:0}
[data-ocard-line][data-title]{height:32px}
[data-ocard-line]>:last-child:not(:first-child){justify-self:end}
[data-ocard-line]>[data-oc-row]>[data-oc-text]{align-self:baseline}
[data-ocard-inline]{display:flex;align-items:center;gap:8px}
[data-oc-identity]{display:grid;grid-template-columns:minmax(0,1fr) 64px;column-gap:12px}
[data-oc-open]{flex-shrink:0;width:16px;height:16px;border:2px dashed var(--p-600);border-radius:50%}
/* A chip is a row tall: 20px of text inside a 2px border. */
[data-oc-chip]{display:inline-block;vertical-align:middle;font-size:.875rem;line-height:20px;padding:0 8px;border-radius:calc(var(--radius) - 4px);border:2px solid var(--p-850);background:var(--p-850);color:var(--p-300)}
[data-oc-chip][data-off]{border-style:dashed;border-color:var(--p-600);background:none;color:var(--n-200)}
[data-oc-record]{display:flex;justify-content:space-between}
[data-oc-record="dot"]{gap:4px;align-items:center;height:24px}
[data-oc-record="square"]{height:48px}
[data-oc-mark-wrap]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}
[data-oc-record="square"] [data-oc-mark-wrap]{justify-content:flex-start}
[data-oc-record="square"] [data-oc-mark-wrap]>span:last-child{line-height:24px}
[data-oc-mark]{width:12px;height:12px;background:var(--p-400)}
[data-oc-record="dot"] [data-oc-mark]{border-radius:50%}
[data-oc-record="square"] [data-oc-mark]{width:16px;height:16px;border-radius:2px}
[data-oc-mark][data-bad]{background:var(--critical-400)}
[data-oc-mark][data-none]{background:var(--p-850)}
[data-oc-photos]{display:flex;gap:8px;height:64px}
[data-oc-photo]{flex:1;display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;font-size:.875rem;line-height:20px;border-radius:calc(var(--radius) - 4px);background:var(--p-850);color:var(--n-200)}
[data-oc-avatar]{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:var(--p-850);color:var(--n-200)}
[data-ocard] a[href]{min-height:24px}
[data-basket]{display:flex;flex-direction:column;gap:24px;padding:32px}
[data-basket-head]{display:flex;flex-wrap:wrap;align-items:center;gap:12px 32px;min-height:32px;padding-left:17px}
[data-basket-line]{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px 24px;min-width:0}
[data-basket-line] [data-oc-text]{align-self:baseline}
[data-basket-body]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto 1fr;grid-template-areas:"client property cleaner" "payment property cleaner";gap:24px}
[data-basket-body]>[data-kind="client"]{grid-area:client}
[data-basket-body]>[data-kind="payment"]{grid-area:payment}
[data-basket-body]>[data-kind="property"]{grid-area:property}
[data-basket-body]>[data-kind="cleaner"]{grid-area:cleaner}

/* Utilities the surfaces use that the frozen snapshot lacked (found by the
   rewritten check:css), written as Tailwind emits them. */
.top-4{top:calc(var(--spacing) * 4)}
.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}
.focus-within\:ring-p-500:focus-within{--tw-ring-color:var(--p-500)}
:is(.\*\*\:data-row\:duration-200 *)[data-row]{--tw-duration:200ms;transition-duration:200ms}
:is(.\*\*\:data-service-title\:font-regular *)[data-service-title]{font-weight:400}
:is(.\*\*\:data-bullet\:font-regular *)[data-bullet]{font-weight:400}
.min-w-14{min-width:calc(var(--spacing) * 14)}
.px-0{padding-inline:calc(var(--spacing) * 0)}
/* The services menu. Narrow: the panel runs up behind the Services tab, which paints over it, so tab and panel read as one piece. Wide: it hangs from the bottom of the header bar with its top band behind the decorative strip, so the pointer goes from the tab to the panel without leaving the menu. */
[data-svc-menu]{margin-top:-.75rem;padding-top:1.5rem}
@media (min-width:80rem){[data-svc-menu]{margin-top:0;top:calc(100% - var(--header-strip-height));padding-top:calc(var(--header-strip-height) + .75rem)}}
@media (min-width:64rem){:is(.lg\:\*\*\:data-link-area\:h-12 *)[data-link-area]{height:calc(var(--spacing) * 12)}}
.right-10{right:calc(var(--spacing) * 10)}
@media (min-width:80rem){.xl\:max-w-70{max-width:calc(var(--spacing) * 70)}}

/* The admin kit's editing in place (app-kit.ts, "editing in place"). An
   editable value shows its pencil at rest (an empty one "Add …" with a plus,
   in the link colour); its light on hover bleeds past the text by --bleed,
   so the text stays where it was. Its popover opens beside it (anchored;
   flipped when there's no room). A fact nobody fills by hand reads plainly,
   in the faint text colour. The bar at the foot says what was saved.
   Hand-written: attribute selectors, not utilities. */
[data-edit]{--bleed:6px;display:inline-flex;align-items:center;gap:6px;vertical-align:top;min-width:0;max-width:calc(100% + 2 * var(--bleed));margin:-2px calc(-1 * var(--bleed));padding:2px var(--bleed);border-radius:calc(var(--radius) - 4px);font:inherit;color:inherit;text-align:left;cursor:pointer;transition:background-color .15s}
[data-edit]>svg{color:var(--p-600)}
[data-edit][data-add]{color:var(--p-400)}
[data-edit][data-add]>svg{color:var(--p-400)}
[data-edit]:hover{background:var(--p-850)}
[data-basket] [data-edit]:hover{background:rgba(255,255,255,.7)}
[data-edit]:focus-visible{outline:2px solid var(--p-400);outline-offset:2px}
[data-oc-none]{color:var(--n-200)}
[data-pop]{position-area:bottom span-right;position-try-fallbacks:flip-block,flip-inline,flip-block flip-inline;margin:8px 0;inset:auto;max-height:calc(100dvh - 32px);overflow:auto;display:none;flex-direction:column;gap:16px;padding:24px;background:#fff;border:1px solid var(--p-800);border-radius:calc(var(--radius) - 4px);box-shadow:0 16px 40px rgba(0,42,68,.18);color:var(--p-300)}
[data-pop]:popover-open{display:flex}
[data-pop-error]{padding:8px 12px;border-radius:calc(var(--radius) - 4px);background:var(--critical-800);color:var(--critical-300);font-size:.875rem}
[data-pop-note]{font-size:.875rem;color:var(--n-200)}
[data-pop-form]{display:flex;flex-direction:column;gap:16px;min-width:20rem}
[data-pop-field]{display:flex;flex-direction:column;gap:4px;font-size:.875rem}
[data-pop-field] input,[data-find]{height:44px;padding:0 12px;border:1px solid var(--p-800);border-radius:calc(var(--radius) - 4px);background:var(--p-900);font-size:1rem;color:var(--p-300)}
[data-pop-field] input:focus,[data-find]:focus{outline:2px solid var(--p-400);outline-offset:0}
[data-find]{grid-column:1 / -1}
[data-pop-actions]{display:flex;gap:12px}
[data-oc-photo] img,[data-oc-avatar] img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}
[data-oc-photo],[data-oc-avatar]{position:relative;overflow:hidden}
[data-oc-photo-label]{position:absolute;left:0;right:0;bottom:0;padding:2px 6px;background:rgba(0,42,68,.55);color:#fff;font-size:.75rem;line-height:16px;text-align:center}
[data-saved]{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:30;display:flex;align-items:center;gap:12px;max-width:calc(100vw - 32px);min-height:48px;padding:0 8px 0 16px;border-radius:calc(var(--radius) - 4px);background:var(--p-300);color:#fff;box-shadow:0 16px 40px rgba(0,42,68,.25)}
[data-saved-undo]{height:36px;padding:0 12px;border-radius:calc(var(--radius) - 4px);font-weight:600;color:#fff;text-decoration:underline;cursor:pointer}
[data-saved-close]{width:36px;height:36px;font-size:1.25rem;color:#fff;cursor:pointer}
[data-choices]{display:grid;grid-template-columns:minmax(18rem,1fr);gap:8px}
[data-choices][data-two]{grid-template-columns:repeat(2,minmax(18rem,1fr))}
[data-choice]{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:0 16px;border:1px solid var(--p-800);border-radius:calc(var(--radius) - 4px);color:var(--p-300);cursor:pointer;transition:background-color .15s,border-color .15s}
[data-choice] input{position:absolute;width:1px;height:1px;opacity:0}
[data-choice]:hover{background:var(--p-900);border-color:var(--p-600)}
[data-choice]:has(input:checked){background:var(--p-900);border:2px solid var(--p-400);padding:0 15px;font-weight:600}
[data-choice]:has(input:focus-visible){outline:2px solid var(--p-400);outline-offset:2px}
[data-choice][data-off]{opacity:.5;cursor:not-allowed;background:none;border-color:var(--p-850)}
[data-choice-label]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
[data-choice-sub]{font-size:.875rem;color:var(--n-200);white-space:nowrap}
[data-slot-choices]{display:grid;grid-template-columns:auto repeat(var(--cols),minmax(0,1fr));align-items:center;gap:8px}
[data-choice-week]{font-size:.875rem;font-weight:600;color:var(--p-300);text-align:center}
[data-slot-choices] [data-choice-sub]{text-align:center}
[data-slot-choices] [data-choice]{justify-content:center}
[data-choice-day]{font-size:.875rem;color:var(--p-300);white-space:nowrap;padding-right:8px}
[data-basket-state]{display:flex;align-items:center;gap:16px;min-height:32px;margin-top:-12px;padding-left:17px}
[data-basket-action]{display:flex;align-items:center;gap:12px;flex-shrink:0;margin-left:auto}
[data-basket-status]{font-size:.875rem;line-height:20px;color:var(--maintenance-clean-200)}
[data-oc-keep]{visibility:hidden}
[data-ocard-sec]:not(:has(> :not([data-oc-keep]))){border-top-color:transparent}