:root{--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-xs:0 1px 2px rgba(0,0,0,0.04);--shadow-sm:0 2px 10px rgba(0,0,0,0.08);--shadow-md:0 8px 24px rgba(0,0,0,0.12);--shadow-lg:0 12px 40px rgba(0,0,0,0.16);--ring:#A5D6A7;--surface:#FFFFFF;--surface-2:#FBFDFA;}html{scroll-behavior:smooth;overflow-x:hidden;}body{font-size:clamp(1rem,0.96rem+0.3vw,1.125rem);line-height:1.65;letter-spacing:0.01em;overflow-x:hidden;}h1{font-size:clamp(2.2rem,1.6rem+2.8vw,3.2rem);margin-bottom:clamp(10px,1.6vw,18px);}h2{font-size:clamp(1.7rem,1.2rem+1.6vw,2.3rem);margin-bottom:clamp(18px,2.4vw,30px);}h3{font-size:clamp(1.2rem,1.05rem+0.7vw,1.5rem);}.section{margin-bottom:clamp(48px,7vw,96px);}.container{max-width:min(1280px,100%);padding-left:clamp(12px,3vw,20px);padding-right:clamp(12px,3vw,20px);}header{padding:clamp(36px,6vw,80px) 0;position:relative;}header{background-size:200% 200%;animation:rawGreenFlow 22s ease-in-out infinite alternate;}@keyframes rawGreenFlow{0%{background-position:0% 0%;}50%{background-position:80% 100%;}100%{background-position:100% 0%;}}header::before{content:"";position:absolute;inset:-10% -10% auto -10%;height:200%;background:radial-gradient(1200px 400px at 50% -10%,rgba(255,255,255,0.15),rgba(255,255,255,0)),url("data:image/svg+xml;utf8,\ <svg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'>\ <g fill='%23ffffff' fill-opacity='0.08'>\ <path d='M80 8 C102 20,132 56,80 150 C28 56,58 20,80 8 Z'/>\ <path d='M40 30 C55 38,75 62,40 140 C5 62,25 38,40 30 Z' transform='rotate(-28 40 85)'/>\ <path d='M120 30 C135 40,150 60,120 130 C90 60,105 40,120 30 Z' transform='rotate(22 120 80)'/>\ </g>\ </svg>");background-repeat:no-repeat,repeat;background-size:auto,180px 180px;background-position:center -10%,0 0;animation:rawLeavesDrift 60s linear infinite;pointer-events:none;}@keyframes rawLeavesDrift{0%{background-position:center -10%,0 0;}100%{background-position:center -10%,480px -360px;}}.logo-main{transform-origin:center center;animation:rawLogoBreathe 8s ease-in-out infinite;will-change:transform;}@keyframes rawLogoBreathe{0%{transform:translateY(0) rotate(0deg) scale(1);}20%{transform:translateY(-2px) rotate(-1deg) scale(1.02);}50%{transform:translateY(0) rotate(0deg) scale(1);}80%{transform:translateY(2px) rotate(1deg) scale(1.02);}100%{transform:translateY(0) rotate(0deg) scale(1);}}.cta-button{background:linear-gradient(135deg,var(--secondary),var(--primary));color:#fff;border:none;padding:clamp(12px,1.5vw,16px) clamp(24px,3.2vw,40px);border-radius:999px;box-shadow:var(--shadow-sm);transition:transform .25s ease,box-shadow .25s ease,filter .25s ease;}.cta-button:hover{transform:translateY(-3px) scale(1.03);box-shadow:var(--shadow-md);filter:saturate(1.05);}.cta-button:focus-visible{outline:3px solid var(--ring);outline-offset:3px;}.benefit-card,.principle-card,.tool-card,.testimonial-card,.myth-card,.tip-card,.health-card,.transition-guide,.daily-menu-container{background:linear-gradient(180deg,var(--surface),#fff 70%);border:1px solid rgba(0,0,0,0.05);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);}.benefit-card:hover,.principle-card:hover,.tool-card:hover,.testimonial-card:hover,.myth-card:hover,.tip-card:hover,.health-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);}.community-photo{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);}.faq-item summary{border-radius:var(--radius-md);}.faq-item summary:hover{background:#f6fbf6;}.faq-item summary:focus-visible{outline:3px solid var(--ring);outline-offset:3px;}.faq-content{overflow:hidden;max-height:0;opacity:0;padding:0 20px;transition:max-height .35s ease,opacity .35s ease,padding .35s ease;}.faq-item[open] .faq-content{max-height:600px;opacity:1;padding:0 20px 20px;overflow-y:auto;scrollbar-width:none;}.final-cta{background:radial-gradient(1200px 400px at 50% -10%,rgba(255,255,255,0.08),rgba(255,255,255,0)),linear-gradient(135deg,#0f3d12,var(--dark));border-top:1px solid rgba(255,255,255,0.08);}.final-cta .cta-button{background:linear-gradient(135deg,#9be15d,#00e3ae);color:#073b1a;}footer{border-top:1px solid rgba(255,255,255,0.08);font-size:0.85rem;}.testimonial-stars{color:#f5b50a;font-size:1.1rem;letter-spacing:2px;margin:8px 0 4px;user-select:none;}#backToTop:focus-visible{outline:3px solid var(--ring);outline-offset:3px;}@media (prefers-reduced-motion:reduce){*{animation:none !important;transition:none !important;scroll-behavior:auto !important;}}.menu-toggle{position:fixed;top:12px;right:12px;width:38px;height:38px;background:linear-gradient(135deg,var(--primary,#4CAF50),var(--primary-dark,#388E3C));border-radius:50%;border:none;cursor:pointer;z-index:1000;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px rgba(0,0,0,0.14),0 1px 4px rgba(0,0,0,0.08);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);}.menu-toggle:hover{transform:scale(1.06);box-shadow:0 5px 14px rgba(0,0,0,0.18),0 2px 6px rgba(0,0,0,0.12);}.menu-toggle:active{transform:scale(0.95);}.menu-toggle:focus-visible{outline:3px solid var(--ring);outline-offset:3px;}.menu-icon{display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;}.menu-icon span{width:4px;height:4px;background:white;border-radius:50%;display:block;transition:all 0.3s ease;}.menu-toggle.active .menu-icon span:nth-child(1){transform:translateY(7px) rotate(45deg);width:16px;height:2px;border-radius:2px;}.menu-toggle.active .menu-icon span:nth-child(2){opacity:0;transform:scale(0);}.menu-toggle.active .menu-icon span:nth-child(3){transform:translateY(-7px) rotate(-45deg);width:16px;height:2px;border-radius:2px;}.side-menu{position:fixed;top:0;right:0;width:min(280px,88vw);height:100vh;background:linear-gradient(180deg,#ffffff 0%,#f8fdf9 100%);box-shadow:-4px 0 24px rgba(0,0,0,0.15);z-index:999;transform:translateX(100%);transition:transform 0.4s cubic-bezier(0.4,0,0.2,1);overflow-y:auto;padding:64px 16px 96px 16px;box-sizing:border-box;}.side-menu.active{transform:translateX(0);}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:998;opacity:0;visibility:hidden;transition:all 0.3s ease;backdrop-filter:blur(2px);}.menu-overlay.active{opacity:1;visibility:visible;}.menu-header{font-size:1.15rem;font-weight:700;color:var(--primary-dark,#388E3C);margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid var(--secondary,#8BC34A);display:flex;align-items:center;gap:8px;}.menu-header::before{content:"🌿";font-size:1.35rem;}.menu-nav{list-style:none;padding:0;margin:0;}.menu-nav li{margin-bottom:4px;}.menu-nav a{display:flex;align-items:center;gap:10px;padding:9px 12px;color:var(--dark,#333);text-decoration:none;border-radius:var(--radius-sm,8px);transition:all 0.2s ease;font-weight:500;font-size:0.94rem;}.menu-nav a:hover{background:linear-gradient(135deg,rgba(76,175,80,0.1),rgba(139,195,74,0.1));color:var(--primary-dark,#388E3C);transform:translateX(4px);}.menu-nav a:active{transform:translateX(2px);}.menu-nav .menu-icon-emoji{font-size:1.15rem;min-width:22px;text-align:center;}.menu-divider{height:1px;background:linear-gradient(to right,transparent,var(--secondary,#8BC34A),transparent);margin:12px 0;opacity:0.3;}@media (max-width:768px){.menu-toggle{top:10px;right:10px;width:36px;height:36px;}.menu-toggle.active .menu-icon span:nth-child(1){transform:translateY(6.5px) rotate(45deg);width:15px;}.menu-toggle.active .menu-icon span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg);width:15px;}.side-menu{width:min(260px,86vw);}}@media (max-width:480px){.side-menu{width:min(240px,84vw);padding:58px 14px 88px 14px;}}@media (max-width:768px){.final-cta .cta-button{padding:16px 24px;font-size:1rem;word-break:break-word;}.final-cta h2{font-size:1.6rem;word-break:break-word;}.final-cta h2 br{display:none;}img,video,iframe,embed,object{max-width:100%;}.map-legend{gap:10px;flex-direction:column;align-items:center;}}.home-page .surface-variant-glass,.home-page .surface-variant-ribbon,.home-page .surface-variant-spotlight,.home-page .surface-variant-night{position:relative;transition:transform 0.25s ease,box-shadow 0.25s ease;}.home-page .surface-variant-glass{background:linear-gradient(145deg,rgba(255,255,255,0.94) 0%,rgba(232,245,233,0.88) 100%);border:1px solid rgba(76,175,80,0.22);border-radius:18px;box-shadow:0 4px 24px rgba(27,94,32,0.09),inset 0 1px 0 rgba(255,255,255,0.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);}.home-page .surface-variant-ribbon{background:#fff;border:1px solid rgba(0,0,0,0.06);border-radius:20px;box-shadow:0 8px 32px rgba(45,80,22,0.1);overflow:hidden;}.home-page .surface-variant-ribbon::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#66bb6a 0%,#c79d2d 52%,#7e57c2 100%);border-radius:20px 0 0 20px;}.home-page .surface-variant-spotlight{background:radial-gradient(ellipse 100% 120% at 0% -20%,rgba(76,175,80,0.14),transparent 55%),radial-gradient(ellipse 80% 100% at 100% 100%,rgba(199,157,45,0.1),transparent 50%),linear-gradient(180deg,#ffffff 0%,#fafdf7 100%);border:1px solid rgba(76,175,80,0.16);border-radius:20px;box-shadow:0 6px 28px rgba(76,175,80,0.11);}.home-page .surface-variant-night{background:linear-gradient(145deg,#1a2e0f 0%,#2d5016 42%,#1b5e20 100%);color:rgba(255,255,255,0.92);border:1px solid rgba(199,157,45,0.35);border-radius:20px;box-shadow:0 12px 40px rgba(0,0,0,0.22);}.home-page .surface-variant-night h3,.home-page .surface-variant-night .benefit-title{color:#fff;}.home-page .surface-variant-night p{color:rgba(255,255,255,0.88);}.home-page .surface-variant-night .myth-reality{color:rgba(255,255,255,0.86);}.home-page .surface-variant-night .myth-reality strong{color:#ffe082;}.home-page .surface-variant-night .benefit-icon,.home-page .surface-variant-night .principle-icon,.home-page .surface-variant-night .tip-icon,.home-page .surface-variant-night .tool-icon{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;margin-bottom:0.35rem;font-size:1.55rem;line-height:1;background:rgba(255,255,255,0.12);border-radius:14px;border:1px solid rgba(255,255,255,0.18);}.home-page .surface-variant-glass .benefit-icon,.home-page .surface-variant-glass .principle-icon,.home-page .surface-variant-glass .tip-icon,.home-page .surface-variant-glass .tool-icon,.home-page .surface-variant-spotlight .benefit-icon,.home-page .surface-variant-spotlight .principle-icon,.home-page .surface-variant-spotlight .tip-icon,.home-page .surface-variant-spotlight .tool-icon{display:inline-flex;align-items:center;justify-content:center;min-width:2.85rem;min-height:2.85rem;margin-bottom:0.35rem;font-size:1.45rem;line-height:1;background:rgba(76,175,80,0.12);border-radius:14px;border:1px solid rgba(76,175,80,0.15);}.home-page .surface-variant-ribbon .benefit-icon,.home-page .surface-variant-ribbon .principle-icon,.home-page .surface-variant-ribbon .tip-icon,.home-page .surface-variant-ribbon .tool-icon{display:inline-flex;align-items:center;justify-content:center;min-width:2.75rem;min-height:2.75rem;margin-bottom:0.35rem;font-size:1.4rem;line-height:1;background:linear-gradient(135deg,rgba(102,187,106,0.2),rgba(199,157,45,0.16));border-radius:12px;border:1px solid rgba(76,175,80,0.12);}@media (prefers-reduced-motion:reduce){.home-page .surface-variant-glass,.home-page .surface-variant-ribbon,.home-page .surface-variant-spotlight,.home-page .surface-variant-night{transition:none;}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.home-page .surface-variant-glass{background:linear-gradient(180deg,#ffffff,#e8f5e9);}}