:root {
    --font-serif: ui-serif, Georgia, "Source Han Serif SC", "Source Han Serif CN", "Songti SC", serif;
    --font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", sans-serif;
}

*,:before,:after{--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: rgb(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: rgb(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: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-sans);font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}h2,h3,h4{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}strong{font-weight:bolder}button,input,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{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}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}h2,h3,h4,p{margin:0}ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button{cursor:pointer}img,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}.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}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.-bottom-48{bottom:-12rem}.-left-48{left:-12rem}.-right-48{right:-12rem}.-top-48{top:-12rem}.bottom-20{bottom:5rem}.bottom-8{bottom:2rem}.left-0{left:0}.left-1\/2{left:50%}.left-1\/4{left:25%}.left-10{left:2.5rem}.right-0{right:0}.right-1\/4{right:25%}.right-4{right:1rem}.right-8{right:2rem}.top-0{top:0}.top-10{top:2.5rem}.top-20{top:5rem}.top-4{top:1rem}.top-full{top:100%}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.z-\[60\]{z-index:60}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.-mt-16{margin-top:-4rem}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-24{margin-bottom:6rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-2{margin-left:.5rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-24{margin-top:6rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-1{height:.25rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-20{height:5rem}.h-3{height:.75rem}.h-48{height:12rem}.h-64{height:16rem}.h-72{height:18rem}.h-80{height:20rem}.h-\[500px\]{height:500px}.h-\[600px\]{height:600px}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-20{width:5rem}.w-3{width:.75rem}.w-32{width:8rem}.w-72{width:18rem}.w-8{width:2rem}.w-80{width:20rem}.w-\[600px\]{width:600px}.w-auto{width:auto}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-7xl{max-width:80rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-full{--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-12{gap:3rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.-space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(-.75rem * var(--tw-space-x-reverse));margin-left:calc(-.75rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1.5rem * var(--tw-space-x-reverse));margin-left:calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(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 * calc(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 * calc(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 * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-\[2\.5rem\]{border-radius:2.5rem}.rounded-\[3rem\]{border-radius:3rem}.rounded-btn{border-radius:4px}.rounded-card{border-radius:8px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-t-\[2\.5rem\]{border-top-left-radius:2.5rem;border-top-right-radius:2.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-l-4{border-left-width:4px}.border-t{border-top-width:1px}.border-accent-500{--tw-border-opacity: 1;border-color:rgb(232 187 77 / 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-primary-600{--tw-border-opacity: 1;border-color:rgb(34 117 93 / var(--tw-border-opacity, 1))}.border-primary-700{--tw-border-opacity: 1;border-color:rgb(0 77 38 / var(--tw-border-opacity, 1))}.border-primary-800{--tw-border-opacity: 1;border-color:rgb(0 61 31 / var(--tw-border-opacity, 1))}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-white\/20{border-color:#fff3}.border-white\/40{border-color:#fff6}.bg-\[\#FBFCFB\]{--tw-bg-opacity: 1;background-color:rgb(251 252 251 / var(--tw-bg-opacity, 1))}.bg-accent-100\/20{background-color:#fdf6e633}.bg-accent-400{--tw-bg-opacity: 1;background-color:rgb(239 207 122 / var(--tw-bg-opacity, 1))}.bg-accent-600{--tw-bg-opacity: 1;background-color:rgb(212 175 55 / var(--tw-bg-opacity, 1))}.bg-amber-400{--tw-bg-opacity: 1;background-color:rgb(251 191 36 / var(--tw-bg-opacity, 1))}.bg-amber-50{--tw-bg-opacity: 1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))}.bg-emerald-100\/25{background-color:#d1fae540}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.bg-gray-400{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.bg-green-100\/30{background-color:#dcfce74d}.bg-primary-100\/20{background-color:#dcf0e633}.bg-primary-100\/30{background-color:#dcf0e64d}.bg-primary-200{--tw-bg-opacity: 1;background-color:rgb(185 224 208 / var(--tw-bg-opacity, 1))}.bg-primary-50{--tw-bg-opacity: 1;background-color:rgb(240 247 244 / var(--tw-bg-opacity, 1))}.bg-primary-600\/10{background-color:#22755d1a}.bg-primary-700{--tw-bg-opacity: 1;background-color:rgb(0 77 38 / var(--tw-bg-opacity, 1))}.bg-primary-800{--tw-bg-opacity: 1;background-color:rgb(0 61 31 / var(--tw-bg-opacity, 1))}.bg-primary-900{--tw-bg-opacity: 1;background-color:rgb(0 45 22 / var(--tw-bg-opacity, 1))}.bg-primary-900\/80{background-color:#002d16cc}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/15{background-color:#ffffff26}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-amber-50\/50{--tw-gradient-from: rgb(255 251 235 / .5) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 251 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-black\/60{--tw-gradient-from: rgb(0 0 0 / .6) var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-50\/40{--tw-gradient-from: rgb(240 253 244 / .4) var(--tw-gradient-from-position);--tw-gradient-to: rgb(240 253 244 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-primary-700{--tw-gradient-from: #004d26 var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 77 38 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-primary-900\/80{--tw-gradient-from: rgb(0 45 22 / .8) var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 45 22 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-primary-900\/85{--tw-gradient-from: rgb(0 45 22 / .85) var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 45 22 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-white{--tw-gradient-from: #fff var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-emerald-50\/30{--tw-gradient-to: rgb(236 253 245 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(236 253 245 / .3) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-primary-900\/60{--tw-gradient-to: rgb(0 45 22 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(0 45 22 / .6) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-primary-900\/65{--tw-gradient-to: rgb(0 45 22 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(0 45 22 / .65) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-primary-900\/70{--tw-gradient-to: rgb(0 45 22 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(0 45 22 / .7) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-transparent{--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-accent-900\/10{--tw-gradient-to: rgb(111 90 31 / .1) var(--tw-gradient-to-position)}.to-pink-900\/10{--tw-gradient-to: rgb(131 24 67 / .1) var(--tw-gradient-to-position)}.to-primary-900{--tw-gradient-to: #002d16 var(--tw-gradient-to-position)}.to-primary-900\/45{--tw-gradient-to: rgb(0 45 22 / .45) var(--tw-gradient-to-position)}.to-primary-900\/50{--tw-gradient-to: rgb(0 45 22 / .5) var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.to-white{--tw-gradient-to: #fff var(--tw-gradient-to-position)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-10{padding:2.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.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-16{padding-top:4rem;padding-bottom:4rem}.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-8{padding-top:2rem;padding-bottom:2rem}.pb-8{padding-bottom:2rem}.pl-6{padding-left:1.5rem}.pt-16{padding-top:4rem}.pt-2{padding-top:.5rem}.pt-8{padding-top:2rem}.text-center{text-align:center}.font-serif{font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-\[10px\]{font-size:10px}.text-\[12px\]{font-size:12px}.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-bold{font-weight:700}.font-light{font-weight:300}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-widest{letter-spacing:.1em}.text-accent-400{--tw-text-opacity: 1;color:rgb(239 207 122 / var(--tw-text-opacity, 1))}.text-accent-500{--tw-text-opacity: 1;color:rgb(232 187 77 / var(--tw-text-opacity, 1))}.text-accent-600{--tw-text-opacity: 1;color:rgb(212 175 55 / var(--tw-text-opacity, 1))}.text-amber-600{--tw-text-opacity: 1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))}.text-gray-100{--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.text-gray-200{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-primary-100\/80{color:#dcf0e6cc}.text-primary-600{--tw-text-opacity: 1;color:rgb(34 117 93 / var(--tw-text-opacity, 1))}.text-primary-700{--tw-text-opacity: 1;color:rgb(0 77 38 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/20{color:#fff3}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.mix-blend-multiply{mix-blend-mode:multiply}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_-20px_40px_-15px_rgba\(0\,0\,0\,0\.05\)\]{--tw-shadow: 0 -20px 40px -15px rgba(0,0,0,.05);--tw-shadow-colored: 0 -20px 40px -15px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_32px_64px_-16px_rgba\(0\,0\,0\,0\.05\)\]{--tw-shadow: 0 32px 64px -16px rgba(0,0,0,.05);--tw-shadow-colored: 0 32px 64px -16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(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)}.blur-3xl{--tw-blur: blur(64px);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);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-xl{--tw-backdrop-blur: blur(24px);-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,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-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.duration-\[2000ms\]{transition-duration:2s}html{touch-action:manipulation}body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}@keyframes logo-spin{0%{transform:rotate(0) scale(.8);opacity:0}to{transform:rotate(360deg) scale(1);opacity:1}}@keyframes progress-bar{0%{width:0%}to{width:100%}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes zoom-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes image-loaded{0%{filter:blur(10px) brightness(1.1)}to{filter:blur(0) brightness(1)}}@keyframes text-reveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-on-scroll{opacity:0;will-change:opacity,transform}.animate-fade-in-up{animation:fade-in-up .8s cubic-bezier(.4,0,.2,1) forwards}.animate-fade-in-left{animation:fade-in-left .8s cubic-bezier(.4,0,.2,1) forwards}.animate-fade-in-right{animation:fade-in-right .8s cubic-bezier(.4,0,.2,1) forwards}.animate-zoom-in{animation:zoom-in .6s cubic-bezier(.4,0,.2,1) forwards}.image-loaded{animation:image-loaded .6s ease-out forwards}.animate-text-reveal{opacity:0;animation:text-reveal .8s cubic-bezier(.4,0,.2,1) forwards}.carousel-item{transition:opacity .5s ease-in-out}.product-card{transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease;cursor:pointer}.product-card:hover{background-color:#f0f7f4!important;transform:translateY(-5px);box-shadow:0 10px 25px #00000026}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.hover\:-translate-y-2:hover{--tw-translate-y: -.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:bg-accent-700:hover{--tw-bg-opacity: 1;background-color:rgb(184 149 46 / var(--tw-bg-opacity, 1))}.hover\:bg-primary-600:hover{--tw-bg-opacity: 1;background-color:rgb(34 117 93 / var(--tw-bg-opacity, 1))}.hover\:bg-primary-700:hover{--tw-bg-opacity: 1;background-color:rgb(0 77 38 / var(--tw-bg-opacity, 1))}.hover\:bg-white\/25:hover{background-color:#ffffff40}.hover\:text-accent-500:hover{--tw-text-opacity: 1;color:rgb(232 187 77 / var(--tw-text-opacity, 1))}.hover\:text-accent-600:hover{--tw-text-opacity: 1;color:rgb(212 175 55 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-xl:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(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)}.focus\:not-sr-only:focus{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.focus\:absolute:focus{position:absolute}.focus\:left-4:focus{left:1rem}.focus\:top-4:focus{top:1rem}.focus\:rounded-btn:focus{border-radius:4px}.focus\:border-primary-500:focus{--tw-border-opacity: 1;border-color:rgb(45 146 117 / var(--tw-border-opacity, 1))}.focus\:bg-white:focus{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.focus\:px-4:focus{padding-left:1rem;padding-right:1rem}.focus\:py-2:focus{padding-top:.5rem;padding-bottom:.5rem}.focus\:text-primary-700:focus{--tw-text-opacity: 1;color:rgb(0 77 38 / var(--tw-text-opacity, 1))}.focus\:shadow-lg:focus{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.group:hover .group-hover\:block{display:block}.group:hover .group-hover\:scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:gap-4{gap:1rem}.group:hover .group-hover\:bg-primary-600{--tw-bg-opacity: 1;background-color:rgb(34 117 93 / var(--tw-bg-opacity, 1))}.group:hover .group-hover\:text-accent-500{--tw-text-opacity: 1;color:rgb(232 187 77 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:opacity-60{opacity:.6}@media (min-width: 640px){.sm\:h-96{height:24rem}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}}@media (min-width: 768px){.md\:col-span-4{grid-column:span 4 / span 4}.md\:col-span-5{grid-column:span 5 / span 5}.md\:col-span-7{grid-column:span 7 / span 7}.md\:col-span-8{grid-column:span 8 / span 8}.md\:mt-0{margin-top:0}.md\:mt-24{margin-top:6rem}.md\:block{display:block}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:flex-row-reverse{flex-direction:row-reverse}.md\:from-white\/10{--tw-gradient-from: rgb(255 255 255 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.md\:p-12{padding:3rem}.md\:p-14{padding:3.5rem}.md\:py-20{padding-top:5rem;padding-bottom:5rem}.md\:py-24{padding-top:6rem;padding-bottom:6rem}.md\:py-32{padding-top:8rem;padding-bottom:8rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-6xl{font-size:3.75rem;line-height:1}.md\:text-7xl{font-size:4.5rem;line-height:1}.md\:text-8xl{font-size:6rem;line-height:1}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width: 1024px){.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:h-12{height:3rem}.lg\:h-20{height:5rem}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:gap-12{gap:3rem}.lg\:gap-20{gap:5rem}}

/* --- Franchise Page Styles --- */
.franchise-page {
    --brand-green: #00301a;
    --brand-green-dark: #00190b;
    --brand-gold: #c5a367;
    --brand-gold-soft: #ffdea7;
    --paper-white: #fbf9f8;
    --text-main: #1b1c1c;
    --text-muted: #4a4a4a;
    --white: #ffffff;
    
    --surface: #fbf9f8;
    --surface-variant: #e4e2e2;
    --surface-dim: #dbd9d9;
    --surface-container-low: #f5f3f3;
    --surface-container: #efeded;
    --surface-container-high: #eae8e7;
    --surface-container-highest: #e4e2e2;
    --surface-container-lowest: #ffffff;
    
    --font-serif: var(--font-serif);
    --font-sans: var(--font-sans);
    --transition-base: 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    --gutter: 24px;
    --margin-mobile: 16px;
    --margin-desktop: 40px;
    --section-gap: 80px;

    background-color: var(--paper-white);
    color: var(--text-main);
    font-family: var(--font-sans);
    margin: 0;
    overflow-x: hidden;
}

.franchise-page .font-serif { font-family: var(--font-serif); }
.franchise-page .italic { font-style: italic; }
.franchise-page .text-gold { color: var(--brand-gold) !important; }
.franchise-page .text-green { color: var(--brand-green) !important; }
.franchise-page .text-center { text-align: center; }
.franchise-page .mx-auto { margin-left: auto; margin-right: auto; }
.franchise-page .mt-8 { margin-top: 2rem; }
.franchise-page .mb-16 { margin-bottom: 4rem; }
.franchise-page .mb-32 { margin-bottom: 8rem; }

.franchise-page .container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 var(--margin-mobile);
}

@media (min-width: 768px) {
    .franchise-page .container { padding: 0 var(--margin-desktop); }
}

.franchise-page .reveal {
    opacity: 0;
    transform: translateY(40px);
    transition: var(--transition-base);
}

.franchise-page .reveal.active {
    opacity: 1;
    transform: translateY(0);
}

.franchise-page .gold-line {
    width: 80px;
    height: 1px;
    background: var(--brand-gold);
}

.franchise-page .hero-section {
    position: relative;
    height: 100vh;
    min-height: 700px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-color: #000;
    text-align: center;
}

.franchise-page .hero-bg-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.05);
    filter: brightness(0.8);
}

.franchise-page .hero-mask {
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.7));
}

.franchise-page .hero-content {
    position: relative;
    z-index: 10;
    color: var(--white);
}

.franchise-page .hero-subtitle {
    display: block;
    letter-spacing: 0.5em;
    font-size: 0.75rem;
    text-transform: uppercase;
    margin-bottom: 2.5rem;
    opacity: 0.6;
    font-weight: 300;
}

.franchise-page .hero-title {
    font-size: clamp(2.5rem, 8vw, 5rem);
    line-height: 1.2;
    margin-bottom: 4rem;
}

.franchise-page .hero-actions {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3rem;
}

@media (min-width: 768px) {
    .franchise-page .hero-actions { flex-direction: row; }
}

.franchise-page .btn-primary {
    display: inline-block;
    padding: 1.25rem 3.5rem;
    background-color: var(--brand-gold);
    color: var(--brand-green-dark);
    font-weight: 700;
    border-radius: 9999px;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 20px 50px rgba(197, 163, 103, 0.3);
}

.franchise-page .btn-primary:hover {
    background-color: var(--white);
    transform: scale(1.05);
}

.franchise-page .btn-text {
    color: rgba(255,255,255,0.9);
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: 1.125rem;
    transition: color 0.3s;
}

.franchise-page .btn-text span {
    border-bottom: 1px solid rgba(255,255,255,0.2);
    padding-bottom: 0.25rem;
    transition: border-color 0.3s;
}

.franchise-page .btn-text:hover span { border-color: var(--white); }
.franchise-page .btn-text i { color: var(--brand-gold); transition: transform 0.3s; }
.franchise-page .btn-text:hover i { transform: translateY(8px); }

.franchise-page .scroll-indicator {
    position: absolute;
    bottom: 3rem;
    left: 50%;
    transform: translateX(-50%);
    color: rgba(255,255,255,0.4);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    animation: bounce 2s infinite;
}

.franchise-page .scroll-text {
    font-size: 10px;
    letter-spacing: 0.3em;
    text-transform: uppercase;
}

.franchise-page .scroll-icon {
    font-size: 24px;
    color: var(--brand-gold);
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% { transform: translate(-50%, 0); }
    40% { transform: translate(-50%, -10px); }
    60% { transform: translate(-50%, -5px); }
}

.franchise-page .manifesto-section {
    padding: 6rem 0;
    background-color: var(--white);
    text-align: center;
}

@media (min-width: 768px) { .franchise-page .manifesto-section { padding: 10rem 0; } }

.franchise-page .manifesto-title {
    font-size: clamp(1.875rem, 5vw, 3.75rem);
    color: #111;
    line-height: 1.4;
    margin: 4rem 0;
}

.franchise-page .manifesto-text {
    color: var(--text-muted);
    font-size: clamp(1rem, 2vw, 1.25rem);
    font-weight: 300;
    max-width: 48rem;
    margin: 0 auto;
    line-height: 1.8;
}

.franchise-page .philosophy-section {
    padding: 6rem 0;
    background-color: var(--paper-white);
    overflow: hidden;
}

@media (min-width: 768px) { .franchise-page .philosophy-section { padding: 10rem 0; } }

.franchise-page .philosophy-grid {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6rem;
}

@media (min-width: 1024px) {
    .franchise-page .philosophy-grid { flex-direction: row; }
}

.franchise-page .philosophy-image-box {
    position: relative;
    width: 100%;
}

@media (min-width: 1024px) { .franchise-page .philosophy-image-box { width: 50%; } }

.franchise-page .philosophy-image-box img {
    width: 100%;
    height: auto;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    position: relative;
    z-index: 2;
}

.franchise-page .philosophy-deco-1 {
    position: absolute;
    top: -3rem;
    left: -3rem;
    width: 10rem;
    height: 10rem;
    background-color: rgba(197, 163, 103, 0.1);
}

.franchise-page .philosophy-deco-2 {
    position: absolute;
    bottom: -3rem;
    right: -3rem;
    width: 16rem;
    height: 16rem;
    border: 1px solid rgba(0, 48, 26, 0.1);
}

.franchise-page .philosophy-content {
    width: 100%;
}

@media (min-width: 1024px) { .franchise-page .philosophy-content { width: 50%; } }

.franchise-page .section-tag {
    color: var(--brand-green);
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    margin-bottom: 1.5rem;
    display: block;
}

.franchise-page .philosophy-title {
    font-size: clamp(2rem, 4vw, 3rem);
    line-height: 1.3;
    margin-bottom: 2.5rem;
}

.franchise-page .philosophy-desc {
    color: var(--text-muted);
    font-weight: 300;
    line-height: 1.8;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin-bottom: 4rem;
}

.franchise-page .philosophy-stats {
    display: flex;
    align-items: center;
    gap: 3rem;
}

.franchise-page .stat-number {
    font-size: 2.25rem;
    color: var(--brand-green);
    margin-bottom: 0.5rem;
}

.franchise-page .stat-label {
    font-size: 0.75rem;
    color: #999;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.franchise-page .stat-divider {
    width: 1px;
    height: 3rem;
    background-color: #eee;
}

.franchise-page .advantages-section {
    padding: 6rem 0;
    background-color: var(--brand-green-dark);
    color: var(--white);
}

@media (min-width: 768px) { .franchise-page .advantages-section { padding: 10rem 0; } }

.franchise-page .advantages-header {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 6rem;
}

@media (min-width: 768px) {
    .franchise-page .advantages-header { flex-direction: row; align-items: flex-end; }
}

.franchise-page .advantages-title {
    font-size: clamp(2rem, 5vw, 3.75rem);
    max-width: 40rem;
}

.franchise-page .advantages-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
}

@media (min-width: 768px) { .franchise-page .advantages-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .franchise-page .advantages-grid { grid-template-columns: repeat(4, 1fr); } }

.franchise-page .advantage-card {
    padding: 2.5rem;
    border: 1px solid rgba(255,255,255,0.1);
    transition: all 0.3s;
}

.franchise-page .advantage-card:hover {
    background-color: rgba(255,255,255,0.05);
}

.franchise-page .advantage-icon {
    color: var(--brand-gold);
    font-size: 2rem;
    margin-bottom: 2rem;
    transition: transform 0.3s;
}

.franchise-page .advantage-card:hover .advantage-icon { transform: scale(1.1); }

.franchise-page .advantage-name {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
}

.franchise-page .advantage-desc {
    color: rgba(255,255,255,0.6);
    font-weight: 300;
    font-size: 0.875rem;
    line-height: 1.6;
}

.franchise-page .steps-section {
    padding: 6rem 0;
    background-color: var(--white);
    position: relative;
}

@media (min-width: 768px) { .franchise-page .steps-section { padding: 10rem 0; } }

.franchise-page .steps-container {
    max-width: 75rem;
    margin: 4rem auto 0;
    position: relative;
    padding: 2rem 0;
}

.franchise-page .step-line {
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 2px;
    background: linear-gradient(to bottom, 
        transparent, 
        var(--brand-gold) 15%, 
        var(--brand-gold) 85%, 
        transparent
    );
    transform: translateX(-50%);
    opacity: 0.3;
}

.franchise-page .step-item {
    display: flex;
    align-items: center;
    margin-bottom: 4rem;
    position: relative;
    width: 100%;
}

.franchise-page .step-item:last-child {
    margin-bottom: 0;
}

/* 默认布局 (奇数项: 内容在左) */
.franchise-page .step-item {
    flex-direction: row;
}

/* 偶数项: 内容在右 */
.franchise-page .step-item:nth-child(even) {
    flex-direction: row-reverse;
}

.franchise-page .step-content {
    width: 42%;
    padding: 2rem;
    background: var(--white);
    border-radius: 1.5rem;
    border: 1px solid var(--surface-variant);
    transition: all 0.4s ease;
}

.franchise-page .step-item:nth-child(odd) .step-content {
    text-align: right;
}

.franchise-page .step-item:nth-child(even) .step-content {
    text-align: left;
}

.franchise-page .step-item:hover .step-content {
    border-color: var(--brand-gold);
    box-shadow: 0 20px 40px rgba(0,0,0,0.05);
    transform: translateY(-5px);
}

.franchise-page .step-number {
    font-size: 3rem;
    color: var(--brand-gold);
    opacity: 0.2;
    margin-bottom: 0.5rem;
    display: block;
    line-height: 1;
}

.franchise-page .step-name {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: var(--brand-green);
}

.franchise-page .step-desc {
    color: var(--text-muted);
    font-size: 1rem;
    line-height: 1.7;
    font-weight: 300;
}

.franchise-page .step-icon-box {
    width: 16%;
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 2;
}

.franchise-page .step-icon {
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 50%;
    background-color: var(--brand-green);
    color: var(--brand-gold);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    border: 4px solid var(--white);
    box-shadow: 0 8px 20px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
}

.franchise-page .step-item:hover .step-icon {
    transform: scale(1.1) rotate(10deg);
    background-color: var(--brand-gold);
    color: var(--brand-green);
}

.franchise-page .step-spacer {
    width: 42%;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .franchise-page .step-line {
        left: 30px;
    }
    
    .franchise-page .step-item,
    .franchise-page .step-item:nth-child(even) {
        flex-direction: row;
        margin-bottom: 3rem;
    }
    
    .franchise-page .step-icon-box {
        width: 60px;
        order: 1;
    }
    
    .franchise-page .step-content {
        width: calc(100% - 80px);
        order: 2;
        text-align: left !important;
    }
    
    .franchise-page .step-spacer {
        display: none;
    }
}

.franchise-page .space-section {
    padding: 6rem 0;
    background-color: var(--paper-white);
}

@media (min-width: 768px) { .franchise-page .space-section { padding: 10rem 0; } }

.franchise-page .space-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 3rem;
    align-items: center;
}

@media (min-width: 1024px) {
    .franchise-page .space-grid { grid-template-columns: repeat(12, 1fr); }
}

.franchise-page .space-text {
    grid-column: span 12;
}

@media (min-width: 1024px) { .franchise-page .space-text { grid-column: span 5; } }

.franchise-page .space-title {
    font-size: clamp(2rem, 4vw, 3rem);
    line-height: 1.3;
    margin-bottom: 2.5rem;
}

.franchise-page .space-desc {
    color: var(--text-muted);
    font-weight: 300;
    line-height: 1.8;
}

.franchise-page .space-image {
    grid-column: span 12;
}

@media (min-width: 1024px) { .franchise-page .space-image { grid-column: span 7; } }

.franchise-page .space-image img {
    width: 100%;
    height: auto;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.franchise-page .support-section {
    padding: 6rem 0;
    background-color: var(--brand-green);
    color: var(--white);
    text-align: center;
}

@media (min-width: 768px) { .franchise-page .support-section { padding: 10rem 0; } }

.franchise-page .support-title {
    font-size: clamp(2rem, 4vw, 3rem);
    margin-bottom: 2rem;
}

.franchise-page .support-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 3rem;
    margin-top: 6rem;
    text-align: left;
}

@media (min-width: 768px) { .franchise-page .support-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .franchise-page .support-grid { grid-template-columns: repeat(3, 1fr); } }

.franchise-page .support-item {
    padding-left: 1.5rem;
    border-left: 1px solid rgba(232, 187, 77, 0.2);
    transition: all 0.5s;
}

.franchise-page .support-item:hover {
    border-left-color: var(--brand-gold);
    background-color: rgba(255,255,255,0.02);
}

.franchise-page .support-name {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.franchise-page .support-desc {
    color: rgba(255,255,255,0.5);
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 1.6;
}

.franchise-page .franchise-section {
    padding: 6rem 0;
    background-color: var(--surface);
}

.franchise-page .franchise-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--gutter);
    min-height: 600px;
}

@media (min-width: 1024px) {
    .franchise-page .franchise-grid { grid-template-columns: repeat(12, 1fr); }
}

.franchise-page .franchise-hero {
    position: relative;
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1);
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-size: cover;
    background-position: center;
    padding: 2.5rem;
}

@media (min-width: 1024px) {
    .franchise-page .franchise-hero { grid-column: span 7; padding: 4rem; }
}

.franchise-page .franchise-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, rgba(0,0,0,0.8), rgba(0,0,0,0.5), transparent);
}

.franchise-page .franchise-hero-content {
    position: relative;
    z-index: 10;
    color: var(--white);
}

.franchise-page .badge-opportunity {
    display: inline-block;
    padding: 0.4rem 1rem;
    border-radius: 9999px;
    background-color: rgba(253, 216, 151, 0.2);
    color: var(--brand-gold-soft);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(197, 163, 103, 0.3);
    font-size: 0.875rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.franchise-page .franchise-form-title {
    font-size: clamp(2.5rem, 5vw, 3rem);
    line-height: 1.2;
    margin-bottom: 1.5rem;
}

.franchise-page .franchise-form-desc {
    font-size: 1.125rem;
    color: var(--surface-variant);
    max-width: 28rem;
    margin-bottom: 3rem;
    line-height: 1.6;
}

.franchise-page .hotline-area {
    margin-top: 4rem;
    padding-top: 2rem;
    border-top: 1px solid rgba(255,255,255,0.2);
}

.franchise-page .hotline-label {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--surface-dim);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 0.5rem;
}

.franchise-page .hotline-number {
    font-size: 2rem;
    font-weight: 600;
    color: var(--brand-gold-soft);
}

.franchise-page .franchise-form-card {
    background-color: var(--white);
    border-radius: 1rem;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.04);
    border: 1px solid var(--surface-variant);
    padding: 2rem;
    position: relative;
    overflow: hidden;
}

@media (min-width: 768px) { .franchise-page .franchise-form-card { padding: 3rem; } }
@media (min-width: 1024px) { .franchise-page .franchise-form-card { grid-column: span 5; } }

.franchise-page .decorative-blur {
    position: absolute;
    top: 0;
    right: 0;
    width: 8rem;
    height: 8rem;
    background-color: rgba(190, 238, 204, 0.2);
    border-bottom-left-radius: 9999px;
    filter: blur(24px);
    z-index: 0;
}

.franchise-page .form-header { position: relative; z-index: 1; margin-bottom: 2rem; }
.franchise-page .form-title { font-size: 1.5rem; font-weight: 600; margin-bottom: 0.5rem; }
.franchise-page .form-subtitle { color: var(--text-muted); font-size: 1rem; }

.franchise-page .form-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
}

@media (min-width: 640px) { .franchise-page .form-grid { grid-template-columns: 1fr 1fr; } }

.franchise-page .form-item { display: flex; flex-direction: column; gap: 0.5rem; }
.franchise-page .form-label { font-size: 0.875rem; font-weight: 600; text-transform: uppercase; }

.franchise-page .form-input, .franchise-page .form-textarea {
    width: 100%;
    background-color: var(--surface-container-low);
    border: 1px solid var(--surface-variant);
    border-radius: 0.5rem;
    padding: 0.75rem 1rem;
    font-size: 1rem;
    outline: none;
    transition: all 0.2s;
    box-sizing: border-box;
}

.franchise-page .form-input:focus, .franchise-page .form-textarea:focus {
    border-color: var(--brand-green-dark);
    box-shadow: 0 0 0 2px rgba(0, 25, 11, 0.1);
}

.franchise-page .full-width { grid-column: 1 / -1; }

.franchise-page .submit-btn {
    width: 100%;
    background-color: var(--brand-green-dark);
    color: var(--white);
    border: none;
    border-radius: 0.5rem;
    padding: 1rem;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    transition: all 0.2s;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.franchise-page .submit-btn:hover { background-color: var(--brand-green); }
.franchise-page .submit-btn:hover i { transform: translateX(4px); }
.franchise-page .submit-btn i { color: var(--brand-gold-soft); transition: transform 0.2s; }

.franchise-page .privacy-notice {
    text-align: center;
    font-size: 0.75rem;
    color: #999;
    margin-top: 1rem;
}

.franchise-page .privacy-link { color: inherit; text-decoration: underline; }
.franchise-page .privacy-link:hover { color: var(--brand-green-dark); }