*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.-top-3{top:-.75rem}.bottom-0{bottom:0}.left-0{left:0}.left-1\/2{left:50%}.left-3{left:.75rem}.right-0{right:0}.right-3{right:.75rem}.top-0{top:0}.top-3{top:.75rem}.isolate{isolation:isolate}.z-10{z-index:10}.z-50{z-index:50}.col-span-1{grid-column:span 1/span 1}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-top:.5rem;margin-bottom:.5rem}.mb-1{margin-bottom:.25rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-14{height:3.5rem}.h-2{height:.5rem}.h-3\.5{height:.875rem}.h-32{height:8rem}.h-5{height:1.25rem}.h-52{height:13rem}.h-64{height:16rem}.h-8{height:2rem}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-14{width:3.5rem}.w-2{width:.5rem}.w-3\.5{width:.875rem}.w-5{width:1.25rem}.w-64{width:16rem}.w-8{width:2rem}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-md{max-width:28rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.rotate-3{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-3{--tw-rotate:3deg}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .3s ease-out}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:float 3s ease-in-out infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-slide-up{animation:slideUp .8s ease-out forwards}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1\.5{gap:.375rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.scroll-smooth{scroll-behavior:smooth}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-l-8{border-left-width:8px}.border-t{border-top-width:1px}.border-t-4{border-top-width:4px}.border-blue-600{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity,1))}.border-emerald-100{--tw-border-opacity:1;border-color:rgb(209 250 229/var(--tw-border-opacity,1))}.border-emerald-200{--tw-border-opacity:1;border-color:rgb(167 243 208/var(--tw-border-opacity,1))}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-gray-400{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity,1))}.border-green-600{--tw-border-opacity:1;border-color:rgb(22 163 74/var(--tw-border-opacity,1))}.border-slate-100{--tw-border-opacity:1;border-color:rgb(241 245 249/var(--tw-border-opacity,1))}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.border-slate-800{--tw-border-opacity:1;border-color:rgb(30 41 59/var(--tw-border-opacity,1))}.border-white\/10{border-color:hsla(0,0%,100%,.1)}.border-white\/20{border-color:hsla(0,0%,100%,.2)}.border-white\/25{border-color:hsla(0,0%,100%,.25)}.border-yellow-500{--tw-border-opacity:1;border-color:rgb(234 179 8/var(--tw-border-opacity,1))}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-emerald-400{--tw-bg-opacity:1;background-color:rgb(52 211 153/var(--tw-bg-opacity,1))}.bg-emerald-400\/30{background-color:rgba(52,211,153,.3)}.bg-emerald-50{--tw-bg-opacity:1;background-color:rgb(236 253 245/var(--tw-bg-opacity,1))}.bg-emerald-500{--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.bg-emerald-600{--tw-bg-opacity:1;background-color:rgb(5 150 105/var(--tw-bg-opacity,1))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-slate-900{--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/10{background-color:hsla(0,0%,100%,.1)}.bg-white\/20{background-color:hsla(0,0%,100%,.2)}.bg-white\/5{background-color:hsla(0,0%,100%,.05)}.bg-white\/90{background-color:hsla(0,0%,100%,.9)}.bg-yellow-100{--tw-bg-opacity:1;background-color:rgb(254 249 195/var(--tw-bg-opacity,1))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-emerald-300{--tw-gradient-from:#6ee7b7 var(--tw-gradient-from-position);--tw-gradient-to:rgba(110,231,183,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-emerald-500{--tw-gradient-from:#10b981 var(--tw-gradient-from-position);--tw-gradient-to:rgba(16,185,129,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-emerald-600{--tw-gradient-from:#059669 var(--tw-gradient-from-position);--tw-gradient-to:rgba(5,150,105,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-emerald-950\/90{--tw-gradient-from:rgba(2,44,34,.9) var(--tw-gradient-from-position);--tw-gradient-to:rgba(2,44,34,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-emerald-900\/80{--tw-gradient-to:rgba(6,78,59,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(6,78,59,.8) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-teal-300{--tw-gradient-to:rgba(94,234,212,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#5eead4 var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-emerald-200{--tw-gradient-to:#a7f3d0 var(--tw-gradient-to-position)}.to-teal-500{--tw-gradient-to:#14b8a6 var(--tw-gradient-to-position)}.to-teal-600{--tw-gradient-to:#0d9488 var(--tw-gradient-to-position)}.to-teal-900\/60{--tw-gradient-to:rgba(19,78,74,.6) var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-16{padding-bottom:4rem}.pb-2{padding-bottom:.5rem}.pb-20{padding-bottom:5rem}.pl-6{padding-left:1.5rem}.pt-16{padding-top:4rem}.pt-28{padding-top:7rem}.pt-32{padding-top:8rem}.pt-4{padding-top:1rem}.pt-8{padding-top:2rem}.text-center{text-align:center}.font-inter{font-family:Inter,system-ui,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-7xl{font-size:4.5rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-\[1\.1\]{line-height:1.1}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-widest{letter-spacing:.1em}.text-\[\#6dbb8a\]{--tw-text-opacity:1;color:rgb(109 187 138/var(--tw-text-opacity,1))}.text-amber-400{--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-emerald-100{--tw-text-opacity:1;color:rgb(209 250 229/var(--tw-text-opacity,1))}.text-emerald-100\/80{color:rgba(209,250,229,.8)}.text-emerald-200{--tw-text-opacity:1;color:rgb(167 243 208/var(--tw-text-opacity,1))}.text-emerald-400{--tw-text-opacity:1;color:rgb(52 211 153/var(--tw-text-opacity,1))}.text-emerald-50{--tw-text-opacity:1;color:rgb(236 253 245/var(--tw-text-opacity,1))}.text-emerald-600{--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity,1))}.text-emerald-700{--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.text-ink{--tw-text-opacity:1;color:rgb(15 46 34/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.text-transparent{color:transparent}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-yellow-700{--tw-text-opacity:1;color:rgb(161 98 7/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-10{opacity:.1}.opacity-60{opacity:.6}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-2xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-emerald-200{--tw-shadow-color:#a7f3d0;--tw-shadow:var(--tw-shadow-colored)}.shadow-emerald-500\/30{--tw-shadow-color:rgba(16,185,129,.3);--tw-shadow:var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px)}.blur,.grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale:grayscale(100%)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.backdrop-blur-sm,.backdrop-filter{-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,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-emerald-200:hover{--tw-border-opacity:1;border-color:rgb(167 243 208/var(--tw-border-opacity,1))}.hover\:bg-emerald-700:hover{--tw-bg-opacity:1;background-color:rgb(4 120 87/var(--tw-bg-opacity,1))}.hover\:bg-white\/20:hover{background-color:hsla(0,0%,100%,.2)}.hover\:text-emerald-400:hover{--tw-text-opacity:1;color:rgb(52 211 153/var(--tw-text-opacity,1))}.hover\:text-emerald-700:hover{--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-emerald-500\/5:hover{--tw-shadow-color:rgba(16,185,129,.05);--tw-shadow:var(--tw-shadow-colored)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-emerald-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(16 185 129/var(--tw-ring-opacity,1))}.focus\:ring-green-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(22 163 74/var(--tw-ring-opacity,1))}@media (min-width:640px){.sm\:mt-10{margin-top:2.5rem}.sm\:mt-14{margin-top:3.5rem}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:768px){.md\:col-span-1{grid-column:span 1/span 1}.md\:w-1\/2{width:50%}.md\:w-1\/3{width:33.333333%}.md\:w-2\/3{width:66.666667%}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:p-10{padding:2.5rem}.md\:p-12{padding:3rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-6xl{font-size:3.75rem;line-height:1}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:text-5xl{font-size:3rem;line-height:1}.lg\:text-6xl{font-size:3.75rem;line-height:1}}@media (min-width:1280px){.xl\:text-7xl{font-size:4.5rem;line-height:1}}

/* === Extracted from inline styles (CSP hardening) === */

:root { --ink:#0f2e22; --ink-soft:#3d5a4e; --forest:#4aa883; --forest-strong:#0d3d2b; --leaf:#6dbb8a; --amber:#e8a838; --amber-deep:#c47a0f; --surface:#faf8f5; --surface-alt:#f0ede8; }
    * { box-sizing: border-box; }
    body { font-family:'Inter',sans-serif; color:var(--ink); background:var(--surface); }
    h1,h2,h3 { font-family:'Inter',sans-serif; font-weight:800; letter-spacing:-0.025em; }
    p,li { font-family:'Merriweather',Georgia,serif; line-height:1.7; }
    .prose p { margin-bottom:1.5rem; font-size:1.1rem; }
    .prose h2 { font-size:1.8rem; margin-top:3rem; margin-bottom:1.2rem; }
    .prose h3 { font-size:1.3rem; margin-top:2rem; margin-bottom:0.8rem; }
    .toc { background:#fff; border-radius:12px; padding:24px; margin-bottom:2rem; }
    .toc a { color:var(--ink-soft); text-decoration:none; }
    .toc a:hover { color:var(--forest); }
    .btn-primary { display:inline-block; background:var(--forest); color:#fff; padding:14px 28px; border-radius:10px; text-decoration:none; font-weight:700; }
    .inline-cta { background:#fff3e0; border-radius:12px; padding:24px; margin:2rem 0; border-left:4px solid var(--amber); }
  
    /* Mobile responsive fixes */
    @media (max-width: 768px) {
      nav > div { flex-wrap: wrap; height: auto !important; padding: 12px 16px !important; }
      nav a:not(:first-child) { font-size: 0.8rem; padding: 6px 8px; }
      nav a:last-child { padding: 8px 14px !important; }
      h1 { font-size: 1.75rem !important; line-height: 1.2 !important; }
      .prose p { font-size: 1rem; }
      table { display: block; overflow-x: auto; white-space: nowrap; max-width: 100%; }
      .device-card, .product-card { padding: 16px; }
      main { padding: 24px 16px !important; }
    }

:root { --ink:#0f2e22; --ink-soft:#3d5a4e; --forest:#4aa883; --forest-strong:#0d3d2b; --leaf:#6dbb8a; --leaf-bright:#9fda7a; --amber:#e8a838; --amber-deep:#c47a0f; --surface:#faf8f5; --surface-alt:#f0ede8; }
    * { box-sizing: border-box; }
    body { font-family:'Inter',sans-serif; color:var(--ink); background:var(--surface); }
    h1,h2,h3 { font-family:'Inter',sans-serif; font-weight:800; letter-spacing:-0.025em; color:var(--ink); }
    p,li { font-family:'Merriweather',Georgia,serif; line-height:1.7; color:var(--ink-soft); }
    .card { background:#fff; border-radius:16px; box-shadow:0 4px 24px rgba(15,46,34,0.06),0 1px 3px rgba(15,46,34,0.04); }
    .prose p { margin-bottom:1.5rem; font-size:1.1rem; }
    .prose h2 { font-size:1.8rem; margin-top:3rem; margin-bottom:1.2rem; color:var(--ink); }
    .prose h3 { font-size:1.3rem; margin-top:2rem; margin-bottom:0.8rem; color:var(--ink); }
    .prose ul { margin-bottom:1.5rem; padding-left:1.5rem; }
    .prose li { margin-bottom:0.5rem; }
    .prose a { color:var(--forest); text-decoration:underline; }
    .toc { background:#fff; border-radius:12px; padding:24px; margin-bottom:2rem; }
    .toc a { color:var(--ink-soft); text-decoration:none; font-size:0.95rem; }
    .toc a:hover { color:var(--forest); }
    .btn-primary { display:inline-block; background:var(--forest); color:#fff; padding:14px 28px; border-radius:10px; text-decoration:none; font-weight:700; }
    .btn-primary:hover { background:var(--forest-strong); }
    .inline-cta { background:#fff3e0; border-radius:12px; padding:24px; margin:2rem 0; border-left:4px solid var(--amber); }
    .device-card { background:#fff; border-radius:12px; padding:20px; margin-bottom:16px; border:1px solid #e5e5e5; }
    .device-card h4 { margin:0 0 8px; font-size:1.1rem; font-weight:700; color:var(--ink); }
  
    /* Mobile responsive fixes */
    @media (max-width: 768px) {
      nav > div { flex-wrap: wrap; height: auto !important; padding: 12px 16px !important; }
      nav a:not(:first-child) { font-size: 0.8rem; padding: 6px 8px; }
      nav a:last-child { padding: 8px 14px !important; }
      h1 { font-size: 1.75rem !important; line-height: 1.2 !important; }
      .prose p { font-size: 1rem; }
      table { display: block; overflow-x: auto; white-space: nowrap; max-width: 100%; }
      .device-card, .product-card { padding: 16px; }
      main { padding: 24px 16px !important; }
    }

:root { --ink:#0f2e22; --ink-soft:#3d5a4e; --forest:#4aa883; --forest-strong:#0d3d2b; --leaf:#6dbb8a; --amber:#e8a838; --amber-deep:#c47a0f; --surface:#faf8f5; --surface-alt:#f0ede8; }
    * { box-sizing: border-box; }
    body { font-family:'Inter',sans-serif; color:var(--ink); background:var(--surface); }
    h1,h2,h3 { font-family:'Inter',sans-serif; font-weight:800; letter-spacing:-0.025em; }
    p,li { font-family:'Merriweather',Georgia,serif; line-height:1.7; }
    .card { background:#fff; border-radius:16px; box-shadow:0 4px 24px rgba(15,46,34,0.06),0 1px 3px rgba(15,46,34,0.04); transition:transform 0.3s ease,box-shadow 0.3s ease; }
    .card:hover { transform:translateY(-4px); box-shadow:0 16px 48px rgba(15,46,34,0.1); }
    .prose p { margin-bottom:1.5rem; font-size:1.1rem; }
    .prose h2 { font-size:1.8rem; margin-top:3rem; margin-bottom:1.2rem; color:var(--ink); }
    .prose h3 { font-size:1.3rem; margin-top:2rem; margin-bottom:0.8rem; color:var(--ink); }
    .prose ul { margin-bottom:1.5rem; padding-left:1.5rem; }
    .prose li { margin-bottom:0.5rem; }
    .btn-primary { display:inline-block; background:var(--forest); color:#fff; padding:14px 28px; border-radius:10px; text-decoration:none; font-weight:700; transition:all 0.2s ease; }
    .btn-primary:hover { background:var(--forest-strong); transform:translateY(-1px); }
    .btn-amber { display:inline-block; background:var(--amber); color:#fff; padding:14px 28px; border-radius:10px; text-decoration:none; font-weight:700; transition:all 0.2s ease; }
    .btn-amber:hover { background:var(--amber-deep); transform:translateY(-1px); }
    .badge { display:inline-block; padding:4px 12px; border-radius:999px; font-size:0.75rem; font-weight:600; text-transform:uppercase; letter-spacing:0.05em; }
    .tier-badge { display:inline-block; padding:3px 10px; border-radius:999px; font-size:0.7rem; font-weight:700; letter-spacing:0.05em; text-transform:uppercase; }
    .tier-budget { background:#fff3cd; color:#c47a0f; }
    .tier-perf { background:#e8f5e9; color:#4aa883; }
    .tier-prem { background:#e3f2fd; color:#1565c0; }
    .nav-glass { background:rgba(250,248,245,0.88); backdrop-filter:blur(16px); ; }
    .footer { background:var(--ink); color:#b5c4bb; padding:48px 24px; text-align:center; }
    .footer a { color:#7fb896; text-decoration:none; }
    .product-card { display:flex; gap:12px; padding:12px; border-radius:12px; background:rgba(245,245,245,0.5); transition:all 0.3s ease; margin-bottom:8px; }
    .product-card:hover { background:rgba(245,245,245,1); transform:translateY(-2px); }
    .product-image { width:60px; height:60px; border-radius:8px; object-fit:cover; flex-shrink:0; background-color:#f0f0f0; display:flex; align-items:center; justify-content:center; font-size:24px; color:var(--forest); }
    .btn-buy { display:inline-block; background:var(--forest); color:white; padding:6px 14px; border-radius:6px; font-size:0.75rem; font-weight:700; text-decoration:none; transition:all 0.2s ease; border:none; }
    .btn-buy:hover { background:var(--forest-strong); transform:translateY(-1px); }
    .inline-cta { background:#fff3e0; border-radius:12px; padding:24px; margin:2rem 0; border-left:4px solid var(--amber); }
    .compare-table { width:100%; border-collapse:collapse; margin:1.5rem 0; }
    .compare-table th { background:var(--forest); color:#fff; padding:12px; text-align:left; font-weight:700; }
    .compare-table td { padding:12px; border-bottom:0; }
    .compare-table tr:nth-child(even) { background:#faf8f5; }

:root {
      --forest: #064e3b;
      --forest-2: #047857;
      --mint: #ecfdf5;
      --mint-2: #d1fae5;
      --slate-50: #f8fafc;
      --slate-100: #f1f5f9;
      --slate-200: #e2e8f0;
      --slate-400: #94a3b8;
      --slate-600: #475569;
      --slate-700: #334155;
      --slate-900: #0f172a;
      --ink: #0f172a;
      --card: #ffffff;
      --shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
      --radius-xl: 28px;
      --radius-lg: 20px;
      --radius-md: 14px;
    }
    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      font-family: 'Inter', sans-serif;
      color: var(--ink);
      background:
        radial-gradient(circle at top right, rgba(6, 78, 59, 0.07), transparent 30%),
        radial-gradient(circle at 0% 0%, rgba(16, 185, 129, 0.06), transparent 28%),
        #fff;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
    a { color: inherit; }
    img { max-width: 100%; display: block; }
    .container { width: min(1120px, calc(100% - 32px)); margin: 0 auto; }
    .site-header {
      position: sticky;
      top: 0;
      z-index: 20;
      background: rgba(255,255,255,0.92);
      backdrop-filter: blur(18px);
      ;
    }

    .hero {
      padding: 56px 0 28px;
    }
    .hero-grid {
      display: grid;
      grid-template-columns: 1.1fr 0.9fr;
      gap: 28px;
      align-items: start;
    }
    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 8px 14px;
      border-radius: 999px;
      background: var(--mint);
      color: var(--forest);
      font-size: 0.84rem;
      font-weight: 800;
      letter-spacing: 0.02em;
      border: 1px solid rgba(6, 78, 59, 0.08);
    }
    .eyebrow-dot {
      width: 8px;
      height: 8px;
      border-radius: 999px;
      background: var(--forest-2);
      box-shadow: 0 0 0 5px rgba(6, 78, 59, 0.12);
    }
    h1 {
      margin: 18px 0 14px;
      font-size: clamp(2.5rem, 5vw, 4.6rem);
      line-height: 0.96;
      letter-spacing: -0.05em;
      color: var(--slate-900);
      max-width: 10.5ch;
    }
    .hero-copy {
      max-width: 58ch;
      color: var(--slate-600);
      font-size: 1.12rem;
      line-height: 1.75;
      margin: 0 0 26px;
    }
    .hero-points {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 12px;
      margin-top: 22px;
    }
    .point {
      background: rgba(255,255,255,0.8);
      border: 1px solid rgba(148, 163, 184, 0.18);
      border-radius: 18px;
      padding: 14px 16px;
      display: flex;
      gap: 12px;
      align-items: flex-start;
      box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);
    }
    .point svg {
      width: 20px;
      height: 20px;
      color: var(--forest);
      flex: 0 0 auto;
      margin-top: 2px;
    }
    .point strong { display: block; font-size: 0.95rem; color: var(--slate-900); margin-bottom: 2px; }
    .point span { display: block; color: var(--slate-600); font-size: 0.88rem; line-height: 1.45; }
    .panel {
      background: var(--card);
      border: 1px solid rgba(148, 163, 184, 0.18);
      border-radius: var(--radius-xl);
      box-shadow: var(--shadow);
      overflow: hidden;
    }
    .calculator {
      position: sticky;
      top: 92px;
    }
    .panel-head {
      padding: 22px 24px 0;
    }
    .panel-head h2 {
      margin: 0;
      font-size: 1.35rem;
      line-height: 1.15;
      letter-spacing: -0.03em;
      color: var(--slate-900);
    }
    .panel-head p {
      margin: 10px 0 0;
      color: var(--slate-600);
      line-height: 1.65;
      font-size: 0.98rem;
    }
    form { padding: 18px 24px 24px; }
    fieldset {
      margin: 0;
      padding: 0;
      border: 0;
    }
    .form-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
    }
    .check-item {
      border: 1px solid rgba(148, 163, 184, 0.24);
      border-radius: 18px;
      background: linear-gradient(180deg, #fff, #fbfdff);
      padding: 14px 14px 13px;
      transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
      min-height: 82px;
    }
    .check-item:hover {
      transform: translateY(-1px);
      border-color: rgba(6, 78, 59, 0.22);
      box-shadow: 0 12px 26px rgba(15, 23, 42, 0.06);
    }
    .check-item label {
      display: grid;
      grid-template-columns: 18px 1fr;
      gap: 10px;
      align-items: start;
      cursor: pointer;
    }
    .check-item input {
      margin-top: 4px;
      accent-color: var(--forest);
    }
    .check-copy strong {
      display: block;
      color: var(--slate-900);
      font-size: 0.95rem;
      line-height: 1.25;
      margin-bottom: 3px;
    }
    .check-copy span {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      color: var(--slate-600);
      font-size: 0.84rem;
      line-height: 1.3;
    }
    .cost-chip {
      display: inline-flex;
      align-items: center;
      padding: 3px 8px;
      border-radius: 999px;
      background: var(--mint);
      color: var(--forest);
      font-weight: 800;
      font-size: 0.78rem;
      letter-spacing: 0.01em;
    }
    .actions {
      display: flex;
      flex-direction: column;
      gap: 10px;
      margin-top: 18px;
    }
    .button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      width: 100%;
      border: 0;
      cursor: pointer;
      text-decoration: none;
      border-radius: 999px;
      font-size: 0.98rem;
      font-weight: 800;
      padding: 15px 18px;
      transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
    }
    .button:hover { transform: translateY(-1px); }
    .button.primary {
      background: linear-gradient(135deg, var(--forest), var(--forest-2));
      color: #fff;
      box-shadow: 0 16px 28px rgba(6, 78, 59, 0.24);
    }
    .button.secondary {
      background: #fff;
      color: var(--forest);
      border: 1px solid rgba(6, 78, 59, 0.18);
    }
    .button svg { width: 18px; height: 18px; }
    .result {
      margin: 0 24px 24px;
      padding: 20px;
      border-radius: 22px;
      background: linear-gradient(180deg, rgba(6, 78, 59, 0.06), rgba(236, 253, 245, 0.95));
      border: 1px solid rgba(6, 78, 59, 0.12);
      display: none;
    }
    .result.visible { display: block; }
    .result h3 {
      margin: 0 0 8px;
      font-size: 1.22rem;
      color: var(--slate-900);
      letter-spacing: -0.02em;
    }
    .result .amount {
      margin: 0;
      font-size: 2.05rem;
      line-height: 1;
      letter-spacing: -0.05em;
      color: var(--forest);
      font-weight: 900;
    }
    .result .sub {
      margin: 10px 0 0;
      color: var(--slate-600);
      line-height: 1.65;
    }
    .offenders {
      margin: 16px 0 0;
      padding: 0;
      list-style: none;
      display: grid;
      gap: 8px;
    }
    .offenders li {
      display: flex;
      justify-content: space-between;
      gap: 16px;
      padding: 10px 12px;
      border-radius: 14px;
      background: rgba(255,255,255,0.72);
      border: 1px solid rgba(148,163,184,0.18);
      color: var(--slate-700);
      font-size: 0.94rem;
    }
    .result-ctas {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
      margin-top: 16px;
    }
    .section {
      padding: 18px 0 8px;
    }
    .section-card {
      background: var(--card);
      border: 1px solid rgba(148, 163, 184, 0.16);
      border-radius: var(--radius-xl);
      padding: 24px;
      box-shadow: 0 14px 35px rgba(15, 23, 42, 0.05);
    }
    .section h2 {
      margin: 0 0 10px;
      font-size: 1.55rem;
      letter-spacing: -0.03em;
      color: var(--slate-900);
    }
    .section-intro {
      margin: 0 0 20px;
      color: var(--slate-600);
      line-height: 1.7;
      max-width: 65ch;
    }
    .benefits {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 16px;
    }
    .benefit {
      padding: 20px;
      border-radius: 20px;
      background: linear-gradient(180deg, #fff, #fbfefc);
      border: 1px solid rgba(148, 163, 184, 0.18);
    }
    .benefit svg { width: 22px; height: 22px; color: var(--forest); }
    .benefit h3 {
      margin: 12px 0 8px;
      font-size: 1.02rem;
      color: var(--slate-900);
    }
    .benefit p {
      margin: 0;
      color: var(--slate-600);
      line-height: 1.7;
      font-size: 0.95rem;
    }
    .site-footer {
      margin-top: 34px;
      background: #0f172a;
      color: #94a3b8;
    }
    .footer-topline { display:none; height:0; background:transparent; }
    .footer-inner { padding: 48px 0 28px; }
    .footer-grid {
      display: grid;
      grid-template-columns: 1.25fr repeat(3, minmax(0, 1fr));
      gap: 24px;
    }
    .footer-brand {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 16px;
    }
    .footer-brand strong { color: rgba(255,255,255,0.94); font-size: 1.05rem; }
    .footer-brand span { color: #34d399; font-weight: 500; }
    .footer-brand .brand-mark {
      width: 42px; height: 42px; border-radius: 14px;
      background: linear-gradient(135deg, var(--forest), #0f766e);
      display: grid; place-items: center; flex: 0 0 auto;
      box-shadow: 0 10px 22px rgba(6, 78, 59, 0.18);
    }
    .footer-brand .brand-mark svg { width: 21px; height: 21px; color: #fff; }
    .footer-col h4 {
      margin: 0 0 14px;
      color: rgba(255,255,255,0.9);
      font-size: 0.9rem;
      text-transform: uppercase;
      letter-spacing: 0.08em;
    }
    .footer-col a {
      display: block;
      text-decoration: none;
      color: #94a3b8;
      padding: 6px 0;
      font-size: 0.94rem;
    }
    .footer-col a:hover { color: #34d399; }
    .footer-note {
      margin-top: 28px;
      padding-top: 18px;
      border-top: 0;
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 16px;
      flex-wrap: wrap;
      color: #64748b;
      font-size: 0.82rem;
    }
    .footer-note p { margin: 0; }
    .footer-contact {
      color: #d1fae5;
      text-decoration: none;
      font-weight: 700;
    }
    .mobile-break { display: none; }
    @media (max-width: 960px) {
      .hero-grid,
      .footer-grid,
      .benefits,
      .hero-points,
      .result-ctas { grid-template-columns: 1fr; }
      .calculator { position: static; }
    }
    @media (max-width: 760px) {
      .container { width: min(100% - 24px, 1120px); }

      .hero { padding-top: 28px; }
      h1 { max-width: none; font-size: clamp(2.3rem, 11vw, 3.4rem); }
      .hero-copy { font-size: 1rem; }
      .panel-head, form, .result { padding-left: 18px; padding-right: 18px; }
      .result { margin-left: 18px; margin-right: 18px; }
      .form-grid { grid-template-columns: 1fr; }
      .check-item { min-height: unset; }
      .benefit, .section-card { padding: 18px; }
      .footer-note { align-items: flex-start; }
      .mobile-break { display: inline; }
    }

.hamburger-btn { display:none; background:none; border:none; cursor:pointer; padding:8px; color:var(--forest); }
    .hamburger-btn svg { display:block; }
    #mobile-nav { display:none; position:fixed; top:0; left:0; right:0; background:rgba(255,255,255,0.97); backdrop-filter:blur(20px); border-bottom:0; padding:80px 24px 24px; z-index:997; max-height:0; overflow:hidden; opacity:0; transition:max-height 0.35s ease, opacity 0.25s ease; }
    #mobile-nav.open { display:block; max-height:500px; opacity:1; }
    #mobile-nav a { display:block; padding:14px 0; font-size:1.1rem; font-weight:600; color:var(--ink-soft); text-decoration:none; border-bottom:0; }
    #mobile-nav a:last-child { border-bottom:none; }
    @media (max-width: 768px) {
      .hamburger-btn { display:block; }
      .desktop-nav { display:none !important; }
      nav > div { flex-wrap: wrap; height: auto !important; padding: 12px 16px !important; }
      h1 { font-size: 1.75rem !important; line-height: 1.2 !important; }
      main { padding: 24px 16px !important; }
      h2 { font-size: 1.5rem !important; }
    }

:root{--ink:#0f2e22;--ink-soft:#3d5a4e;--forest:#4aa883;--forest-strong:#0d3d2b;--leaf:#6dbb8a;--amber:#e8a838;--amber-deep:#c47a0f;--surface:#faf8f5;--surface-alt:#f0ede8;}
    *{box-sizing:border-box;}body{font-family:'Inter',sans-serif;color:var(--ink);background:var(--surface);}
    h1,h2,h3{font-family:'Inter',sans-serif;font-weight:800;letter-spacing:-0.025em;}p,li{font-family:'Merriweather',Georgia,serif;line-height:1.7;}
    .card{background:#fff;border-radius:16px;box-shadow:0 4px 24px rgba(15,46,34,0.06);transition:transform .3s,box-shadow .3s;}
    .card:hover{transform:translateY(-4px);box-shadow:0 16px 48px rgba(15,46,34,0.1);}
    .btn-primary{display:inline-block;background:var(--forest);color:#fff;padding:14px 28px;border-radius:10px;text-decoration:none;font-weight:700;transition:all .2s;}
    .btn-primary:hover{background:var(--forest-strong);transform:translateY(-1px);}
    .btn-amber{display:inline-block;background:var(--amber);color:#fff;padding:14px 28px;border-radius:10px;text-decoration:none;font-weight:700;transition:all .2s;}
    .btn-amber:hover{background:var(--amber-deep);transform:translateY(-1px);}
    .badge{display:inline-block;padding:4px 12px;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;}
    .tier-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;}
    .tier-budget{background:#fff3cd;color:#c47a0f;}.tier-perf{background:#e8f5e9;color:#4aa883;}.tier-prem{background:#e3f2fd;color:#1565c0;}
    .nav-glass{background:rgba(250,248,245,.88);backdrop-filter:blur(16px);border-bottom:0;}
    .footer{background:var(--ink);color:#b5c4bb;padding:48px 24px;text-align:center;}.footer a{color:#7fb896;text-decoration:none;}
    .product-card{display:flex;gap:12px;padding:12px;border-radius:12px;background:rgba(245,245,245,.5);transition:all .3s;margin-bottom:8px;}
    .product-card:hover{background:rgba(245,245,245,1);transform:translateY(-2px);}
    .product-image{width:60px;height:60px;border-radius:8px;object-fit:cover;flex-shrink:0;background:#f0f0f0;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--forest);}
    .btn-buy{display:inline-block;background:var(--forest);color:#fff;padding:6px 14px;border-radius:6px;font-size:.75rem;font-weight:700;text-decoration:none;transition:all .2s;border:none;}
    .btn-buy:hover{background:var(--forest-strong);transform:translateY(-1px);}
    .inline-cta{background:#fff3e0;border-radius:12px;padding:24px;margin:2rem 0;border-left:4px solid var(--amber);}
    .prose p{margin-bottom:1.5rem;font-size:1.1rem;}.prose h2{font-size:1.8rem;margin-top:3rem;margin-bottom:1.2rem;}.prose h3{font-size:1.3rem;margin-top:2rem;margin-bottom:.8rem;}
    .prose ul{margin-bottom:1.5rem;padding-left:1.5rem;}.prose li{margin-bottom:.5rem;}

@media (max-width: 768px) {
      .desktop-nav { display:none !important; }
    }

.hamburger-btn { display:none; background:none; border:none; cursor:pointer; padding:8px; color:var(--forest); }
    .hamburger-btn svg { display:block; }
    #mobile-nav { display:none; position:fixed; top:0; left:0; right:0; background:rgba(255,255,255,0.97); backdrop-filter:blur(20px); border-bottom:0; padding:80px 24px 24px; z-index:997; max-height:0; overflow:hidden; opacity:0; transition:max-height 0.35s ease, opacity 0.25s ease; }
    #mobile-nav.open { display:block; max-height:500px; opacity:1; }
    #mobile-nav a { display:block; padding:14px 0; font-size:1.1rem; font-weight:600; color:var(--ink-soft); text-decoration:none; border-bottom:0; }
    #mobile-nav a:last-child { border-bottom:none; }
    @media (max-width: 768px) {
      .hamburger-btn { display:block; }
      .desktop-nav { display:none !important; }
    }

:root{--ink:#0f2e22;--forest:#4aa883;--amber:#e8a838;}body{font-family:Inter,sans-serif;color:var(--ink);background:#faf8f5;line-height:1.7;max-width:720px;margin:0 auto;padding:24px;}h1{font-size:2rem;font-weight:800;color:var(--forest);}h2{font-size:1.3rem;color:var(--forest);margin-top:36px;}.product{background:#fff;border-radius:12px;padding:20px;margin:16px 0;box-shadow:0 2px 8px rgba(0,0,0,0.06);}a{color:var(--forest);font-weight:700;}footer{margin-top:40px;padding-top:20px;border-top:0;}

    /* Mobile responsive fixes */
    @media (max-width: 768px) {
      nav > div { flex-wrap: wrap; height: auto !important; padding: 12px 16px !important; }
      nav a:not(:first-child) { font-size: 0.8rem; padding: 6px 8px; }
      nav a:last-child { padding: 8px 14px !important; }
      h1 { font-size: 1.75rem !important; line-height: 1.2 !important; }
      .prose p { font-size: 1rem; }
      table { display: block; overflow-x: auto; white-space: nowrap; max-width: 100%; }
      .device-card, .product-card { padding: 16px; }
      main { padding: 24px 16px !important; }
    }

/* === Extracted inline styles (CSP hardening phase 2) === */

:root { --ink:#0f2e22; --ink-soft:#3d5a4e; --forest:#4aa883; --forest-strong:#0d3d2b; --leaf:#6dbb8a; --leaf-bright:#9fda7a; --amber:#e8a838; --amber-deep:#c47a0f; --surface:#faf8f5; --surface-alt:#f0ede8; }
        * { box-sizing: border-box; }
        body { font-family:'Inter',sans-serif; color:var(--ink); background:var(--warm-bg); }
        h1,h2,h3 { font-family:'Inter',sans-serif; font-weight:800; letter-spacing:-0.025em; }
        p,li { font-family:'Merriweather',Georgia,serif; line-height:1.7; }
        .card { background:#fff; border-radius:16px; box-shadow:0 4px 24px rgba(15,46,34,0.06),0 1px 3px rgba(15,46,34,0.04); transition:transform 0.3s ease,box-shadow 0.3s ease; }
        .card:hover { transform:translateY(-4px); box-shadow:0 16px 48px rgba(15,46,34,0.1),0 4px 12px rgba(15,46,34,0.06); }
        .btn-primary { background:var(--forest); color:white; padding:14px 32px; border-radius:10px; font-weight:700; font-size:1rem; transition:all 0.2s ease; display:inline-block; text-decoration:none; }
        .btn-primary:hover { background:var(--forest-strong); transform:translateY(-1px); }
        .kit-card { background:#fff; border:2px solid rgba(26,92,62,0.1); border-radius:16px; padding:24px; transition:all 0.2s; }
        .kit-card:hover { border-color:var(--forest); }
        .tier-badge { display:inline-block; padding:3px 10px; border-radius:999px; font-size:0.7rem; font-weight:700; letter-spacing:0.05em; text-transform:uppercase; }
        .tier-budget { background:#fff3cd; color:#c47a0f; }
        .tier-perf { background:#e8f5e9; color:#4aa883; }
        .tier-prem { background:#e3f2fd; color:#1565c0; }
        .nav-glass { background:rgba(250,248,245,0.88); backdrop-filter:blur(16px); ; }
        .footer { background:var(--ink); color:#b5c4bb; padding:48px 24px; text-align:center; }
        .footer a { color:#7fb896; text-decoration:none; }
        
        /* Product Card Styles */
        .product-card {
            display: flex;
            flex-direction: column;
            background: #fff;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 4px 12px rgba(0,0,0,0.05);
            transition: all 0.3s ease;
            height: 100%;
        }
        .product-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 12px 24px rgba(0,0,0,0.1);
        }
        .product-image {
            width: 100%;
            height: 180px;
            object-fit: contain;
            background: #f8f9fa;
            padding: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .product-placeholder {
            width: 100%;
            height: 180px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #f8f9fa;
            color: #888;
            font-size: 3rem;
        }
        .product-info {
            padding: 16px;
            flex-grow: 1;
            display: flex;
            flex-direction: column;
        }
        .product-name {
            font-weight: 700;
            font-size: 1rem;
            margin-bottom: 8px;
            color: var(--ink);
        }
        .product-description {
            font-size: 0.8rem;
            color: var(--ink-soft);
            margin-bottom: 12px;
            flex-grow: 1;
        }
        .product-price {
            font-weight: 800;
            font-size: 1.2rem;
            margin: 8px 0;
            color: var(--forest);
        }
        .product-cta {
            display: inline-block;
            background: var(--forest);
            color: white;
            padding: 8px 16px;
            border-radius: 6px;
            font-weight: 600;
            font-size: 0.85rem;
            text-align: center;
            text-decoration: none;
            transition: all 0.2s ease;
            width: 100%;
            margin-top: 8px;
        }
        .product-cta:hover {
            background: var(--forest-strong);
            transform: translateY(-2px);
        }
        .product-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 20px;
            margin-top: 20px;
        }
        .kit-card .product-grid {
            margin-top: 0;
            margin-bottom: 20px;
        }
    .btn-buy{display:inline-block;background:var(--forest);color:white;padding:6px 14px;border-radius:6px;font-size:0.75rem;font-weight:700;text-decoration:none;transition:all 0.2s ease;border:none;text-align:center;width:100%;}.btn-buy:hover{background:var(--forest-strong);transform:translateY(-1px);}

:root { --ink:#0f2e22; --ink-soft:#3d5a4e; --forest:#4aa883; --surface:#faf8f5; }
        body { font-family:'Inter',sans-serif; color:var(--ink); background:linear-gradient(135deg,#faf8f5 0%,#f5f1ec 50%,#ede8e0 100%); }
        h1,h2,h3 { font-family:'Inter',sans-serif; font-weight:800; }
        .nav-glass { background:rgba(250,248,245,0.88); backdrop-filter:blur(16px); ; }

:root{--ink:#0f2e22;--ink-soft:#3d5a4e;--forest:#4aa883;--forest-strong:#0d3d2b;--leaf:#6dbb8a;--amber:#e8a838;--amber-deep:#c47a0f;--surface:#faf8f5;--surface-alt:#f0ede8;}
*{box-sizing:border-box;}body{font-family:'Inter',sans-serif;color:var(--ink);background:linear-gradient(135deg,#faf8f5 0%,#f5f1ec 50%,#ede8e0 100%);}
h1,h2,h3{font-family:'Inter',sans-serif;font-weight:800;letter-spacing:-0.025em;}
p,li{font-family:'Merriweather',Georgia,serif;line-height:1.7;}
.card{background:#fff;border-radius:16px;box-shadow:0 4px 24px rgba(15,46,34,0.06);transition:transform 0.3s ease,box-shadow 0.3s ease;}
.card:hover{transform:translateY(-4px);box-shadow:0 16px 48px rgba(15,46,34,0.1);}
.btn-primary{background:var(--forest);color:white;padding:14px 32px;border-radius:10px;font-weight:700;font-size:1rem;transition:all 0.2s ease;display:inline-block;text-decoration:none;}
.btn-primary:hover{background:var(--forest-strong);transform:translateY(-1px);}
.kit-card{background:#fff;border:2px solid rgba(26,92,62,0.1);border-radius:16px;padding:24px;transition:all 0.2s;}
.kit-card:hover{border-color:var(--forest);}
.tier-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:0.7rem;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;}
.tier-budget{background:#fff3cd;color:#c47a0f;}
.tier-perf{background:#e8f5e9;color:#4aa883;}
.tier-prem{background:#e3f2fd;color:#1565c0;}
.nav-glass{background:rgba(250,248,245,0.88);backdrop-filter:blur(16px);}
.footer{background:var(--ink);color:#b5c4bb;padding:48px 24px;text-align:center;}
.footer a{color:#7fb896;text-decoration:none;}
.bundle-card{background:#fff;border-radius:20px;padding:32px;box-shadow:0 8px 32px rgba(15,46,34,0.08);transition:all 0.3s;}
.bundle-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(15,46,34,0.12);}
.price-tag{font-size:2.5rem;font-weight:900;}
/* Product Card Styles */
.product-card {
  background: #fff;
  border-radius: 16px;
  padding: 20px;
  box-shadow: 0 4px 16px rgba(15, 46, 34, 0.06);
  transition: all 0.3s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.product-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(15, 46, 34, 0.12);
}
.product-image {
  width: 100%;
  height: 140px;
  object-fit: contain;
  margin-bottom: 16px;
  border-radius: 8px;
}
.product-icon {
  width: 100%;
  height: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  border-radius: 8px;
  font-size: 48px;
}
.product-name {
  font-weight: 700;
  font-size: 0.95rem;
  margin-bottom: 8px;
  color: var(--ink);
}
.product-desc {
  font-size: 0.75rem;
  color: var(--ink-soft);
  margin-bottom: 16px;
  flex-grow: 1;
}
.product-btn {
  background: var(--forest);
  color: white;
  padding: 8px 16px;
  border-radius: 8px;
  font-weight: 600;
  font-size: 0.8rem;
  transition: all 0.2s ease;
  text-decoration: none;
  display: inline-block;
}
.product-btn:hover {
  background: var(--forest-strong);
  transform: translateY(-1px);
}
.btn-buy{display:inline-block;background:var(--forest);color:white;padding:6px 14px;border-radius:6px;font-size:0.75rem;font-weight:700;text-decoration:none;transition:all 0.2s ease;border:none;}.btn-buy:hover{background:var(--forest-strong);transform:translateY(-1px);}

:root{--ink:#0f2e22;--forest:#4aa883;--amber:#e8a838;}body{font-family:Inter,sans-serif;color:var(--ink);background:#faf8f5;line-height:1.7;max-width:720px;margin:0 auto;padding:24px;}h1{font-size:2rem;font-weight:800;color:var(--forest);}h2{font-size:1.3rem;color:var(--forest);margin-top:36px;}.lead{font-size:1.1rem;opacity:0.85;}table{width:100%;border-collapse:collapse;margin:20px 0;}th,td{padding:10px;border:1px solid #ddd;text-align:left;}th{background:var(--forest);color:#fff;}.product{background:#fff;border-radius:12px;padding:20px;margin:16px 0;box-shadow:0 2px 8px rgba(0,0,0,0.06);}a{color:var(--forest);font-weight:700;}footer{margin-top:40px;padding-top:20px;border-top:0;}
    /* Mobile responsive fixes */
    @media (max-width: 768px) {
      nav > div { flex-wrap: wrap; height: auto !important; padding: 12px 16px !important; }
      nav a:not(:first-child) { font-size: 0.8rem; padding: 6px 8px; }
      nav a:last-child { padding: 8px 14px !important; }
      h1 { font-size: 1.75rem !important; line-height: 1.2 !important; }
      .prose p { font-size: 1rem; }
      table { display: block; overflow-x: auto; white-space: nowrap; max-width: 100%; }
      .device-card, .product-card { padding: 16px; }
      main { padding: 24px 16px !important; }
    }

:root { --forest:#4aa883; --leaf:#4a7c59; --sage:#e8ece9; --surface:#fff; --surface-alt:#fdfcfb; --bg:#f5f3ef; --ink:#1a1c1a; --ink-soft:#5a6d5e; }
  body { font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; background:var(--bg); color:var(--ink); margin:0;line-height:1.75; }
  nav { position:sticky;top:0;z-index:999;background:rgba(255,255,255,0.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px); }
  nav > div { max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:72px; }
  nav a { text-decoration:none;color:var(--ink); }
  nav img { border-radius:8px;vertical-align:middle; }
  .desktop-nav { display:flex;align-items:center;gap:32px;font-weight:600;font-size:0.95rem; }
  .desktop-nav a { color:var(--ink-soft); }
  .hamburger-btn { display:none; background:none; border:none; cursor:pointer; padding:8px; color:var(--forest); }
  .hamburger-btn svg { display:block; }
  #mobile-nav { display:none; position:fixed; top:0; left:0; right:0; background:rgba(255,255,255,0.97); backdrop-filter:blur(20px); border-bottom:0; padding:80px 24px 24px; z-index:997; max-height:0; overflow:hidden; opacity:0; transition:max-height 0.35s ease, opacity 0.25s ease; }
  #mobile-nav.open { display:block; max-height:500px; opacity:1; }
  #mobile-nav a { display:block; padding:14px 0; font-size:1.1rem; font-weight:600; color:var(--ink-soft); text-decoration:none; border-bottom:0; }
  #mobile-nav a:last-child { border-bottom:none; }
  header { background:linear-gradient(135deg, #4aa883, #1d422e); color:white; padding:60px 24px 40px; text-align:center; }
  header h1 { font-size:2.2rem; font-weight:800; margin:0 0 16px; letter-spacing:-0.02em; }
  header p { font-size:1.2rem; max-width:700px; margin:0 auto; opacity:0.9; font-family:'Merriweather',Georgia,serif; }
  .toc { background:var(--surface); border-radius:16px; box-shadow:0 4px 24px rgba(0,0,0,0.06); padding:28px; margin:40px auto; max-width:720px; }
  .toc h3 { margin-top:0; color:var(--forest); font-size:1.3rem; }
  .toc ul { padding-left:24px; }
  .toc li { margin:12px 0; }
  .toc a { color:var(--leaf); text-decoration:none; font-weight:500; }
  main { max-width:720px;margin:0 auto;padding:40px 24px; }
  h2 { font-size:1.8rem; font-weight:800; margin:48px 0 24px; color:var(--forest); }
  h3 { font-size:1.4rem; font-weight:700; margin:32px 0 16px; color:var(--leaf); }
  p { margin:16px 0; font-size:1.05rem; color:var(--ink); }
  .device-card { background:var(--surface); border:1px solid #e0e7e2; border-radius:12px; padding:24px; margin:24px 0; box-shadow:0 2px 8px rgba(0,0,0,0.04); }
  .btn-primary { display:inline-block; background:var(--forest); color:white; padding:12px 24px; border-radius:10px; font-weight:700; text-decoration:none; font-size:0.95rem; margin-top:12px; border-bottom:none !important; }
  .btn-primary:hover { background:#254a34; }
  ol.checklist-steps { counter-reset: step-counter; padding-left: 0; }
  ol.checklist-steps > li { list-style: none; margin: 24px 0; padding-left: 56px; position: relative; }
  ol.checklist-steps > li::before { 
    counter-increment: step-counter;
    content: counter(step-counter);
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    background: var(--forest);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 1.1rem;
  }
  table.compare-table { width:100%; border-collapse:collapse; margin:24px 0; }
  table.compare-table th { background:var(--sage); padding:14px; text-align:left; font-weight:700; }
  table.compare-table td { padding:14px; border-bottom:1px solid #e0e7e2; }
  table.compare-table tr:last-child td { border-bottom:none; }
  .tip-box { background:#fff8e1; border-left:4px solid #f9a825; padding:20px; margin:24px 0; border-radius:0 8px 8px 0; }
  footer { background:var(--surface-alt); padding:48px 24px; margin-top:60px; text-align:center; }
  footer p { color:var(--ink-soft); margin:8px 0; }
  footer a { color:var(--leaf); text-decoration:none; margin:0 12px; }
  @media (max-width: 768px) {
    .hamburger-btn { display:block; }
    .desktop-nav { display:none !important; }
    header { padding:40px 20px 30px; }
    header h1 { font-size:1.75rem; }
    header p { font-size:1.1rem; }
    main { padding:24px 16px; }
    h2 { font-size:1.5rem; }
    .device-card { padding:20px; }
    ol.checklist-steps > li { padding-left: 48px; }
    ol.checklist-steps > li::before { width: 36px; height: 36px; font-size: 1rem; }
  }

:root{--ink:#0f2e22;--ink-soft:#3d5a4e;--forest:#4aa883;--surface:#faf8f5;--surface-alt:#f0ede8;--amber:#e8a838;--amber-deep:#c47a0f;}
    body{font-family:'Inter',sans-serif;color:var(--ink);background:var(--surface);}
    h1,h2,h3{font-weight:800;letter-spacing:-0.025em;}
    p,li{font-family:'Merriweather',Georgia,serif;line-height:1.7;}
    .prose p{margin-bottom:1.5rem;font-size:1.1rem;}
    .prose h2{font-size:1.8rem;margin-top:3rem;margin-bottom:1.2rem;}
    .prose h3{font-size:1.3rem;margin-top:2rem;margin-bottom:0.8rem;}
    .toc{background:#fff;border-radius:12px;padding:24px;margin-bottom:2rem;}
    .toc a{color:var(--ink-soft);text-decoration:none;}.toc a:hover{color:var(--forest);}
    .btn-primary{display:inline-block;background:var(--forest);color:#fff;padding:14px 28px;border-radius:10px;text-decoration:none;font-weight:700;}
    .btn-primary:hover{background:var(--forest-strong);}
    .inline-cta{background:#fff3e0;border-radius:12px;padding:24px;margin:2rem 0;border-left:4px solid var(--amber);}
    .warning{background:#fff3f3;border-radius:8px;padding:16px;margin:1.5rem 0;border-left:4px solid #d32f2f;}
    .warning strong{color:#d32f2f;}
    .step{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;border:1px solid #e5e5e5;}
    .step-number{display:inline-block;background:var(--forest);color:#fff;width:32px;height:32px;border-radius:50%;text-align:center;line-height:32px;font-weight:700;font-size:0.9rem;margin-right:12px;}
  
    /* Mobile responsive fixes */
    @media (max-width: 768px) {
      nav > div { flex-wrap: wrap; height: auto !important; padding: 12px 16px !important; }
      nav a:not(:first-child) { font-size: 0.8rem; padding: 6px 8px; }
      nav a:last-child { padding: 8px 14px !important; }
      h1 { font-size: 1.75rem !important; line-height: 1.2 !important; }
      .prose p { font-size: 1rem; }
      table { display: block; overflow-x: auto; white-space: nowrap; max-width: 100%; }
      .device-card, .product-card { padding: 16px; }
      main { padding: 24px 16px !important; }
    }

body { font-family: 'Inter', sans-serif; }
        .animate-float { animation: float 3s ease-in-out infinite; }
        @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
        .animate-slide-up { animation: slideUp 0.8s ease-out forwards; }
        @keyframes slideUp { from { transform: translateY(20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
        .animation-delay-200 { animation-delay: 0.2s; }
        .animation-delay-400 { animation-delay: 0.4s; }
        .animation-delay-600 { animation-delay: 0.6s; }
        .animation-delay-800 { animation-delay: 0.8s; }

:root {
          --ink: #0f2e22;
          --ink-soft: #3d5a4e;
          --forest: #4aa883;
          --leaf: #6dbb8a;
          --surface: #faf8f5;
          --warm-bg: linear-gradient(135deg, #faf8f5 0%, #f5f1ec 50%, #ede8e0 100%);
          --persona-1: #e8a838;
          --persona-2: #f39c12;
          --persona-3: #27ae60;
          --persona-4: #2980b9;
          --persona-5: #8e44ad;
      }

        * { box-sizing: border-box; }
        body, html {
            margin: 0;
            padding: 0;
            width: 100%;
            min-height: 100vh;
            font-family: 'Inter', sans-serif;
            color: var(--ink);
            background: var(--warm-bg);
        }

        h1, h2, h3, button { font-family: 'Inter', sans-serif; }

        .card {
            background: #fff;
            border-radius: 24px;
            box-shadow: 0 6px 32px rgba(15,46,34,0.08);
            padding: 32px;
            transition: all 0.2s ease;
            margin-bottom: 24px;
        }
        
        .btn {
            border-radius: 12px;
            padding: 16px 32px;
            font-weight: bold;
            cursor: pointer;
            border: none;
            font-size: 1rem;
        }

        .btn-primary {
            background: var(--forest);
            color: white;
        }

        .btn-amber {
            background: #f39c12;
            color: white;
        }

:root{--forest:#4aa883;--forest-strong:#1a4a2e;--leaf:#6DBB8A;--ink:#0F2E22;--surface:#F5F7F6;--surface-alt:#E8ECE9;}
body{font-family:'Inter',sans-serif;background:var(--surface);color:var(--ink);line-height:1.7;}
.nav-glass{background:rgba(255,255,255,0.85);backdrop-filter:blur(12px);border-bottom:0;}
.state-card{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 24px rgba(0,0,0,0.06);transition:transform 0.2s,border-color 0.2s;border:2px solid transparent;}
.state-card:hover{transform:translateY(-4px);border-color:var(--leaf);}
.tag{display:inline-block;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:700;margin-right:6px;margin-bottom:6px;}
.tag-blue{background:#e3f2fd;color:#1565c0;}
.tag-green{background:#e8f5e9;color:#4aa883;}
.tag-gold{background:#fff8e6;color:#8a6d00;}
.footer{background:var(--ink);color:#b5c4bb;padding:48px 24px;text-align:center;}
.footer a{color:#7fb896;text-decoration:none;}
/* No decorative global page dividers. */
.nav-glass-v2,
.nav-glass-v2.scrolled,
.nav-glass,
nav[style],
#mobile-nav,
.mobile-nav-menu-v2 {
  border-bottom: 0 !important;
  box-shadow: none !important;
}
#mobile-nav a,
.mobile-nav-menu-v2 a { border-bottom: 0 !important; }
.footer-v2 .top-line,
.footer-topline { display: none !important; height: 0 !important; background: transparent !important; }
.footer-v2 .bottom-bar,
.footer-note { border-top: 0 !important; }


/* Global no-divider visual policy: remove decorative horizontal rules site-wide. */
hr {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
}
#ecohome-cookie-banner { border-top: 0 !important; box-shadow: none !important; }

/* Critical homepage utility restored after the purge pass missed it. Without this,
   the hero image/overlay only cover the left side of the screen. */
.inset-0 { inset: 0 !important; }

/* Attribute-selector fallback after Tailwind load order: remove any decorative horizontal border utilities that survived purge order. */
[class*="border-t"],
[class*="border-b"] {
  border-top-width: 0 !important;
  border-bottom-width: 0 !important;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
}

/* Homepage shell recovery: tailwind-purged.css contains extracted article-page
   globals, including body max-width/padding rules. Scope-reset the homepage so
   the landing page remains full-width while article templates keep their styles. */
body.home-page {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  background: #fff !important;
  color: var(--slate-900, #0f172a) !important;
  line-height: 1.5 !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}
body.home-page p,
body.home-page li {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}
body.home-page .nav-glass-v2 {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 50 !important;
  background: rgba(255,255,255,0.92) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
}
body.home-page #top,
body.home-page #products,
body.home-page #how-it-works,
body.home-page #audit {
  width: 100% !important;
  max-width: none !important;
}
body.home-page #top > .relative.z-10 {
  width: 100% !important;
}

/* Blog index shell recovery: the same extracted article-page body globals
   forced /blog/ into a 720px-wide column. Keep articles untouched, but let
   the blog landing/index page use its full-width nav, hero, and card grid. */
body.blog-index-page {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  background: #fff !important;
  color: var(--slate-900, #0f172a) !important;
  line-height: 1.5 !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}
body.blog-index-page .nav-glass-v2 {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 50 !important;
  background: rgba(255,255,255,0.92) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
}
body.blog-index-page > section:first-of-type {
  width: 100% !important;
  max-width: none !important;
}
body.blog-index-page > section:nth-of-type(2) {
  width: 100% !important;
}

/* Checklist + tool shell recovery: these templates intentionally use inner
   containers for readable content, but the shared extracted body globals were
   constraining the entire page shell to article width. Restore a full-width
   shell while leaving each page's own containers in control of content width. */
body.checklist-page,
body.tool-page {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
}
body.checklist-page {
  background: #f8faf9 !important;
}
body.checklist-page nav,
body.checklist-page .pt-32,
body.checklist-page .footer {
  width: 100% !important;
  max-width: none !important;
}
body.tool-page nav,
body.tool-page main,
body.tool-page footer.site-footer {
  width: 100% !important;
  max-width: none !important;
}