/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-scroll-snap-strictness:proximity;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight: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-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-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-red-900:oklch(39.6% .141 25.723);--color-red-950:oklch(25.8% .092 26.042);--color-orange-50:oklch(98% .016 73.684);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-200:oklch(90.1% .076 70.697);--color-orange-300:oklch(83.7% .128 66.29);--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-600:oklch(64.6% .222 41.116);--color-orange-700:oklch(55.3% .195 38.402);--color-orange-800:oklch(47% .157 37.304);--color-orange-900:oklch(40.8% .123 38.172);--color-orange-950:oklch(26.6% .079 36.259);--color-amber-600:oklch(66.6% .179 58.318);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-200:oklch(94.5% .129 101.54);--color-yellow-300:oklch(90.5% .182 98.111);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-600:oklch(68.1% .162 75.834);--color-yellow-700:oklch(55.4% .135 66.442);--color-yellow-800:oklch(47.6% .114 61.907);--color-yellow-900:oklch(42.1% .095 57.708);--color-yellow-950:oklch(28.6% .066 53.813);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-300:oklch(87.1% .15 154.449);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-green-800:oklch(44.8% .119 151.328);--color-green-900:oklch(39.3% .095 152.535);--color-green-950:oklch(26.6% .065 152.934);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-blue-950:oklch(28.2% .091 267.935);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-200:oklch(90.2% .063 306.703);--color-purple-300:oklch(82.7% .119 306.383);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-700:oklch(49.6% .265 301.924);--color-purple-800:oklch(43.8% .218 303.724);--color-purple-900:oklch(38.1% .176 304.987);--color-purple-950:oklch(29.1% .149 302.717);--color-pink-50:oklch(97.1% .014 343.198);--color-pink-100:oklch(94.8% .028 342.258);--color-pink-200:oklch(89.9% .061 343.231);--color-pink-300:oklch(82.3% .12 346.018);--color-pink-400:oklch(71.8% .202 349.761);--color-pink-500:oklch(65.6% .241 354.308);--color-pink-600:oklch(59.2% .249 .584);--color-pink-700:oklch(52.5% .223 3.958);--color-pink-800:oklch(45.9% .187 3.815);--color-pink-900:oklch(40.8% .153 2.432);--color-pink-950:oklch(28.4% .109 3.907);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-slate-950:oklch(12.9% .042 264.695);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-gray-950:oklch(13% .028 261.692);--color-neutral-50:oklch(98.5% 0 0);--color-neutral-100:oklch(97% 0 0);--color-neutral-200:oklch(92.2% 0 0);--color-neutral-300:oklch(87% 0 0);--color-neutral-400:oklch(70.8% 0 0);--color-neutral-500:oklch(55.6% 0 0);--color-neutral-600:oklch(43.9% 0 0);--color-neutral-700:oklch(37.1% 0 0);--color-neutral-800:oklch(26.9% 0 0);--color-neutral-900:oklch(20.5% 0 0);--color-neutral-950:oklch(14.5% 0 0);--color-stone-50:oklch(98.5% .001 106.423);--color-stone-100:oklch(97% .001 106.424);--color-stone-200:oklch(92.3% .003 48.717);--color-stone-300:oklch(86.9% .005 56.366);--color-stone-400:oklch(70.9% .01 56.259);--color-stone-500:oklch(55.3% .013 58.071);--color-stone-600:oklch(44.4% .011 73.639);--color-stone-700:oklch(37.4% .01 67.558);--color-stone-800:oklch(26.8% .007 34.298);--color-stone-900:oklch(21.6% .006 56.043);--color-stone-950:oklch(14.7% .004 49.25);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-2xl:42rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25/1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-thin:100;--font-weight-extralight:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-3{top:calc(var(--spacing)*3)}.top-16{top:calc(var(--spacing)*16)}.right-0{right:calc(var(--spacing)*0)}.right-3{right:calc(var(--spacing)*3)}.right-4{right:calc(var(--spacing)*4)}.bottom-6{bottom:calc(var(--spacing)*6)}.left-0{left:calc(var(--spacing)*0)}.left-6{left:calc(var(--spacing)*6)}.z-10{z-index:10}.z-50{z-index:50}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.m-1{margin:calc(var(--spacing)*1)}.m-2{margin:calc(var(--spacing)*2)}.m-3{margin:calc(var(--spacing)*3)}.m-4{margin:calc(var(--spacing)*4)}.m-5{margin:calc(var(--spacing)*5)}.m-6{margin:calc(var(--spacing)*6)}.m-7{margin:calc(var(--spacing)*7)}.m-8{margin:calc(var(--spacing)*8)}.m-9{margin:calc(var(--spacing)*9)}.m-10{margin:calc(var(--spacing)*10)}.-mx-2{margin-inline:calc(var(--spacing)*-2)}.mx-0{margin-inline:calc(var(--spacing)*0)}.mx-1{margin-inline:calc(var(--spacing)*1)}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-3{margin-inline:calc(var(--spacing)*3)}.mx-4{margin-inline:calc(var(--spacing)*4)}.mx-5{margin-inline:calc(var(--spacing)*5)}.mx-6{margin-inline:calc(var(--spacing)*6)}.mx-7{margin-inline:calc(var(--spacing)*7)}.mx-8{margin-inline:calc(var(--spacing)*8)}.mx-9{margin-inline:calc(var(--spacing)*9)}.mx-10{margin-inline:calc(var(--spacing)*10)}.mx-auto{margin-inline:auto}.my-0{margin-block:calc(var(--spacing)*0)}.my-1{margin-block:calc(var(--spacing)*1)}.my-2{margin-block:calc(var(--spacing)*2)}.my-3{margin-block:calc(var(--spacing)*3)}.my-4{margin-block:calc(var(--spacing)*4)}.my-5{margin-block:calc(var(--spacing)*5)}.my-6{margin-block:calc(var(--spacing)*6)}.my-7{margin-block:calc(var(--spacing)*7)}.my-8{margin-block:calc(var(--spacing)*8)}.my-9{margin-block:calc(var(--spacing)*9)}.my-10{margin-block:calc(var(--spacing)*10)}.my-12{margin-block:calc(var(--spacing)*12)}.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-6{margin-top:calc(var(--spacing)*6)}.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-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.aspect-square{aspect-ratio:1}.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-11{height:calc(var(--spacing)*11)}.h-12{height:calc(var(--spacing)*12)}.h-24{height:calc(var(--spacing)*24)}.h-44{height:calc(var(--spacing)*44)}.h-full{height:100%}.max-h-\[80vh\]{max-height:80vh}.max-h-\[90vh\]{max-height:90vh}.min-h-\[72vh\]{min-height:72vh}.w-7{width:calc(var(--spacing)*7)}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-11{width:calc(var(--spacing)*11)}.w-12{width:calc(var(--spacing)*12)}.w-24{width:calc(var(--spacing)*24)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-\[90vw\]{max-width:90vw}.max-w-full{max-width:100%}.min-w-\[72\%\]{min-width:72%}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.snap-start{scroll-snap-align:start}.list-inside{list-style-position:inside}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.content-around{align-content:space-around}.content-between{align-content:space-between}.content-center{align-content:center}.content-end{align-content:flex-end}.content-evenly{align-content:space-evenly}.content-start{align-content:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-evenly{justify-content:space-evenly}.justify-start{justify-content:flex-start}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}: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-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)))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.bg-\[\#021012\]{background-color:#021012}.bg-black{background-color:var(--color-black)}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab, red, red)){.bg-black\/60{background-color:color-mix(in oklab,var(--color-black)60%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-200{background-color:var(--color-blue-200)}.bg-blue-300{background-color:var(--color-blue-300)}.bg-blue-400{background-color:var(--color-blue-400)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-blue-700{background-color:var(--color-blue-700)}.bg-blue-800{background-color:var(--color-blue-800)}.bg-blue-900{background-color:var(--color-blue-900)}.bg-blue-950{background-color:var(--color-blue-950)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-gray-600{background-color:var(--color-gray-600)}.bg-gray-700{background-color:var(--color-gray-700)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-gray-950{background-color:var(--color-gray-950)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-200{background-color:var(--color-green-200)}.bg-green-300{background-color:var(--color-green-300)}.bg-green-400{background-color:var(--color-green-400)}.bg-green-500{background-color:var(--color-green-500)}.bg-green-600{background-color:var(--color-green-600)}.bg-green-700{background-color:var(--color-green-700)}.bg-green-800{background-color:var(--color-green-800)}.bg-green-900{background-color:var(--color-green-900)}.bg-green-950{background-color:var(--color-green-950)}.bg-neutral-50{background-color:var(--color-neutral-50)}.bg-neutral-100{background-color:var(--color-neutral-100)}.bg-neutral-200{background-color:var(--color-neutral-200)}.bg-neutral-300{background-color:var(--color-neutral-300)}.bg-neutral-400{background-color:var(--color-neutral-400)}.bg-neutral-500{background-color:var(--color-neutral-500)}.bg-neutral-600{background-color:var(--color-neutral-600)}.bg-neutral-700{background-color:var(--color-neutral-700)}.bg-neutral-800{background-color:var(--color-neutral-800)}.bg-neutral-900{background-color:var(--color-neutral-900)}.bg-neutral-950{background-color:var(--color-neutral-950)}.bg-orange-50{background-color:var(--color-orange-50)}.bg-orange-100{background-color:var(--color-orange-100)}.bg-orange-200{background-color:var(--color-orange-200)}.bg-orange-300{background-color:var(--color-orange-300)}.bg-orange-400{background-color:var(--color-orange-400)}.bg-orange-500{background-color:var(--color-orange-500)}.bg-orange-600{background-color:var(--color-orange-600)}.bg-orange-700{background-color:var(--color-orange-700)}.bg-orange-800{background-color:var(--color-orange-800)}.bg-orange-900{background-color:var(--color-orange-900)}.bg-orange-950{background-color:var(--color-orange-950)}.bg-pink-50{background-color:var(--color-pink-50)}.bg-pink-100{background-color:var(--color-pink-100)}.bg-pink-200{background-color:var(--color-pink-200)}.bg-pink-300{background-color:var(--color-pink-300)}.bg-pink-400{background-color:var(--color-pink-400)}.bg-pink-500{background-color:var(--color-pink-500)}.bg-pink-600{background-color:var(--color-pink-600)}.bg-pink-700{background-color:var(--color-pink-700)}.bg-pink-800{background-color:var(--color-pink-800)}.bg-pink-900{background-color:var(--color-pink-900)}.bg-pink-950{background-color:var(--color-pink-950)}.bg-purple-50{background-color:var(--color-purple-50)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-purple-200{background-color:var(--color-purple-200)}.bg-purple-300{background-color:var(--color-purple-300)}.bg-purple-400{background-color:var(--color-purple-400)}.bg-purple-500{background-color:var(--color-purple-500)}.bg-purple-600{background-color:var(--color-purple-600)}.bg-purple-700{background-color:var(--color-purple-700)}.bg-purple-800{background-color:var(--color-purple-800)}.bg-purple-900{background-color:var(--color-purple-900)}.bg-purple-950{background-color:var(--color-purple-950)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-200{background-color:var(--color-red-200)}.bg-red-300{background-color:var(--color-red-300)}.bg-red-400{background-color:var(--color-red-400)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-600{background-color:var(--color-red-600)}.bg-red-700{background-color:var(--color-red-700)}.bg-red-800{background-color:var(--color-red-800)}.bg-red-900{background-color:var(--color-red-900)}.bg-red-950{background-color:var(--color-red-950)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-200{background-color:var(--color-slate-200)}.bg-slate-300{background-color:var(--color-slate-300)}.bg-slate-400{background-color:var(--color-slate-400)}.bg-slate-500{background-color:var(--color-slate-500)}.bg-slate-600{background-color:var(--color-slate-600)}.bg-slate-700{background-color:var(--color-slate-700)}.bg-slate-800{background-color:var(--color-slate-800)}.bg-slate-900{background-color:var(--color-slate-900)}.bg-slate-950{background-color:var(--color-slate-950)}.bg-stone-50{background-color:var(--color-stone-50)}.bg-stone-100{background-color:var(--color-stone-100)}.bg-stone-200{background-color:var(--color-stone-200)}.bg-stone-300{background-color:var(--color-stone-300)}.bg-stone-400{background-color:var(--color-stone-400)}.bg-stone-500{background-color:var(--color-stone-500)}.bg-stone-600{background-color:var(--color-stone-600)}.bg-stone-700{background-color:var(--color-stone-700)}.bg-stone-800{background-color:var(--color-stone-800)}.bg-stone-900{background-color:var(--color-stone-900)}.bg-stone-950{background-color:var(--color-stone-950)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.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-white\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.bg-white\/90{background-color:color-mix(in oklab,var(--color-white)90%,transparent)}}.bg-yellow-50{background-color:var(--color-yellow-50)}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-yellow-200{background-color:var(--color-yellow-200)}.bg-yellow-300{background-color:var(--color-yellow-300)}.bg-yellow-400{background-color:var(--color-yellow-400)}.bg-yellow-500{background-color:var(--color-yellow-500)}.bg-yellow-600{background-color:var(--color-yellow-600)}.bg-yellow-700{background-color:var(--color-yellow-700)}.bg-yellow-800{background-color:var(--color-yellow-800)}.bg-yellow-900{background-color:var(--color-yellow-900)}.bg-yellow-950{background-color:var(--color-yellow-950)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.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-7{padding:calc(var(--spacing)*7)}.p-8{padding:calc(var(--spacing)*8)}.p-9{padding:calc(var(--spacing)*9)}.p-10{padding:calc(var(--spacing)*10)}.px-0{padding-inline:calc(var(--spacing)*0)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.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-9{padding-inline:calc(var(--spacing)*9)}.px-10{padding-inline:calc(var(--spacing)*10)}.py-0{padding-block:calc(var(--spacing)*0)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.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-7{padding-block:calc(var(--spacing)*7)}.py-8{padding-block:calc(var(--spacing)*8)}.py-9{padding-block:calc(var(--spacing)*9)}.py-10{padding-block:calc(var(--spacing)*10)}.py-12{padding-block:calc(var(--spacing)*12)}.py-14{padding-block:calc(var(--spacing)*14)}.py-16{padding-block:calc(var(--spacing)*16)}.pt-6{padding-top:calc(var(--spacing)*6)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.text-center{text-align:center}.text-justify{text-align:justify}.text-left{text-align:left}.text-right{text-align:right}.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))}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-extralight{--tw-font-weight:var(--font-weight-extralight);font-weight:var(--font-weight-extralight)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.font-thin{--tw-font-weight:var(--font-weight-thin);font-weight:var(--font-weight-thin)}.whitespace-nowrap{white-space:nowrap}.text-\[\#044e23\]{color:#044e23}.text-blue-50{color:var(--color-blue-50)}.text-blue-100{color:var(--color-blue-100)}.text-blue-200{color:var(--color-blue-200)}.text-blue-300{color:var(--color-blue-300)}.text-blue-400{color:var(--color-blue-400)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-blue-800{color:var(--color-blue-800)}.text-blue-900{color:var(--color-blue-900)}.text-blue-950{color:var(--color-blue-950)}.text-gray-50{color:var(--color-gray-50)}.text-gray-100{color:var(--color-gray-100)}.text-gray-200{color:var(--color-gray-200)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-gray-950{color:var(--color-gray-950)}.text-green-50{color:var(--color-green-50)}.text-green-100{color:var(--color-green-100)}.text-green-200{color:var(--color-green-200)}.text-green-300{color:var(--color-green-300)}.text-green-400{color:var(--color-green-400)}.text-green-500{color:var(--color-green-500)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-green-800{color:var(--color-green-800)}.text-green-900{color:var(--color-green-900)}.text-green-950{color:var(--color-green-950)}.text-neutral-50{color:var(--color-neutral-50)}.text-neutral-100{color:var(--color-neutral-100)}.text-neutral-200{color:var(--color-neutral-200)}.text-neutral-300{color:var(--color-neutral-300)}.text-neutral-400{color:var(--color-neutral-400)}.text-neutral-500{color:var(--color-neutral-500)}.text-neutral-600{color:var(--color-neutral-600)}.text-neutral-700{color:var(--color-neutral-700)}.text-neutral-800{color:var(--color-neutral-800)}.text-neutral-900{color:var(--color-neutral-900)}.text-neutral-950{color:var(--color-neutral-950)}.text-red-50{color:var(--color-red-50)}.text-red-100{color:var(--color-red-100)}.text-red-200{color:var(--color-red-200)}.text-red-300{color:var(--color-red-300)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-red-800{color:var(--color-red-800)}.text-red-900{color:var(--color-red-900)}.text-red-950{color:var(--color-red-950)}.text-slate-50{color:var(--color-slate-50)}.text-slate-100{color:var(--color-slate-100)}.text-slate-200{color:var(--color-slate-200)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.text-slate-950{color:var(--color-slate-950)}.text-stone-50{color:var(--color-stone-50)}.text-stone-100{color:var(--color-stone-100)}.text-stone-200{color:var(--color-stone-200)}.text-stone-300{color:var(--color-stone-300)}.text-stone-400{color:var(--color-stone-400)}.text-stone-500{color:var(--color-stone-500)}.text-stone-600{color:var(--color-stone-600)}.text-stone-700{color:var(--color-stone-700)}.text-stone-800{color:var(--color-stone-800)}.text-stone-900{color:var(--color-stone-900)}.text-stone-950{color:var(--color-stone-950)}.text-white{color:var(--color-white)}.underline{text-decoration-line:underline}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);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);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-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)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--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)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,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-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-75{--tw-duration:75ms;transition-duration:75ms}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-linear{--tw-ease:linear;transition-timing-function:linear}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media (hover:hover){.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:scale-\[1\.01\]:hover{scale:1.01}.hover\:bg-blue-50:hover{background-color:var(--color-blue-50)}.hover\:bg-blue-100:hover{background-color:var(--color-blue-100)}.hover\:bg-blue-200:hover{background-color:var(--color-blue-200)}.hover\:bg-blue-300:hover{background-color:var(--color-blue-300)}.hover\:bg-blue-400:hover{background-color:var(--color-blue-400)}.hover\:bg-blue-500:hover{background-color:var(--color-blue-500)}.hover\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-blue-800:hover{background-color:var(--color-blue-800)}.hover\:bg-blue-900:hover{background-color:var(--color-blue-900)}.hover\:bg-blue-950:hover{background-color:var(--color-blue-950)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:bg-gray-300:hover{background-color:var(--color-gray-300)}.hover\:bg-gray-400:hover{background-color:var(--color-gray-400)}.hover\:bg-gray-500:hover{background-color:var(--color-gray-500)}.hover\:bg-gray-600:hover{background-color:var(--color-gray-600)}.hover\:bg-gray-700:hover{background-color:var(--color-gray-700)}.hover\:bg-gray-800:hover{background-color:var(--color-gray-800)}.hover\:bg-gray-900:hover{background-color:var(--color-gray-900)}.hover\:bg-gray-950:hover{background-color:var(--color-gray-950)}.hover\:bg-green-50:hover{background-color:var(--color-green-50)}.hover\:bg-green-100:hover{background-color:var(--color-green-100)}.hover\:bg-green-200:hover{background-color:var(--color-green-200)}.hover\:bg-green-300:hover{background-color:var(--color-green-300)}.hover\:bg-green-400:hover{background-color:var(--color-green-400)}.hover\:bg-green-500:hover{background-color:var(--color-green-500)}.hover\:bg-green-600:hover{background-color:var(--color-green-600)}.hover\:bg-green-700:hover{background-color:var(--color-green-700)}.hover\:bg-green-800:hover{background-color:var(--color-green-800)}.hover\:bg-green-900:hover{background-color:var(--color-green-900)}.hover\:bg-green-950:hover{background-color:var(--color-green-950)}.hover\:bg-neutral-50:hover{background-color:var(--color-neutral-50)}.hover\:bg-neutral-100:hover{background-color:var(--color-neutral-100)}.hover\:bg-neutral-200:hover{background-color:var(--color-neutral-200)}.hover\:bg-neutral-300:hover{background-color:var(--color-neutral-300)}.hover\:bg-neutral-400:hover{background-color:var(--color-neutral-400)}.hover\:bg-neutral-500:hover{background-color:var(--color-neutral-500)}.hover\:bg-neutral-600:hover{background-color:var(--color-neutral-600)}.hover\:bg-neutral-700:hover{background-color:var(--color-neutral-700)}.hover\:bg-neutral-800:hover{background-color:var(--color-neutral-800)}.hover\:bg-neutral-900:hover{background-color:var(--color-neutral-900)}.hover\:bg-neutral-950:hover{background-color:var(--color-neutral-950)}.hover\:bg-orange-50:hover{background-color:var(--color-orange-50)}.hover\:bg-orange-100:hover{background-color:var(--color-orange-100)}.hover\:bg-orange-200:hover{background-color:var(--color-orange-200)}.hover\:bg-orange-300:hover{background-color:var(--color-orange-300)}.hover\:bg-orange-400:hover{background-color:var(--color-orange-400)}.hover\:bg-orange-500:hover{background-color:var(--color-orange-500)}.hover\:bg-orange-600:hover{background-color:var(--color-orange-600)}.hover\:bg-orange-700:hover{background-color:var(--color-orange-700)}.hover\:bg-orange-800:hover{background-color:var(--color-orange-800)}.hover\:bg-orange-900:hover{background-color:var(--color-orange-900)}.hover\:bg-orange-950:hover{background-color:var(--color-orange-950)}.hover\:bg-pink-50:hover{background-color:var(--color-pink-50)}.hover\:bg-pink-100:hover{background-color:var(--color-pink-100)}.hover\:bg-pink-200:hover{background-color:var(--color-pink-200)}.hover\:bg-pink-300:hover{background-color:var(--color-pink-300)}.hover\:bg-pink-400:hover{background-color:var(--color-pink-400)}.hover\:bg-pink-500:hover{background-color:var(--color-pink-500)}.hover\:bg-pink-600:hover{background-color:var(--color-pink-600)}.hover\:bg-pink-700:hover{background-color:var(--color-pink-700)}.hover\:bg-pink-800:hover{background-color:var(--color-pink-800)}.hover\:bg-pink-900:hover{background-color:var(--color-pink-900)}.hover\:bg-pink-950:hover{background-color:var(--color-pink-950)}.hover\:bg-purple-50:hover{background-color:var(--color-purple-50)}.hover\:bg-purple-100:hover{background-color:var(--color-purple-100)}.hover\:bg-purple-200:hover{background-color:var(--color-purple-200)}.hover\:bg-purple-300:hover{background-color:var(--color-purple-300)}.hover\:bg-purple-400:hover{background-color:var(--color-purple-400)}.hover\:bg-purple-500:hover{background-color:var(--color-purple-500)}.hover\:bg-purple-600:hover{background-color:var(--color-purple-600)}.hover\:bg-purple-700:hover{background-color:var(--color-purple-700)}.hover\:bg-purple-800:hover{background-color:var(--color-purple-800)}.hover\:bg-purple-900:hover{background-color:var(--color-purple-900)}.hover\:bg-purple-950:hover{background-color:var(--color-purple-950)}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:bg-red-100:hover{background-color:var(--color-red-100)}.hover\:bg-red-200:hover{background-color:var(--color-red-200)}.hover\:bg-red-300:hover{background-color:var(--color-red-300)}.hover\:bg-red-400:hover{background-color:var(--color-red-400)}.hover\:bg-red-500:hover{background-color:var(--color-red-500)}.hover\:bg-red-600:hover{background-color:var(--color-red-600)}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:bg-red-800:hover{background-color:var(--color-red-800)}.hover\:bg-red-900:hover{background-color:var(--color-red-900)}.hover\:bg-red-950:hover{background-color:var(--color-red-950)}.hover\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\:bg-slate-200:hover{background-color:var(--color-slate-200)}.hover\:bg-slate-300:hover{background-color:var(--color-slate-300)}.hover\:bg-slate-400:hover{background-color:var(--color-slate-400)}.hover\:bg-slate-500:hover{background-color:var(--color-slate-500)}.hover\:bg-slate-600:hover{background-color:var(--color-slate-600)}.hover\:bg-slate-700:hover{background-color:var(--color-slate-700)}.hover\:bg-slate-800:hover{background-color:var(--color-slate-800)}.hover\:bg-slate-900:hover{background-color:var(--color-slate-900)}.hover\:bg-slate-950:hover{background-color:var(--color-slate-950)}.hover\:bg-stone-50:hover{background-color:var(--color-stone-50)}.hover\:bg-stone-100:hover{background-color:var(--color-stone-100)}.hover\:bg-stone-200:hover{background-color:var(--color-stone-200)}.hover\:bg-stone-300:hover{background-color:var(--color-stone-300)}.hover\:bg-stone-400:hover{background-color:var(--color-stone-400)}.hover\:bg-stone-500:hover{background-color:var(--color-stone-500)}.hover\:bg-stone-600:hover{background-color:var(--color-stone-600)}.hover\:bg-stone-700:hover{background-color:var(--color-stone-700)}.hover\:bg-stone-800:hover{background-color:var(--color-stone-800)}.hover\:bg-stone-900:hover{background-color:var(--color-stone-900)}.hover\:bg-stone-950:hover{background-color:var(--color-stone-950)}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:bg-yellow-50:hover{background-color:var(--color-yellow-50)}.hover\:bg-yellow-100:hover{background-color:var(--color-yellow-100)}.hover\:bg-yellow-200:hover{background-color:var(--color-yellow-200)}.hover\:bg-yellow-300:hover{background-color:var(--color-yellow-300)}.hover\:bg-yellow-400:hover{background-color:var(--color-yellow-400)}.hover\:bg-yellow-500:hover{background-color:var(--color-yellow-500)}.hover\:bg-yellow-600:hover{background-color:var(--color-yellow-600)}.hover\:bg-yellow-700:hover{background-color:var(--color-yellow-700)}.hover\:bg-yellow-800:hover{background-color:var(--color-yellow-800)}.hover\:bg-yellow-900:hover{background-color:var(--color-yellow-900)}.hover\:bg-yellow-950:hover{background-color:var(--color-yellow-950)}.hover\:text-amber-600:hover{color:var(--color-amber-600)}.hover\:text-black:hover{color:var(--color-black)}.hover\:underline:hover{text-decoration-line:underline}}.focus\:bg-blue-50:focus{background-color:var(--color-blue-50)}.focus\:bg-blue-100:focus{background-color:var(--color-blue-100)}.focus\:bg-blue-200:focus{background-color:var(--color-blue-200)}.focus\:bg-blue-300:focus{background-color:var(--color-blue-300)}.focus\:bg-blue-400:focus{background-color:var(--color-blue-400)}.focus\:bg-blue-500:focus{background-color:var(--color-blue-500)}.focus\:bg-blue-600:focus{background-color:var(--color-blue-600)}.focus\:bg-blue-700:focus{background-color:var(--color-blue-700)}.focus\:bg-blue-800:focus{background-color:var(--color-blue-800)}.focus\:bg-blue-900:focus{background-color:var(--color-blue-900)}.focus\:bg-blue-950:focus{background-color:var(--color-blue-950)}.focus\:bg-gray-50:focus{background-color:var(--color-gray-50)}.focus\:bg-gray-100:focus{background-color:var(--color-gray-100)}.focus\:bg-gray-200:focus{background-color:var(--color-gray-200)}.focus\:bg-gray-300:focus{background-color:var(--color-gray-300)}.focus\:bg-gray-400:focus{background-color:var(--color-gray-400)}.focus\:bg-gray-500:focus{background-color:var(--color-gray-500)}.focus\:bg-gray-600:focus{background-color:var(--color-gray-600)}.focus\:bg-gray-700:focus{background-color:var(--color-gray-700)}.focus\:bg-gray-800:focus{background-color:var(--color-gray-800)}.focus\:bg-gray-900:focus{background-color:var(--color-gray-900)}.focus\:bg-gray-950:focus{background-color:var(--color-gray-950)}.focus\:bg-green-50:focus{background-color:var(--color-green-50)}.focus\:bg-green-100:focus{background-color:var(--color-green-100)}.focus\:bg-green-200:focus{background-color:var(--color-green-200)}.focus\:bg-green-300:focus{background-color:var(--color-green-300)}.focus\:bg-green-400:focus{background-color:var(--color-green-400)}.focus\:bg-green-500:focus{background-color:var(--color-green-500)}.focus\:bg-green-600:focus{background-color:var(--color-green-600)}.focus\:bg-green-700:focus{background-color:var(--color-green-700)}.focus\:bg-green-800:focus{background-color:var(--color-green-800)}.focus\:bg-green-900:focus{background-color:var(--color-green-900)}.focus\:bg-green-950:focus{background-color:var(--color-green-950)}.focus\:bg-neutral-50:focus{background-color:var(--color-neutral-50)}.focus\:bg-neutral-100:focus{background-color:var(--color-neutral-100)}.focus\:bg-neutral-200:focus{background-color:var(--color-neutral-200)}.focus\:bg-neutral-300:focus{background-color:var(--color-neutral-300)}.focus\:bg-neutral-400:focus{background-color:var(--color-neutral-400)}.focus\:bg-neutral-500:focus{background-color:var(--color-neutral-500)}.focus\:bg-neutral-600:focus{background-color:var(--color-neutral-600)}.focus\:bg-neutral-700:focus{background-color:var(--color-neutral-700)}.focus\:bg-neutral-800:focus{background-color:var(--color-neutral-800)}.focus\:bg-neutral-900:focus{background-color:var(--color-neutral-900)}.focus\:bg-neutral-950:focus{background-color:var(--color-neutral-950)}.focus\:bg-orange-50:focus{background-color:var(--color-orange-50)}.focus\:bg-orange-100:focus{background-color:var(--color-orange-100)}.focus\:bg-orange-200:focus{background-color:var(--color-orange-200)}.focus\:bg-orange-300:focus{background-color:var(--color-orange-300)}.focus\:bg-orange-400:focus{background-color:var(--color-orange-400)}.focus\:bg-orange-500:focus{background-color:var(--color-orange-500)}.focus\:bg-orange-600:focus{background-color:var(--color-orange-600)}.focus\:bg-orange-700:focus{background-color:var(--color-orange-700)}.focus\:bg-orange-800:focus{background-color:var(--color-orange-800)}.focus\:bg-orange-900:focus{background-color:var(--color-orange-900)}.focus\:bg-orange-950:focus{background-color:var(--color-orange-950)}.focus\:bg-pink-50:focus{background-color:var(--color-pink-50)}.focus\:bg-pink-100:focus{background-color:var(--color-pink-100)}.focus\:bg-pink-200:focus{background-color:var(--color-pink-200)}.focus\:bg-pink-300:focus{background-color:var(--color-pink-300)}.focus\:bg-pink-400:focus{background-color:var(--color-pink-400)}.focus\:bg-pink-500:focus{background-color:var(--color-pink-500)}.focus\:bg-pink-600:focus{background-color:var(--color-pink-600)}.focus\:bg-pink-700:focus{background-color:var(--color-pink-700)}.focus\:bg-pink-800:focus{background-color:var(--color-pink-800)}.focus\:bg-pink-900:focus{background-color:var(--color-pink-900)}.focus\:bg-pink-950:focus{background-color:var(--color-pink-950)}.focus\:bg-purple-50:focus{background-color:var(--color-purple-50)}.focus\:bg-purple-100:focus{background-color:var(--color-purple-100)}.focus\:bg-purple-200:focus{background-color:var(--color-purple-200)}.focus\:bg-purple-300:focus{background-color:var(--color-purple-300)}.focus\:bg-purple-400:focus{background-color:var(--color-purple-400)}.focus\:bg-purple-500:focus{background-color:var(--color-purple-500)}.focus\:bg-purple-600:focus{background-color:var(--color-purple-600)}.focus\:bg-purple-700:focus{background-color:var(--color-purple-700)}.focus\:bg-purple-800:focus{background-color:var(--color-purple-800)}.focus\:bg-purple-900:focus{background-color:var(--color-purple-900)}.focus\:bg-purple-950:focus{background-color:var(--color-purple-950)}.focus\:bg-red-50:focus{background-color:var(--color-red-50)}.focus\:bg-red-100:focus{background-color:var(--color-red-100)}.focus\:bg-red-200:focus{background-color:var(--color-red-200)}.focus\:bg-red-300:focus{background-color:var(--color-red-300)}.focus\:bg-red-400:focus{background-color:var(--color-red-400)}.focus\:bg-red-500:focus{background-color:var(--color-red-500)}.focus\:bg-red-600:focus{background-color:var(--color-red-600)}.focus\:bg-red-700:focus{background-color:var(--color-red-700)}.focus\:bg-red-800:focus{background-color:var(--color-red-800)}.focus\:bg-red-900:focus{background-color:var(--color-red-900)}.focus\:bg-red-950:focus{background-color:var(--color-red-950)}.focus\:bg-slate-50:focus{background-color:var(--color-slate-50)}.focus\:bg-slate-100:focus{background-color:var(--color-slate-100)}.focus\:bg-slate-200:focus{background-color:var(--color-slate-200)}.focus\:bg-slate-300:focus{background-color:var(--color-slate-300)}.focus\:bg-slate-400:focus{background-color:var(--color-slate-400)}.focus\:bg-slate-500:focus{background-color:var(--color-slate-500)}.focus\:bg-slate-600:focus{background-color:var(--color-slate-600)}.focus\:bg-slate-700:focus{background-color:var(--color-slate-700)}.focus\:bg-slate-800:focus{background-color:var(--color-slate-800)}.focus\:bg-slate-900:focus{background-color:var(--color-slate-900)}.focus\:bg-slate-950:focus{background-color:var(--color-slate-950)}.focus\:bg-stone-50:focus{background-color:var(--color-stone-50)}.focus\:bg-stone-100:focus{background-color:var(--color-stone-100)}.focus\:bg-stone-200:focus{background-color:var(--color-stone-200)}.focus\:bg-stone-300:focus{background-color:var(--color-stone-300)}.focus\:bg-stone-400:focus{background-color:var(--color-stone-400)}.focus\:bg-stone-500:focus{background-color:var(--color-stone-500)}.focus\:bg-stone-600:focus{background-color:var(--color-stone-600)}.focus\:bg-stone-700:focus{background-color:var(--color-stone-700)}.focus\:bg-stone-800:focus{background-color:var(--color-stone-800)}.focus\:bg-stone-900:focus{background-color:var(--color-stone-900)}.focus\:bg-stone-950:focus{background-color:var(--color-stone-950)}.focus\:bg-yellow-50:focus{background-color:var(--color-yellow-50)}.focus\:bg-yellow-100:focus{background-color:var(--color-yellow-100)}.focus\:bg-yellow-200:focus{background-color:var(--color-yellow-200)}.focus\:bg-yellow-300:focus{background-color:var(--color-yellow-300)}.focus\:bg-yellow-400:focus{background-color:var(--color-yellow-400)}.focus\:bg-yellow-500:focus{background-color:var(--color-yellow-500)}.focus\:bg-yellow-600:focus{background-color:var(--color-yellow-600)}.focus\:bg-yellow-700:focus{background-color:var(--color-yellow-700)}.focus\:bg-yellow-800:focus{background-color:var(--color-yellow-800)}.focus\:bg-yellow-900:focus{background-color:var(--color-yellow-900)}.focus\:bg-yellow-950:focus{background-color:var(--color-yellow-950)}.focus\:underline:focus,.active\:underline:active{text-decoration-line:underline}@media (min-width:40rem){.sm\:min-w-\[60\%\]{min-width:60%}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:48rem){.md\:bottom-8{bottom:calc(var(--spacing)*8)}.md\:left-8{left:calc(var(--spacing)*8)}.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:hidden{display:none}.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\:pt-12{padding-top:calc(var(--spacing)*12)}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{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-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-ease{syntax:"*";inherits:false}@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}


/* ===== Moved from inline <style> blocks in index.html ===== */

.pos-marker{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:6px 10px;
    border-radius:10px;
    background: linear-gradient(90deg, rgba(11,122,54,0.95), rgba(4,78,35,0.95));
    color:#fff;
    font-weight:800;
    font-size:12px;
    box-shadow: 0 10px 18px rgba(2,6,23,.18);
    border: 1px solid rgba(255,255,255,.25);
    max-width: 180px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .pos-popup .btn{
    display:inline-flex;
    gap:.5rem;
    align-items:center;
    justify-content:center;
    padding:.55rem .85rem;
    border-radius:999px;
    font-weight:700;
  }
  /* POS pin marker (no label) */
/* Teardrop location pin (SVG wrapper) */
.pos-pin-svg{
  width: 34px;
  height: 34px;
  display: block;
}

.pos-pin-svg svg{
  width: 34px;
  height: 34px;
  display: block;
  filter: drop-shadow(0 10px 18px rgba(2,6,23,.22));
}
/* Force popup buttons colors (Leaflet overrides link colors sometimes) */
.pos-popup a.btn{
  text-decoration: none;
}

.pos-popup a.btn.glass-btn,
.pos-popup a.btn.glass-btn:visited,
.pos-popup a.btn.glass-btn:hover,
.pos-popup a.btn.glass-btn:active{
  color:#fff !important;
}
  /* FIX: Tailwind breaks Leaflet tile images */
.leaflet-container img{
  max-width: none !important;
  height: auto !important;
}

/* Ensure map receives clicks/touch */
#posMap{
  position: relative;
  z-index: 1;
}

:root{ --accent:#0b7a36; --accent-dark:#044e23; }
    body{ font-family: 'Tajawal', sans-serif; background: transparent; padding-top: 80px;} 
    .lux-card{ background: linear-gradient(135deg, rgba(255,255,255,0.75), rgba(255,255,255,0.6)); box-shadow: 0 10px 30px rgba(2,6,23,0.08); backdrop-filter: blur(6px); }
.hero-bg{
  background-image: url('https://greengrovesoil.com/images/ph3.jpg');
  background-size: cover;
  background-position: center;
  background-attachment: fixed;

  min-height: 100vh;
  display: flex;
  align-items: center;
  padding-top: 24px;
  padding-bottom: 120px;
}


html {
  scroll-behavior: smooth; 
}
section, [id] {
  scroll-margin-top: 92px; 
}
/* تحسينات لقسم المقاسات */
#sizes .lux-card { 
  background: linear-gradient(135deg, rgba(255,255,255,0.85), rgba(250,250,250,0.65));
  border: 1px solid rgba(2,6,23,0.04);
}

/* scroll snap mobile smoothing */
.snap-start { scroll-snap-align: start; -webkit-scroll-snap-align: start; }

/* lightbox */
#lightbox { display: none; align-items: center; justify-content: center; }
#lightbox.show { display: flex; }
[data-close-lightbox] { cursor: pointer; }

    .gold{ color: #b0893b; }
    .glass-btn{ background: linear-gradient(90deg, rgba(11,122,54,0.95), rgba(4,78,35,0.95)); color: #fff; }
   

/* ===== Scroll reveal - final stable version ===== */
.fade-up{
  --reveal-distance: 26px;
  --reveal-duration: .72s;
  --reveal-delay: 0s;
  --reveal-ease: cubic-bezier(.22, 1, .36, 1);
}

/* الحالة الأولية تُفعَّل من أول رسم لأن html.js موجود من الـ head */
html.js .fade-up{
  opacity: 0;
  transform: translate3d(0, var(--reveal-distance), 0);
  transition:
    opacity var(--reveal-duration) var(--reveal-ease) var(--reveal-delay),
    transform var(--reveal-duration) var(--reveal-ease) var(--reveal-delay);
  will-change: opacity, transform;
}

html.js .fade-up.is-visible{
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.fade-up.reveal-text{
  --reveal-distance: 16px;
  --reveal-duration: .64s;
}

.fade-up.reveal-soft{
  --reveal-distance: 14px;
  --reveal-duration: .78s;
}


    /* ensure header is above the mobile menu */
    header {
  position: fixed; /* أو sticky إذا تحب */
  top: 0;
  left: 0;
  right: 0;
  z-index: 60;
  border-bottom: none; 
}

.tuff-orbit{
  position: relative;
  width: min(100%, 720px);
  margin-inline: auto;
  --tuff-mobile-scale: 1;
  --tuff-stage-width: 420px;
  --tuff-stage-height: 700px;

  padding: 24px;
  border-radius: 34px;
  background: linear-gradient(135deg, rgba(255,255,255,0.75), rgba(255,255,255,0.6));
  box-shadow: 0 10px 30px rgba(2,6,23,0.08);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
  .tuff-diagram{
  position: relative;
  width: 100%;
  min-height: 680px;
  aspect-ratio: 1 / 1;
  overflow: visible;
  isolation: isolate;
  background: transparent;
  box-shadow: none;
  border: 0;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.tuff-line{
  fill: none;
  stroke: rgba(11, 122, 54, 0.8);
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-dasharray: 100;
  stroke-dashoffset: 100;
  opacity: .14;
  vector-effect: non-scaling-stroke;
  will-change: stroke-dashoffset, opacity;
}

.tuff-line-dot{
  fill: rgba(11, 122, 54, 0.8);
  opacity: 0;
  transform: scale(.2);
  transform-box: fill-box;
  transform-origin: center;
  will-change: transform, opacity;
}
  .tuff-center{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    z-index: 3;
    will-change: transform;
  }
  .tuff-center::after{
    content: "";
    position: absolute;
    left: 50%;
    bottom: -34px;
    transform: translateX(-50%);
    width: 62%;
    height: 34px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(15, 23, 42, .16) 0%, rgba(15, 23, 42, .08) 36%, rgba(15, 23, 42, 0) 75%);
    filter: blur(11px);
    z-index: -1;
  }
  .tuff-center-img{
    width: clamp(190px, 32vw, 320px);
    max-width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
    filter: drop-shadow(0 18px 20px rgba(2, 6, 23, .10));
    user-select: none;
    -webkit-user-drag: none;
  }
  .tuff-node{
    position: absolute;
    z-index: 4;
    outline: none;
    cursor: default;
  }
  .tuff-node-card{
    min-width: clamp(128px, 16vw, 176px);
    max-width: clamp(146px, 19vw, 196px);
    min-height: 46px;
    padding: 12px 16px;
    border-radius: 17px;
    background: rgba(250, 251, 249, .97);
    border: 1px solid rgba(20, 55, 35, .08);
    color: #35533f;
    font-size: clamp(14px, 1.45vw, 17px);
    font-weight: 700;
    line-height: 1.45;
    text-align: center;
    box-shadow: 0 8px 20px rgba(15, 23, 42, .05);
    backdrop-filter: blur(8px);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease, color .25s ease;
  }
  .tuff-tooltip{
    position: absolute;
    left: 50%;
    bottom: calc(100% + 12px);
    transform: translate(-50%, 8px);
    width: min(220px, 70vw);
    padding: 10px 12px;
    border-radius: 14px;
    background: rgba(255, 255, 255, .985);
    color: #486150;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.6;
    text-align: center;
    box-shadow: 0 12px 26px rgba(15, 23, 42, .10);
    border: 1px solid rgba(20, 55, 35, .08);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .24s ease, transform .24s ease, visibility .24s ease;
  }
  .tuff-tooltip::after{
    content: "";
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    border-width: 7px;
    border-style: solid;
    border-color: rgba(255, 255, 255, .985) transparent transparent transparent;
  }
  .tuff-node:hover .tuff-node-card,
  .tuff-node:focus-visible .tuff-node-card,
  .tuff-node.is-active .tuff-node-card{
    transform: translateY(-4px);
    box-shadow: 0 14px 28px rgba(15, 23, 42, .09);
    color: #0b5f2f;
    border-color: rgba(11, 122, 54, .14);
  }
  .tuff-node:hover .tuff-tooltip,
  .tuff-node:focus-visible .tuff-tooltip,
  .tuff-node.is-active .tuff-tooltip{
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 0);
  }
  .tuff-node-top{ top: 2%; left: 50%; transform: translateX(-50%); }
  .tuff-node-top-right{ top: 18%; left: 84%; transform: translateX(-50%); }
  .tuff-node-bottom-right{ top: 66%; left: 84%; transform: translateX(-50%); }
  .tuff-node-bottom{ left: 50%; bottom: 2%; transform: translateX(-50%); }
  .tuff-node-bottom-left{ top: 66%; left: 16%; transform: translateX(-50%); }
  .tuff-node-top-left{ top: 18%; left: 16%; transform: translateX(-50%); }
  .tuff-node-top .tuff-tooltip{
    top: calc(100% + 12px);
    bottom: auto;
    transform: translate(-50%, -8px);
  }
  .tuff-node-top .tuff-tooltip::after{
    top: auto;
    bottom: 100%;
    border-color: transparent transparent rgba(255, 255, 255, .985) transparent;
  }
  .tuff-node-top:hover .tuff-tooltip,
  .tuff-node-top:focus-visible .tuff-tooltip,
  .tuff-node-top.is-active .tuff-tooltip{
    transform: translate(-50%, 0);
  }

  .tuff-mobile-layout{
    display: none;
  }
  .tuff-mobile-list{
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .tuff-mobile-item{
    border-radius: 14px;
    background: rgba(250, 251, 249, .97);
    border: 1px solid rgba(20, 55, 35, .08);
    box-shadow: 0 8px 20px rgba(15, 23, 42, .05);
    backdrop-filter: blur(8px);
    overflow: hidden;
  }
  .tuff-mobile-summary{
    list-style: none;
    cursor: pointer;
    padding: 10px 12px;
    color: #35533f;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.45;
    text-align: right;
    position: relative;
  }
  .tuff-mobile-summary::-webkit-details-marker{
    display: none;
  }
  .tuff-mobile-summary::after{
    content: "+";
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    font-weight: 700;
    color: #0b7a36;
  }
  .tuff-mobile-item[open] .tuff-mobile-summary::after{
    content: "−";
  }
  .tuff-mobile-item[open] .tuff-mobile-summary{
    color: #0b5f2f;
  }
  .tuff-mobile-desc{
    display: none;
    padding: 0 12px 10px;
    color: #486150;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.6;
    text-align: right;
  }
  .tuff-mobile-item[open] .tuff-mobile-desc{
    display: block;
  }
  .tuff-mobile-figure{
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .tuff-mobile-rock{
    width: 132px;
    max-width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
    filter: drop-shadow(0 18px 20px rgba(2, 6, 23, .10));
    will-change: transform;
  }

  @media (max-width: 1100px){
    .tuff-diagram{ min-height: 640px; }
    .tuff-center-img{ width: clamp(168px, 28vw, 250px); }
    .tuff-node-card{
      min-width: 118px;
      max-width: 144px;
      padding: 11px 14px;
      font-size: 13px;
    }
    .tuff-node-top-right,
    .tuff-node-bottom-right{ left: 82%; }
    .tuff-node-top-left,
    .tuff-node-bottom-left{ left: 18%; }
  }

  @media (min-width: 768px){
    .tuff-orbit{
      width: min(100%, 576px);
      padding: 19px;
      border-radius: 27px;
    }

    .tuff-diagram{
      min-height: 544px;
    }

    .tuff-center::after{
      bottom: -27px;
      height: 27px;
      width: 58%;
    }

    .tuff-center-img{
      width: clamp(152px, 25.6vw, 256px);
    }

    .tuff-node-card{
      min-width: clamp(102px, 12.8vw, 141px);
      max-width: clamp(117px, 15.2vw, 157px);
      min-height: 37px;
      padding: 10px 13px;
      border-radius: 14px;
      font-size: clamp(12px, 1.16vw, 14px);
    }
  }

  @media (max-width: 767px){
    .tuff-orbit{
      width: 100%;
      max-width: 100%;
      height: auto !important;
      padding: 16px;
      border-radius: 24px;
      overflow: hidden;
    }

    .tuff-diagram{
      display: none;
    }

    .tuff-mobile-layout{
      display: grid;
      grid-template-columns: minmax(0, 1fr) 132px;
      gap: 12px;
      align-items: center;
      direction: ltr;
    }

    .tuff-mobile-list{
      direction: rtl;
    }

    .tuff-mobile-rock{
      width: 132px;
    }
  }

  @media (max-width: 420px){
    .tuff-orbit{
      padding: 14px;
    }

    .tuff-mobile-layout{
      grid-template-columns: minmax(0, 1fr) 118px;
      gap: 10px;
    }

    .tuff-mobile-summary{
      padding: 9px 10px;
      font-size: 11.5px;
    }

    .tuff-mobile-desc{
      padding: 0 10px 9px;
      font-size: 11px;
    }

    .tuff-mobile-item{
      border-radius: 12px;
    }

    .tuff-mobile-rock{
      width: 118px;
    }
  }

  @media (max-width: 360px){
    .tuff-mobile-layout{
      grid-template-columns: minmax(0, 1fr) 108px;
      gap: 8px;
    }

    .tuff-mobile-summary{
      padding: 8px 9px;
      font-size: 11px;
    }

    .tuff-mobile-desc{
      padding: 0 9px 8px;
      font-size: 10.5px;
    }

    .tuff-mobile-rock{
      width: 108px;
    }
  }

.product-ribbon{
    position:absolute;
    top:16px;
    right:16px;
    padding:8px 14px;
    border-radius:999px;
    background:rgba(255,255,255,.94);
    color:#044e23;
    font-size:13px;
    font-weight:800;
    box-shadow:0 8px 24px rgba(2,6,23,.12);
  }
  .spec-chip{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:8px 14px;
    border-radius:999px;
    background:rgba(11,122,54,.08);
    color:#0b7a36;
    border:1px solid rgba(11,122,54,.12);
    font-size:13px;
    font-weight:700;
  }
  .spec-chip-soft{
    background:rgba(255,255,255,.82);
    color:#35533f;
    border-color:rgba(2,6,23,.08);
  }
  .product-points{list-style:none;padding:0;margin:0;}
  .product-points li{position:relative;padding-right:18px;}
  .product-points li::before{content:'•';position:absolute;right:0;top:0;color:#0b7a36;font-weight:900;}
  .mini-compare{
    padding:18px;
    border-radius:18px;
    background:rgba(255,255,255,.72);
    border:1px solid rgba(2,6,23,.06);
  }
  .mini-compare-label{
    font-weight:800;
    margin-bottom:8px;
    color:#044e23;
  }
  .faq-item summary{
    list-style:none;
    cursor:pointer;
    font-weight:800;
    position:relative;
    padding-left:28px;
    color:#044e23;
  }
  .faq-item summary::-webkit-details-marker{display:none;}
  .faq-item summary::before{
    content:'+';
    position:absolute;
    left:0;
    top:-2px;
    font-size:22px;
    line-height:1;
    color:#0b7a36;
  }
  .faq-item[open] summary::before{content:'−';}
  .order-modal{
    position:fixed;
    inset:0;
    display:none;
    align-items:center;
    justify-content:center;
    padding:16px;
    z-index:90;
  }
  .order-modal.show{display:flex;}
  .order-modal-backdrop{
    position:absolute;
    inset:0;
    background:rgba(2,16,18,.68);
    backdrop-filter:blur(6px);
    -webkit-backdrop-filter:blur(6px);
  }
  .order-modal-panel{
    width:min(100%,560px);
    background:#ffffff !important;
    border:1px solid rgba(2,6,23,.08);
    box-shadow:0 24px 64px rgba(2,16,18,.24) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    opacity:1;
  }
  .order-modal-close{
    position:absolute;
    top:14px;
    left:14px;
    width:40px;
    height:40px;
    border-radius:999px;
    border:1px solid rgba(2,6,23,.1);
    background:rgba(255,255,255,.9);
    font-size:24px;
    line-height:1;
    color:#044e23;
  }
  @media (max-width: 767px){
    .product-card .flex.flex-wrap.gap-3{flex-direction:column;align-items:stretch;}
    .product-card .flex.flex-wrap.gap-3 > *{width:100%;text-align:center;justify-content:center;}
    .order-modal-panel{padding:22px 18px;}
  }

.compact-products-wrap{
    max-width: 980px;
    margin-inline: auto;
  }
  .compact-product-card{
    max-width: 420px;
    margin-inline: auto;
    padding: 18px;
    border: 1px solid rgba(2,6,23,.06);
    background: linear-gradient(135deg, rgba(255,255,255,0.9), rgba(248,250,247,0.82));
  }
  .compact-product-media{
    position: relative;
    height: 170px;
    border-radius: 20px;
    overflow: hidden;
    background: linear-gradient(135deg, rgba(11,122,54,.08), rgba(255,255,255,.5));
  }
  .compact-product-media img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .35s ease;
  }
  .compact-product-card:hover .compact-product-media img{
    transform: scale(1.04);
  }
  .compact-product-badge{
    position: absolute;
    right: 12px;
    top: 12px;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,.94);
    color: #044e23;
    font-size: 12px;
    font-weight: 800;
    box-shadow: 0 8px 18px rgba(2,6,23,.10);
  }
  .compact-product-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
  }
  .compact-product-actions > *{
    flex: 1 1 160px;
    justify-content: center;
    text-align: center;
  }
  .usage-showcase{
    width: 100%;
    max-width: none;
  }
  .usage-intro{
    max-width: 760px;
    margin-inline: auto;
  }
  .usage-intro-text{
    line-height: 2;
  }
  .usage-grid{
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .usage-card{
    overflow: hidden;
    border-radius: 24px;
    border: 1px solid rgba(2,6,23,.06);
    background: linear-gradient(135deg, rgba(255,255,255,0.92), rgba(248,250,247,0.82));
  }
  .usage-card-media{
    position: relative;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: rgba(11,122,54,.06);
  }
  .usage-card-media img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .45s ease;
  }
  .usage-card:hover .usage-card-media img{
    transform: scale(1.04);
  }
  .usage-card-body{
    padding: 18px;
  }
  .usage-card-title{
    font-size: 1.05rem;
    font-weight: 800;
    color: #044e23;
    margin-bottom: 8px;
  }
  .usage-card-text{
    color: #4b5563;
    font-size: .95rem;
    line-height: 1.9;
  }
  .usage-card-link{
    display:none !important;
  }
  .outline-btn{
    border: 1px solid rgba(4,78,35,.35);
    color: #044e23;
    background: rgba(255,255,255,.9);
  }
  .outline-btn:hover{
    background: rgba(11,122,54,.06);
  }
  @media (min-width: 768px){
    .compact-product-card{
      padding: 20px;
    }
    .compact-product-media{
      height: 200px;
    }
    .usage-grid{
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (min-width: 1200px){
    .usage-grid{
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 767px){
    .compact-product-card{
      max-width: 100%;
    }
    .compact-product-actions{
      display:grid;
      grid-template-columns:repeat(2, minmax(0, 1fr));
      gap:8px;
    }
    .compact-product-actions > *{
      flex:none;
      width:100%;
      min-width:0;
      padding:11px 10px;
      font-size:.93rem;
      line-height:1.35;
    }
    .usage-card-body{
      padding: 16px;
    }
  }





/* ===== SEO and information architecture sections ===== */
.quick-size-intro{
  max-width: 860px;
  margin-inline: auto;
}
.quick-size-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:24px;
}
.quick-size-card{
  padding:24px;
  border-radius:24px;
  border:1px solid rgba(2,6,23,.06);
  background:linear-gradient(135deg, rgba(255,255,255,.94), rgba(247,250,246,.84));
}
.quick-size-card-accent{
  background:linear-gradient(135deg, rgba(238,247,241,.96), rgba(255,255,255,.9));
}
.choice-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:7px 14px;
  margin-bottom:14px;
  border-radius:999px;
  background:rgba(11,122,54,.10);
  color:#0b7a36;
  border:1px solid rgba(11,122,54,.14);
  font-size:13px;
  font-weight:800;
}
.choice-points{
  list-style:none;
  padding:0;
  margin:0;
}
.choice-points li{
  position:relative;
  padding-right:18px;
}
.choice-points li::before{
  content:'•';
  position:absolute;
  right:0;
  top:0;
  color:#0b7a36;
  font-weight:900;
}
.section-note{
  padding:14px 16px;
  border-radius:18px;
  background:rgba(11,122,54,.06);
  border:1px solid rgba(11,122,54,.10);
  color:#35533f;
  font-size:.95rem;
  line-height:1.9;
}
.compare-shell{
  border:1px solid rgba(2,6,23,.06);
}
.compare-table-wrap{
  overflow-x:auto;
}
.compare-table{
  width:100%;
  border-collapse:collapse;
  min-width:680px;
}
.compare-table th,
.compare-table td {
  padding: 16px 14px;
  text-align: start;
  border-bottom: 1px solid rgba(2, 6, 23, 0.08);
  vertical-align: top;
  line-height: 1.9;
}
.compare-table thead th{
  background:rgba(11,122,54,.06);
  color:#044e23;
  font-weight:800;
}
.compare-table tbody tr:last-child td{
  border-bottom:none;
}
.compare-recommend{
  margin-top:16px;
  padding:14px 16px;
  border-radius:18px;
  background:rgba(255,255,255,.86);
  border:1px solid rgba(2,6,23,.06);
  color:#35533f;
  line-height:1.9;
  font-size:.96rem;
}
.scenario-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:24px;
}
.scenario-card{
  padding:24px;
  border-radius:24px;
  border:1px solid rgba(2,6,23,.06);
  background:linear-gradient(135deg, rgba(255,255,255,.94), rgba(247,250,246,.84));
}
.scenario-kicker{
  font-size:13px;
  font-weight:800;
  color:#0b7a36;
  margin-bottom:10px;
}
.scenario-title{
  font-size:1.15rem;
  font-weight:800;
  color:#044e23;
  margin-bottom:10px;
}
.scenario-text{
  color:#4b5563;
  line-height:1.95;
  font-size:.97rem;
}
.docs-intro{
  max-width:780px;
  margin-inline:auto;
}
.docs-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:24px;
}
.doc-card{
  padding:24px;
  border:1px solid rgba(2,6,23,.06);
  background:linear-gradient(135deg, rgba(255,255,255,.94), rgba(247,250,246,.84));
}
.doc-kicker{
  font-size:13px;
  font-weight:800;
  color:#0b7a36;
  margin-bottom:10px;
}
.doc-title{
  font-size:1.1rem;
  font-weight:800;
  color:#044e23;
  margin-bottom:10px;
}
.doc-text{
  color:#4b5563;
  line-height:1.9;
  font-size:.95rem;
  margin-bottom:14px;
}
.doc-meta{
  list-style:none;
  padding:0;
  margin:0 0 18px;
}
.doc-meta li{
  position:relative;
  padding-right:18px;
  color:#35533f;
  font-size:.93rem;
  line-height:1.9;
}
.doc-meta li::before{
  content:'•';
  position:absolute;
  right:0;
  top:0;
  color:#0b7a36;
  font-weight:900;
}
.doc-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:138px;
  padding:12px 18px;
  border-radius:999px;
  background:#0b7a36;
  color:#fff;
  font-weight:800;
}
.doc-link:hover{
  background:#09652d;
}
.docs-note{
  margin-top:22px;
}
@media (min-width: 768px){
  .quick-size-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
  .quick-size-card-accent{
    grid-column:1 / -1;
  }
  .scenario-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }
  .docs-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767px){
  .quick-size-card,
  .scenario-card,
  .doc-card{
    padding:20px;
  }
  .compare-table{
    min-width:620px;
  }
}


/* ===== Final refinement overrides ===== */
.benefit-card-refined{
  text-align:center;
  padding-top:26px;
}
.benefit-icon{
  width:64px;
  height:64px;
  margin:0 auto 18px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#38b86a;
  background:rgba(11,122,54,.08);
  flex-shrink:0;
}

.benefit-icon svg{
  width:30px;
  height:30px;
  display:block;
  stroke:currentColor;
  stroke-width:2.1;
  stroke-linecap:round;
  stroke-linejoin:round;
  fill:none;
}
.quick-size-card{
  display:flex;
  flex-direction:column;
  min-height:100%;
}
.quick-size-card > .glass-btn,
.quick-size-card > .section-note{
  margin-top:auto;
}
.quick-size-card .choice-points{
  margin-bottom:20px;
}
.quick-size-card .choice-points li{
  line-height:1.95;
}
.docs-grid-compact{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
}
.doc-card-compact{
  padding:18px;
  border-radius:20px;
}
.doc-card-compact .doc-title{
  font-size:1rem;
  margin-bottom:8px;
}
.doc-card-compact .doc-text{
  font-size:.9rem;
  line-height:1.8;
  margin-bottom:12px;
}
.doc-card-compact .doc-link{
  width:100%;
  min-width:0;
  padding:10px 14px;
  font-size:.92rem;
}
.doc-card-compact .doc-kicker{
  margin-bottom:8px;
}
.compare-table td:first-child,
.compare-table th:first-child{
  font-weight:800;
  color:#044e23;
}
@media (min-width:768px){
  .docs-grid-compact{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }
}
@media (min-width:1200px){
  .docs-grid-compact{
    grid-template-columns:repeat(4, minmax(0, 1fr));
  }
}
@media (max-width:767px){
  .benefit-card-refined{
    text-align:right;
  }

  .benefit-icon{
    margin:0 0 16px;
    width:58px;
    height:58px;
    border-radius:16px;
  }

  .benefit-icon svg{
    width:28px;
    height:28px;
  }

  .quick-size-card > .glass-btn{
    width:100%;
  }
}


/* ===== Trust / gallery / product page additions ===== */
.metrics-strip-grid{display:grid;grid-template-columns:1fr;gap:14px;}
.metric-strip-card{padding:18px 18px 16px;border-radius:22px;border:1px solid rgba(2,6,23,.06);background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(246,249,246,.86));text-align:center;}
.metric-strip-icon{width:42px;height:42px;border-radius:14px;margin:0 auto 12px;background:rgba(11,122,54,.08);display:flex;align-items:center;justify-content:center;color:#0b7a36;font-weight:900;font-size:1.1rem;}
.metric-strip-value{font-size:1.15rem;font-weight:900;color:#044e23;line-height:1.3;}
.metric-strip-label{margin-top:6px;color:#5b6471;font-size:.9rem;line-height:1.7;}
@media (min-width:768px){.metrics-strip-grid{grid-template-columns:repeat(4,minmax(0,1fr));}}
.product-gallery-trigger{position:relative;display:block;width:100%;border:none;padding:0;background:none;text-align:inherit;cursor:pointer;}
.gallery-chip{position:absolute;left:12px;bottom:12px;padding:7px 12px;border-radius:999px;background:rgba(4,78,35,.88);color:#fff;font-size:12px;font-weight:800;box-shadow:0 10px 24px rgba(2,6,23,.16);}
.gallery-modal-shell{position:relative;width:min(1080px,96vw);max-height:90vh;padding:18px;border-radius:28px;background:#fff;box-shadow:0 35px 80px rgba(0,0,0,.28);display:flex;flex-direction:column;gap:14px;overflow:hidden;}
.gallery-main-wrap{position:relative;border-radius:22px;overflow:hidden;background:linear-gradient(135deg,#f7faf6,#eef4ef);min-height:52vh;display:flex;align-items:center;justify-content:center;}
.gallery-main-image{display:block;max-width:100%;max-height:68vh;object-fit:contain;margin:auto;}
.gallery-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-inline:6px;}
.gallery-caption{font-size:.98rem;font-weight:800;color:#044e23;line-height:1.7;}.gallery-count{font-size:.9rem;color:#5b6471;white-space:nowrap;}
.gallery-thumbs{display:flex;gap:10px;overflow:auto;padding:4px 2px 2px;}
.gallery-thumb{border:none;background:#fff;padding:0;border-radius:16px;overflow:hidden;flex:0 0 92px;height:72px;border:2px solid transparent;cursor:pointer;box-shadow:0 8px 22px rgba(2,6,23,.08);}
.gallery-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.gallery-thumb.is-active{border-color:#0b7a36;}
.gallery-close{position:absolute;top:14px;right:14px;width:42px;height:42px;border-radius:999px;border:1px solid rgba(2,6,23,.08);display:flex;align-items:center;justify-content:center;font-size:1.1rem;z-index:2;}
.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:999px;border:none;background:rgba(255,255,255,.94);box-shadow:0 16px 32px rgba(2,6,23,.15);display:flex;align-items:center;justify-content:center;font-size:1.9rem;color:#044e23;z-index:2;}.gallery-prev{left:16px;}.gallery-next{right:16px;}
.results-grid{display:grid;grid-template-columns:1fr;gap:22px;}
.result-card{padding:24px;border-radius:24px;border:1px solid rgba(2,6,23,.06);background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(247,250,246,.84));display:flex;flex-direction:column;min-height:100%;}
.result-tag{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:rgba(11,122,54,.08);color:#0b7a36;font-size:12px;font-weight:900;margin-bottom:14px;}
.result-title{font-size:1.12rem;font-weight:900;color:#044e23;line-height:1.6;margin-bottom:10px;}
.result-text{font-size:.96rem;line-height:1.95;color:#4b5563;margin-bottom:14px;}
.result-proof{margin-top:auto;padding:12px 14px;border-radius:16px;background:rgba(11,122,54,.05);border:1px solid rgba(11,122,54,.10);font-size:.9rem;line-height:1.85;color:#35533f;}
.controls-grid{display:grid;grid-template-columns:1fr;gap:24px;}
.controls-card{padding:24px;border-radius:24px;border:1px solid rgba(2,6,23,.06);background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(247,250,246,.84));}
.controls-kicker{font-size:13px;font-weight:900;color:#0b7a36;margin-bottom:12px;}
.controls-list{list-style:none;padding:0;margin:0;display:grid;gap:12px;}.controls-list li{position:relative;padding-right:18px;color:#4b5563;line-height:1.95;font-size:.97rem;}.controls-list li::before{content:'•';position:absolute;right:0;top:0;color:#0b7a36;font-weight:900;}
.docs-grid-trust{gap:14px;}.docs-grid-trust .doc-card-compact{padding:16px;border-radius:18px;}.docs-grid-trust .doc-link{padding:9px 12px;font-size:.88rem;}
@media (min-width:768px){.results-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.controls-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (min-width:1280px){.docs-grid-trust{grid-template-columns:repeat(5,minmax(0,1fr));}}
@media (max-width:767px){.gallery-modal-shell{padding:14px;border-radius:22px;}.gallery-main-wrap{min-height:42vh;}.gallery-nav{width:40px;height:40px;font-size:1.7rem;}.gallery-thumb{flex-basis:78px;height:64px;}.gallery-caption{font-size:.92rem;}}
.product-page-hero{padding-top:140px;padding-bottom:72px;background:radial-gradient(circle at top right,rgba(43,122,62,.12),transparent 42%),linear-gradient(180deg,#f8fbf8 0%,#ffffff 100%);} .product-page-shell{max-width:1180px;margin-inline:auto;} .product-breadcrumbs{display:flex;gap:10px;flex-wrap:wrap;color:#5b6471;font-size:.92rem;margin-bottom:18px;} .product-breadcrumbs a{color:#0b7a36;font-weight:700;} .product-hero-grid{display:grid;grid-template-columns:1fr;gap:28px;align-items:center;} .product-hero-card{padding:28px;border-radius:28px;border:1px solid rgba(2,6,23,.06);background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(247,250,246,.84));} .product-hero-title{font-size:2.1rem;font-weight:900;line-height:1.4;color:#044e23;margin-bottom:14px;} .product-hero-lead{font-size:1rem;line-height:2;color:#4b5563;margin-bottom:18px;} .product-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px;} .product-visual-card{padding:18px;border-radius:28px;border:1px solid rgba(2,6,23,.06);background:linear-gradient(135deg,rgba(240,247,242,.94),rgba(255,255,255,.92));} .product-visual-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:22px;display:block;} .product-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px;} .product-kpi{padding:16px;border-radius:20px;background:#fff;border:1px solid rgba(2,6,23,.06);text-align:center;} .product-kpi .value{font-size:1.08rem;font-weight:900;color:#044e23;} .product-kpi .label{margin-top:6px;font-size:.88rem;color:#5b6471;line-height:1.6;} .product-section{padding:64px 24px;} .product-section-alt{background:#f7faf7;} .product-grid-2{display:grid;grid-template-columns:1fr;gap:24px;} .product-card-block{padding:24px;border-radius:24px;border:1px solid rgba(2,6,23,.06);background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(247,250,246,.84));} .product-card-block h2,.product-card-block h3{color:#044e23;font-weight:900;line-height:1.5;} .product-card-block p{color:#4b5563;line-height:1.95;}  .product-table thead th{background:rgba(11,122,54,.06);color:#044e23;font-weight:900;} .product-docs-grid{display:grid;grid-template-columns:1fr;gap:16px;} .product-doc{padding:16px;border-radius:18px;border:1px solid rgba(2,6,23,.06);background:#fff;} .product-doc h4{font-size:1rem;font-weight:900;color:#044e23;margin-bottom:8px;} .product-doc p{font-size:.92rem;color:#5b6471;line-height:1.8;margin-bottom:12px;} .product-doc a{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:10px 12px;border-radius:999px;background:#0b7a36;color:#fff;font-weight:800;} .product-gallery-card{padding:18px;border-radius:24px;border:1px solid rgba(2,6,23,.06);background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(247,250,246,.84));} .product-gallery-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;} .product-gallery-preview img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:18px;display:block;} .product-cta{padding:24px;border-radius:26px;background:linear-gradient(135deg,#0b7a36,#0a5f2b);color:#fff;display:flex;flex-direction:column;gap:14px;} .product-cta h3{font-size:1.5rem;font-weight:900;line-height:1.5;} .product-cta p{line-height:1.9;color:rgba(255,255,255,.92);} .product-cta-actions{display:flex;flex-wrap:wrap;gap:12px;} .product-cta .secondary{background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.24);} @media (min-width:992px){.product-hero-grid{grid-template-columns:1.2fr .9fr;}.product-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));}.product-docs-grid{grid-template-columns:repeat(4,minmax(0,1fr));}} @media (max-width:767px){.product-page-hero{padding-top:116px;padding-bottom:56px;}.product-hero-title{font-size:1.7rem;}.product-section{padding:48px 16px;}.product-gallery-preview{grid-template-columns:repeat(2,minmax(0,1fr));}}
.product-list{list-style:none;padding:0;margin:0;display:grid;gap:12px;}
.product-table{
  width:100%;
  border-collapse:collapse;
  min-width:620px;
}

.product-table th,
.product-table td{
  padding:14px 12px;
  border-bottom:1px solid rgba(2, 6, 23, 0.08);
  line-height:1.9;
  vertical-align:top;
}

/* English pages */
html[dir="ltr"] .product-table{
  direction:ltr;
}

html[dir="ltr"] .product-table th,
html[dir="ltr"] .product-table td{
  text-align:left;
}

/* Arabic pages */
html[dir="rtl"] .product-table{
  direction:rtl;
}

html[dir="rtl"] .product-table th,
html[dir="rtl"] .product-table td{
  text-align:right;
}
.product-list li{
  position:relative;
  color:#4b5563;
  line-height:1.95;
}

/* English pages */
html[dir="ltr"] .product-list li{
  padding-right:0;
  padding-left:18px;
}

html[dir="ltr"] .product-list li::before{
  content:'•';
  position:absolute;
  left:0;
  right:auto;
  top:0;
  color:#0b7a36;
  font-weight:900;
}

/* Arabic pages */
html[dir="rtl"] .product-list li{
  padding-left:0;
  padding-right:18px;
}

html[dir="rtl"] .product-list li::before{
  content:'•';
  position:absolute;
  right:0;
  left:auto;
  top:0;
  color:#0b7a36;
  font-weight:900;
}

/* ===== UI refinement v4 - Lucide ===== */
.hero-trust-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.hero-trust-item{
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 14px;
  border-radius:18px;
  border:1px solid rgba(2,6,23,.06);
  background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(246,249,246,.88));
  box-shadow:0 12px 28px rgba(2,6,23,.06);
}

.hero-trust-icon{
  width:48px;
  height:48px;
  border-radius:15px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#38b86a;
  background:rgba(11,122,54,.08);
  flex-shrink:0;
}

.hero-trust-icon svg{
  width:24px;
  height:24px;
  display:block;
  overflow:visible;
  stroke:currentColor;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
  fill:none;
}

.hero-trust-text{
  font-size:1rem;
  font-weight:800;
  color:#044e23;
  line-height:1.5;
}

.results-grid-before-after{gap:24px;}
.result-card-before-after{padding:24px 24px 22px;}
.ba-panels{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:14px;}
.ba-panel{padding:14px 15px;border-radius:18px;border:1px solid rgba(2,6,23,.06);background:#fff;}
.ba-before{background:linear-gradient(135deg,rgba(248,250,248,.92),rgba(244,247,244,.88));}
.ba-after{background:linear-gradient(135deg,rgba(243,249,244,.98),rgba(236,246,238,.94));border-color:rgba(11,122,54,.12);}
.ba-label{display:inline-flex;align-items:center;justify-content:center;min-width:62px;padding:5px 10px;margin-bottom:10px;border-radius:999px;font-size:.8rem;font-weight:900;}
.ba-before .ba-label{background:rgba(100,116,139,.10);color:#475569;}
.ba-after .ba-label{background:rgba(11,122,54,.10);color:#0b7a36;}
.ba-panel p{font-size:.93rem;line-height:1.95;color:#4b5563;}

@media (min-width:768px){
  .hero-trust-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
  }

  .ba-panels{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:767px){
  .hero-trust-grid{
    grid-template-columns:1fr;
  }

  .hero-trust-item{
    padding:11px 12px;
  }

  .hero-trust-icon{
    width:44px;
    height:44px;
    border-radius:14px;
  }

  .hero-trust-text{
    font-size:.96rem;
  }
}

/* ===== Customer reviews + privacy ===== */
.reviews-shell{padding:26px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(243,247,242,.92));border:1px solid rgba(4,78,35,.08);}
.reviews-toolbar{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:20px;}
.reviews-kicker,.review-modal-kicker,.privacy-kicker{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:rgba(11,122,54,.08);color:#0b7a36;font-size:.82rem;font-weight:800;margin-bottom:10px;}
.reviews-title,.review-modal-title,.privacy-title{font-size:1.5rem;font-weight:900;color:#044e23;line-height:1.3;}
.reviews-nav{display:flex;gap:10px;}
.reviews-nav-btn{width:44px;height:44px;border-radius:999px;border:1px solid rgba(4,78,35,.12);background:#fff;color:#044e23;font-size:1.6rem;line-height:1;box-shadow:0 12px 28px rgba(2,16,18,.08);}
.reviews-track{display:flex;gap:16px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory;scrollbar-width:thin;}
.reviews-track::-webkit-scrollbar{height:8px;}
.reviews-track::-webkit-scrollbar-thumb{background:rgba(4,78,35,.18);border-radius:999px;}
.review-card{min-width:min(360px,88vw);max-width:380px;scroll-snap-align:start;padding:24px;border-radius:24px;background:#fff;border:1px solid rgba(4,78,35,.08);box-shadow:0 18px 40px rgba(2,16,18,.08);display:flex;flex-direction:column;gap:16px;}
.review-card-placeholder{justify-content:center;}
.review-stars{font-size:1.15rem;letter-spacing:4px;color:#d4a017;}
.review-text{color:#4b5563;line-height:2;min-height:124px;}
.review-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:14px;border-top:1px solid rgba(4,78,35,.08);color:#4b5563;font-size:.92rem;}
.review-meta strong{color:#044e23;font-size:1rem;}
.reviews-cta-wrap{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:22px;text-align:center;}
.reviews-note{color:#6b7280;font-size:.92rem;}
.review-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:16px;z-index:100;}
.review-modal.show{display:flex;}
.review-modal-backdrop,.privacy-backdrop{position:absolute;inset:0;background:rgba(2,16,18,.55);backdrop-filter:blur(4px);}
.review-modal-panel,.privacy-panel{position:relative;width:min(100%,760px);padding:28px;z-index:1;background:#fff;max-height:min(88vh,860px);overflow:auto;}
.review-modal-close,.privacy-close{position:absolute;top:18px;left:18px;width:42px;height:42px;border-radius:999px;border:1px solid rgba(4,78,35,.1);background:#fff;color:#044e23;font-size:1.6rem;line-height:1;}
.review-modal-text{color:#6b7280;line-height:1.9;margin-top:8px;}
.review-form{margin-top:20px;}
.review-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.review-field{display:flex;flex-direction:column;gap:8px;color:#044e23;font-weight:700;}
.review-field span{font-size:.95rem;}
.review-field input,.review-field textarea{width:100%;padding:14px 16px;border-radius:18px;border:1px solid rgba(4,78,35,.12);background:#f8fbf8;color:#1f2937;}
.review-field textarea{resize:vertical;min-height:140px;}
.review-field-full{grid-column:1 / -1;}
.review-rating-fieldset{margin-top:18px;border:1px solid rgba(4,78,35,.08);border-radius:22px;padding:18px;}
.review-rating-fieldset legend{padding:0 8px;font-weight:800;color:#044e23;}
.review-rating{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:6px;}
.review-rating input{display:none;}
.review-rating label{font-size:2rem;color:#d1d5db;cursor:pointer;transition:transform .2s ease,color .2s ease;}
.review-rating label:hover,.review-rating label:hover ~ label,.review-rating input:checked ~ label{color:#d4a017;transform:translateY(-2px);}
.review-form-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;}
.review-form-status{margin-top:16px;font-size:.95rem;font-weight:700;min-height:24px;}
.review-form-status.is-loading{color:#6b7280;}
.review-form-status.is-success{color:#0b7a36;}
.review-form-status.is-error{color:#b91c1c;}
.footer-utility-row{display:flex;justify-content:center;gap:18px;margin-top:20px;flex-wrap:wrap;}
.footer-privacy-link{color:#d1d5db;border:1px solid rgba(255,255,255,.16);padding:10px 18px;border-radius:999px;background:rgba(255,255,255,.03);}
.privacy-modal{position:fixed;inset:0;z-index:101;padding:16px;display:flex;align-items:center;justify-content:center;}
.privacy-modal.hidden{display:none;}
.privacy-body{display:flex;flex-direction:column;gap:14px;color:#4b5563;line-height:2;margin-top:18px;}
@media (max-width: 767px){
  .reviews-shell{padding:20px;}
  .reviews-toolbar{flex-direction:column;align-items:stretch;}
  .reviews-nav{justify-content:flex-start;}
  .review-card{min-width:86vw;}
  .review-text{min-height:auto;}
  .review-form-grid{grid-template-columns:1fr;}
  .review-modal-panel,.privacy-panel{padding:22px 18px;}
}
/* ===== Lucide controls refinement ===== */

/* توحيد جميع أزرار الأيقونات الصغيرة */
#mobileBtn,
.gallery-close,
.gallery-nav,
.reviews-nav-btn,
.order-modal-close,
.review-modal-close,
.privacy-close,
[data-wa-float]{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
}

/* ضبط أيقونات Lucide داخل الأزرار */
#mobileBtn svg,
.gallery-close svg,
.gallery-nav svg,
.reviews-nav-btn svg,
.order-modal-close svg,
.review-modal-close svg,
.privacy-close svg,
[data-wa-float] svg{
  display:block;
  width:20px;
  height:20px;
  stroke:currentColor;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
  fill:none;
  flex-shrink:0;
}

/* زر القائمة */
#mobileBtn{
  color:#044e23;
}
#mobileBtn svg{
  width:20px;
  height:20px;
}

/* إغلاق النوافذ */
.gallery-close,
.order-modal-close,
.review-modal-close,
.privacy-close{
  font-size:0;
}
.gallery-close svg,
.order-modal-close svg,
.review-modal-close svg,
.privacy-close svg{
  width:20px;
  height:20px;
}

/* الأسهم */
.gallery-nav,
.reviews-nav-btn{
  font-size:0;
}
.gallery-nav svg,
.reviews-nav-btn svg{
  width:22px;
  height:22px;
}

/* زر واتساب */
[data-wa-float]{
  color:#fff;
}
[data-wa-float] svg{
  width:28px;
  height:28px;
  stroke-width:2.1;
}

@media (max-width:767px){
  .gallery-nav svg,
  .reviews-nav-btn svg{
    width:20px;
    height:20px;
  }

  [data-wa-float] svg{
    width:26px;
    height:26px;
  }
}
/* ===== Unified interactive buttons refinement ===== */

/* قاعدة عامة: كل زر فعلي يظهر بمؤشر اليد */
button:not(:disabled),
[role="button"]:not(:disabled){
  cursor:pointer;
}

/* 1) الأزرار الأساسية المعبأة */
.glass-btn,
.doc-link{
  cursor:pointer;
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    filter .22s ease,
    background-color .22s ease,
    border-color .22s ease,
    color .22s ease,
    opacity .22s ease;
}

.glass-btn:hover,
.doc-link:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 32px rgba(2,16,18,.14);
  filter:brightness(1.03);
}

.glass-btn:active,
.doc-link:active{
  transform:translateY(0);
}

.glass-btn:focus-visible,
.doc-link:focus-visible{
  outline:none;
  box-shadow:
    0 0 0 4px rgba(11,122,54,.14),
    0 16px 32px rgba(2,16,18,.14);
}

/* 2) الأزرار الثانوية / الحدود */
.outline-btn,
.footer-privacy-link,
.review-form-actions .border,
.order-modal-panel .border,
#order form .border,
.product-cta .secondary{
  cursor:pointer;
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    background-color .22s ease,
    border-color .22s ease,
    color .22s ease,
    opacity .22s ease;
}

.outline-btn:hover,
.footer-privacy-link:hover,
.review-form-actions .border:hover,
.order-modal-panel .border:hover,
#order form .border:hover,
.product-cta .secondary:hover{
  transform:translateY(-2px);
  background:rgba(11,122,54,.08);
  border-color:rgba(11,122,54,.22);
  box-shadow:0 16px 32px rgba(2,16,18,.12);
}

.outline-btn:active,
.footer-privacy-link:active,
.review-form-actions .border:active,
.order-modal-panel .border:active,
#order form .border:active,
.product-cta .secondary:active{
  transform:translateY(0);
}

.outline-btn:focus-visible,
.footer-privacy-link:focus-visible,
.review-form-actions .border:focus-visible,
.order-modal-panel .border:focus-visible,
#order form .border:focus-visible,
.product-cta .secondary:focus-visible{
  outline:none;
  box-shadow:
    0 0 0 4px rgba(11,122,54,.12),
    0 16px 32px rgba(2,16,18,.12);
}

/* 3) أزرار الأيقونات الصغيرة */
#mobileBtn,
.gallery-close,
.gallery-nav,
.reviews-nav-btn,
.order-modal-close,
.review-modal-close,
.privacy-close{
  cursor:pointer;
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    background-color .22s ease,
    border-color .22s ease,
    color .22s ease,
    opacity .22s ease;
}

#mobileBtn:hover,
.gallery-close:hover,
.gallery-nav:hover,
.reviews-nav-btn:hover,
.order-modal-close:hover,
.review-modal-close:hover,
.privacy-close:hover{
  transform:translateY(-2px);
  background:rgba(11,122,54,.08);
  border-color:rgba(11,122,54,.22);
  box-shadow:0 16px 32px rgba(2,16,18,.12);
}

#mobileBtn:active,
.gallery-close:active,
.gallery-nav:active,
.reviews-nav-btn:active,
.order-modal-close:active,
.review-modal-close:active,
.privacy-close:active{
  transform:translateY(0);
}

#mobileBtn:focus-visible,
.gallery-close:focus-visible,
.gallery-nav:focus-visible,
.reviews-nav-btn:focus-visible,
.order-modal-close:focus-visible,
.review-modal-close:focus-visible,
.privacy-close:focus-visible{
  outline:none;
  box-shadow:
    0 0 0 4px rgba(11,122,54,.12),
    0 16px 32px rgba(2,16,18,.12);
}

/* ===== Reveal stagger mapping ===== */
.inline-style-2  { --reveal-delay: .15s; }
.inline-style-3  { --reveal-delay: .05s; }
.inline-style-4  { --reveal-delay: .15s; }
.inline-style-5  { --reveal-delay: .25s; }
.inline-style-6  { --reveal-delay: .35s; }
.inline-style-7  { --reveal-delay: .45s; }
.inline-style-8  { --reveal-delay: .55s; }
.inline-style-9  { --reveal-delay: .05s; }
.inline-style-10 { --reveal-delay: .15s; }
.inline-style-11 { --reveal-delay: .05s; }
.inline-style-12 { --reveal-delay: .10s; }
.inline-style-13 { --reveal-delay: .15s; }
.inline-style-14 { --reveal-delay: .20s; }
.inline-style-15 { --reveal-delay: .25s; }
.inline-style-16 { --reveal-delay: .30s; }
.inline-style-17 { --reveal-delay: .05s; }
.inline-style-18 { --reveal-delay: .10s; }
.inline-style-19 { --reveal-delay: .15s; }
.inline-style-20 { --reveal-delay: .20s; }

html[dir="ltr"] .order-modal-panel,
html[dir="ltr"] .privacy-panel {
  position: relative;
  padding-right: 4.5rem;
}

html[dir="ltr"] .order-modal-close,
html[dir="ltr"] .privacy-close {
  left: auto;
  right: 1rem;
}

html[dir="ltr"] .choice-points li,
html[dir="ltr"] .product-points li,
html[dir="ltr"] .controls-list li,
html[dir="ltr"] .doc-meta li,
html[dir="ltr"] .product-list li{
  padding-right: 0;
  padding-left: 18px;
}

html[dir="ltr"] .choice-points li::before,
html[dir="ltr"] .product-points li::before,
html[dir="ltr"] .controls-list li::before,
html[dir="ltr"] .doc-meta li::before,
html[dir="ltr"] .product-list li::before{
  right: auto;
  left: 0;
}

.docs-grid-trust .doc-card-compact{
  display: flex;
  flex-direction: column;
  height: 100%;
}

.docs-grid-trust .doc-text{
  flex-grow: 1;
}

.docs-grid-trust .doc-link{
  margin-top: auto;
}


    :root{
      --gg-green:#0b7a36;
      --gg-dark:#044e23;
      --gg-muted:#5b6471;
      --gg-bg:#f7faf7;
      --gg-border:rgba(2,6,23,.08);
      --gg-shadow:0 18px 42px rgba(4,78,35,.08);
    }
    html{scroll-behavior:smooth;}
    body{font-family:'Tajawal',system-ui,sans-serif;background:#fff;color:var(--gg-dark);}
    .about-page-hero{
      padding-top:132px;
      padding-bottom:72px;
      background:
        radial-gradient(circle at top left, rgba(43,122,62,.15), transparent 34%),
        linear-gradient(180deg, #f8fbf8 0%, #ffffff 100%);
    }
    .about-shell{max-width:1180px;margin-inline:auto;}
    .about-hero-grid{display:grid;grid-template-columns:1fr;gap:28px;align-items:center;}
    .about-hero-card,
    .about-hero-media,
    .about-card,
    .about-gallery-card,
    .about-cta{
      border-radius:28px;
      border:1px solid var(--gg-border);
      background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(247,250,246,.88));
      box-shadow:var(--gg-shadow);
    }
    .about-hero-card{padding:30px;}
    .about-badge,
    .about-section-kicker,
    .eyebrow{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:8px 14px;
      border-radius:999px;
      background:rgba(11,122,54,.08);
      color:var(--gg-green);
      border:1px solid rgba(11,122,54,.12);
      font-size:.84rem;
      font-weight:900;
    }
    .about-hero-title{
      font-size:2.3rem;
      font-weight:900;
      line-height:1.35;
      color:var(--gg-dark);
      margin:16px 0 14px;
    }
    .about-hero-text{
      font-size:1rem;
      line-height:2;
      color:#4b5563;
      margin-bottom:20px;
    }
    .about-actions,
    .about-cta-actions{
      display:flex;
      flex-wrap:wrap;
      gap:12px;
    }
    .about-hero-media{padding:16px;}
    .hero-visual{
      position:relative;
      overflow:hidden;
      border-radius:24px;
      aspect-ratio:16 / 12;
      background:linear-gradient(135deg,#eef5ef,#f8f6ef);
      border:1px solid rgba(2,6,23,.05);
    }
    .hero-visual img{
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
      object-fit:cover;
      display:block;
    }
    .about-media-caption{
      position:absolute;
      left:18px;
      right:18px;
      bottom:18px;
      max-width:340px;
      padding:16px 18px;
      border-radius:18px;
      background:rgba(255,255,255,.94);
      border:1px solid rgba(2,6,23,.06);
      box-shadow:0 18px 34px rgba(2,6,23,.10);
      color:#35533f;
      line-height:1.8;
      font-size:.94rem;
      font-weight:800;
    }
    .hero-chip-row{
      position:absolute;
      top:18px;
      right:18px;
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      justify-content:flex-end;
      max-width:calc(100% - 36px);
    }
    .hero-chip{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:10px 14px;
      border-radius:999px;
      background:rgba(255,255,255,.92);
      border:1px solid rgba(2,6,23,.06);
      color:var(--gg-dark);
      font-size:.82rem;
      font-weight:900;
      box-shadow:0 12px 24px rgba(2,6,23,.08);
    }
    .about-stats-grid{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:14px;
      margin-top:22px;
    }
    .about-stat{
      padding:18px 16px;
      border-radius:22px;
      background:#fff;
      border:1px solid rgba(2,6,23,.06);
      text-align:center;
    }
    .about-stat .value{
      font-size:1.12rem;
      font-weight:900;
      color:var(--gg-dark);
      line-height:1.35;
    }
    .about-stat .label{
      margin-top:6px;
      color:var(--gg-muted);
      font-size:.9rem;
      line-height:1.7;
    }
    .about-section{padding:64px 24px;}
    .about-section-alt{background:var(--gg-bg);}
    .about-section-head{text-align:center;margin-bottom:34px;}
    .about-section-title{
      font-size:2rem;
      font-weight:900;
      color:var(--gg-dark);
      line-height:1.35;
      margin:14px 0 10px;
    }
    .about-section-lead{
      color:var(--gg-muted);
      line-height:1.95;
      max-width:860px;
      margin-inline:auto;
    }
    .about-grid{display:grid;grid-template-columns:1fr;gap:24px;}
    .about-card{padding:24px;height:100%;}
    .about-card-top{
      display:flex;
      align-items:flex-start;
      gap:14px;
      margin-bottom:14px;
    }
    .about-card-icon{
      width:48px;
      height:48px;
      flex:0 0 48px;
      border-radius:16px;
      display:flex;
      align-items:center;
      justify-content:center;
      background:rgba(11,122,54,.10);
      color:var(--gg-green);
      border:1px solid rgba(11,122,54,.12);
    }
    .about-card h3{
      color:var(--gg-dark);
      font-size:1.12rem;
      font-weight:900;
      line-height:1.6;
      margin:10px 0 0;
    }
    .about-card p,
    .about-card li{
      color:#4b5563;
      line-height:1.95;
      font-size:.97rem;
    }
    .about-proof-list{
      list-style:none;
      padding:0;
      margin:0;
      display:grid;
      gap:12px;
    }
    .about-proof-list li{
      position:relative;
      padding-left:18px;
    }
    .about-proof-list li::before{
      content:'•';
      position:absolute;
      left:0;
      top:0;
      color:var(--gg-green);
      font-weight:900;
    }
    .about-gallery-card{padding:24px;}
    .about-gallery-grid{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:12px;
      margin-top:20px;
    }
    .about-gallery-grid img{
      width:100%;
      aspect-ratio:1/1;
      object-fit:cover;
      border-radius:18px;
      display:block;
    }
    .about-cta{
      padding:30px;
      background:linear-gradient(135deg,#0b7a36,#0a5f2b);
      color:#fff;
    }
    .about-cta h2{
      font-size:1.9rem;
      font-weight:900;
      line-height:1.45;
      margin-bottom:12px;
    }
    .about-cta p{
      line-height:1.95;
      color:rgba(255,255,255,.92);
      margin-bottom:18px;
    }
    .about-cta .secondary{
      background:rgba(255,255,255,.14);
      color:#fff;
      border:1px solid rgba(255,255,255,.24);
    }
    .gallery-modal-shell{width:min(1100px,100%);}
    .gallery-main-wrap{
      background:#fff;
      border-radius:28px;
      overflow:hidden;
      box-shadow:0 20px 48px rgba(0,0,0,.24);
    }
    .gallery-main-image{
      display:block;
      width:100%;
      max-height:72vh;
      object-fit:contain;
      background:#fff;
    }
    .gallery-meta{
      display:flex;
      justify-content:space-between;
      gap:12px;
      padding:16px 8px 4px;
      color:#fff;
      align-items:center;
    }
    .gallery-caption{font-weight:800;}
    .gallery-count{opacity:.85;}
    .gallery-thumbs{
      display:flex;
      gap:10px;
      overflow:auto;
      padding:12px 0 4px;
    }
    .gallery-thumb{
      width:88px;
      height:88px;
      flex:0 0 88px;
      border-radius:16px;
      overflow:hidden;
      border:2px solid transparent;
      background:transparent;
    }
    .gallery-thumb.is-active{border-color:#86d39c;}
    .gallery-thumb img{
      width:100%;
      height:100%;
      object-fit:cover;
      display:block;
    }
    .gallery-close,
    .gallery-nav{
      position:absolute;
      top:18px;
      z-index:2;
      width:46px;
      height:46px;
      border-radius:999px;
      display:flex;
      align-items:center;
      justify-content:center;
      border:none;
      box-shadow:0 10px 24px rgba(0,0,0,.16);
    }
    .gallery-close{right:18px;}
    .gallery-nav{top:50%;transform:translateY(-50%);background:rgba(255,255,255,.94);}
    .gallery-prev{left:18px;}
    .gallery-next{right:18px;}
    .footer-links a:hover,
    .footer-contact a:hover{color:#fff;}
    [data-lucide]{width:20px;height:20px;stroke-width:2;}
    .about-card-icon [data-lucide],
    .about-badge [data-lucide],
    .about-section-kicker [data-lucide],
    .hero-chip [data-lucide]{width:18px;height:18px;}
    @media (min-width: 992px){
      .about-hero-grid{grid-template-columns:1.08fr .92fr;}
      .about-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));}
      .about-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));}
      .about-gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
    }
    @media (max-width: 767px){
      .about-page-hero{padding-top:110px;padding-bottom:50px;}
      .about-section{padding:48px 16px;}
      .about-hero-card,.about-card,.about-gallery-card,.about-cta{padding:20px;}
      .about-hero-media{padding:12px;}
      .about-hero-title{font-size:1.8rem;}
      .about-actions,.about-cta-actions{flex-direction:column;}
      .about-actions > *,
      .about-cta-actions > *{
        width:100%;
        justify-content:center;
        text-align:center;
      }
      .about-stats-grid{grid-template-columns:1fr;}
      .about-media-caption{
        left:14px;
        right:14px;
        bottom:14px;
        max-width:none;
        font-size:.9rem;
      }
      .hero-chip-row{top:14px;left:14px;right:14px;max-width:none;justify-content:flex-start;}
      .hero-chip{font-size:.76rem;padding:8px 12px;}
      .gallery-close{right:12px;}
      .gallery-prev{left:12px;}
      .gallery-next{right:12px;}
      .gallery-thumb{width:72px;height:72px;flex-basis:72px;}
    }

    /* ===== About page direction overrides ===== */

/* English only */
html[dir="ltr"] .about-page-hero{
  background:
    radial-gradient(circle at top left, rgba(43,122,62,.15), transparent 34%),
    linear-gradient(180deg, #f8fbf8 0%, #ffffff 100%);
}

html[dir="ltr"] .hero-chip-row{
  right:18px;
  left:auto;
  justify-content:flex-end;
}

html[dir="ltr"] .about-proof-list li{
  padding-left:18px;
  padding-right:0;
}

html[dir="ltr"] .about-proof-list li::before{
  left:0;
  right:auto;
}

html[dir="ltr"] .gallery-close{
  right:18px;
  left:auto;
}

html[dir="ltr"] .gallery-prev{
  left:18px;
  right:auto;
}

html[dir="ltr"] .gallery-next{
  right:18px;
  left:auto;
}

/* Arabic only */
html[dir="rtl"] .about-page-hero{
  background:
    radial-gradient(circle at top right, rgba(43,122,62,.15), transparent 34%),
    linear-gradient(180deg, #f8fbf8 0%, #ffffff 100%);
}

html[dir="rtl"] .hero-chip-row{
  left:18px;
  right:auto;
}

html[dir="rtl"] .about-proof-list li{
  padding-right:18px;
  padding-left:0;
}

html[dir="rtl"] .about-proof-list li::before{
  right:0;
  left:auto;
}

html[dir="rtl"] .gallery-close{
  left:18px;
  right:auto;
}

html[dir="rtl"] .gallery-prev{
  right:18px;
  left:auto;
}

html[dir="rtl"] .gallery-next{
  left:18px;
  right:auto;
}

@media (max-width: 767px){
  html[dir="ltr"] .gallery-close{
    right:12px;
    left:auto;
  }

  html[dir="ltr"] .gallery-prev{
    left:12px;
    right:auto;
  }

  html[dir="ltr"] .gallery-next{
    right:12px;
    left:auto;
  }

  html[dir="rtl"] .gallery-close{
    left:12px;
    right:auto;
  }

  html[dir="rtl"] .gallery-prev{
    right:12px;
    left:auto;
  }

  html[dir="rtl"] .gallery-next{
    left:12px;
    right:auto;
  }
}

.about-card--mt-24{
  margin-top:24px;
}

.about-section-head--mb-0{
  margin-bottom:0;
}

.about-gallery-action{
  margin-top:18px;
}