.c-efficiency-tip-card{background:var(--color-background);border-radius:var(--radius-lg);border:2px solid color-mix(in srgb,var(--color-primary)15%,transparent);box-shadow:0 4px 12px color-mix(in srgb,var(--color-foreground)8%,transparent);gap:1.5rem;padding:clamp(1.5rem,3vw,2rem);transition:all .4s cubic-bezier(.4,0,.2,1);animation:.8s cubic-bezier(.4,0,.2,1) both slideInFromLeft;display:flex;position:relative;overflow:hidden}.c-efficiency-tip-card:before{content:"";border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary),var(--color-primary));-webkit-mask-composite:xor;opacity:0;background-size:200% 200%;padding:2px;transition:opacity .4s;animation:3s infinite gradientShift;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.c-efficiency-tip-card:after{content:"";background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);width:200%;height:200%;transition:transform .6s;position:absolute;top:-50%;left:-50%;transform:translate(-100%)translateY(-100%)rotate(45deg)}.c-efficiency-tip-card:hover{box-shadow:0 12px 32px color-mix(in srgb,var(--color-primary)20%,transparent);border-color:color-mix(in srgb,var(--color-primary)40%,transparent);transform:translateY(-6px)scale(1.02)}.c-efficiency-tip-card:hover:before{opacity:1}.c-efficiency-tip-card:hover:after{transform:translate(100%)translateY(100%)rotate(45deg)}.c-efficiency-tip-card:hover .c-efficiency-tip-card__icon-wrapper{background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary)20%,transparent),color-mix(in srgb,var(--color-secondary)15%,transparent));transform:scale(1.15)rotate(5deg)}.c-efficiency-tip-card:hover .c-efficiency-tip-card__icon{transform:scale(1.1)}.c-efficiency-tip-card:hover .c-efficiency-tip-card__icon-glow{opacity:1;transform:scale(1.5)}.c-efficiency-tip-card.c-efficiency-tip-card--slide-left{animation:.8s cubic-bezier(.4,0,.2,1) both slideInFromLeft}.c-efficiency-tip-card.c-efficiency-tip-card--slide-right{animation:.8s cubic-bezier(.4,0,.2,1) both slideInFromRight}.c-efficiency-tip-card:first-child{animation-delay:.1s}.c-efficiency-tip-card:nth-child(2){animation-delay:.2s}.c-efficiency-tip-card:nth-child(3){animation-delay:.3s}.c-efficiency-tip-card:nth-child(4){animation-delay:.4s}.c-efficiency-tip-card:nth-child(5){animation-delay:.5s}.c-efficiency-tip-card:nth-child(6){animation-delay:.6s}@media (max-width:640px){.c-efficiency-tip-card{flex-direction:column;align-items:flex-start;gap:1rem}.c-efficiency-tip-card:hover{transform:translateY(-4px)scale(1)}}.c-efficiency-tip-card__icon-wrapper{background:color-mix(in srgb,var(--color-primary)10%,transparent);border-radius:var(--radius-md);width:4rem;height:4rem;box-shadow:0 4px 12px color-mix(in srgb,var(--color-primary)15%,transparent);flex-shrink:0;justify-content:center;align-items:center;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative}@media (max-width:640px){.c-efficiency-tip-card__icon-wrapper{width:3.5rem;height:3.5rem}}.c-efficiency-tip-card__icon{z-index:2;font-size:2rem;line-height:1;transition:transform .4s cubic-bezier(.4,0,.2,1);animation:3s ease-in-out infinite float;display:block;position:relative}@media (max-width:640px){.c-efficiency-tip-card__icon{font-size:1.75rem}}.c-efficiency-tip-card__icon-glow{border-radius:var(--radius-md);background:radial-gradient(circle,color-mix(in srgb,var(--color-primary)40%,transparent)0%,transparent 70%);opacity:0;z-index:1;pointer-events:none;transition:all .4s cubic-bezier(.4,0,.2,1);position:absolute;inset:-10px}.c-efficiency-tip-card__content{flex:1;gap:.75rem;display:grid}.c-efficiency-tip-card__title{color:var(--color-foreground);letter-spacing:-.01em;margin:0;font-size:clamp(1.25rem,2vw,1.375rem);font-weight:700;line-height:1.3;transition:color .3s}.c-efficiency-tip-card:hover .c-efficiency-tip-card__title{color:var(--color-primary)}.c-efficiency-tip-card__description{color:color-mix(in srgb,var(--color-foreground)75%,black);margin:0;font-size:clamp(1rem,1.25vw,1.0625rem);line-height:1.7}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}@media (prefers-reduced-motion:reduce){.c-efficiency-tip-card{animation:.6s ease-out both fadeInUp!important}.c-efficiency-tip-card:hover{transform:translateY(-4px)}.c-efficiency-tip-card:hover:before,.c-efficiency-tip-card:hover:after,.c-efficiency-tip-card__icon{animation:none}.c-efficiency-tip-card__icon-wrapper{transition:transform .2s}.c-efficiency-tip-card__icon-glow{transition:opacity .2s}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
.o-efficiency-tips-section{background:var(--color-background);padding:clamp(4rem,8vw,7rem) 0;position:relative;overflow:hidden}.o-efficiency-tips-section:before{content:"";background:radial-gradient(circle,color-mix(in srgb,var(--color-primary)3%,transparent)0%,transparent 70%);pointer-events:none;z-index:0;width:200%;height:200%;animation:20s linear infinite rotateBackground;position:absolute;top:-50%;left:-50%}.o-efficiency-tips-section>.t-container{z-index:1;position:relative}.o-efficiency-tips-section__heading{color:var(--color-foreground);text-align:center;margin:0 0 1.5rem;font-size:clamp(2rem,4vw,2.75rem);font-weight:700;line-height:1.2;animation:.8s ease-out fadeInDown}.o-efficiency-tips-section__intro{color:color-mix(in srgb,var(--color-foreground)80%,black);text-align:center;max-width:75ch;margin:0 auto 3rem;font-size:clamp(1.0625rem,2vw,1.1875rem);line-height:1.7;animation:.8s ease-out .2s both fadeInUp}.o-efficiency-tips-section__list{gap:clamp(2rem,4vw,2.5rem);max-width:900px;margin:0 auto 3rem;display:grid;position:relative}.o-efficiency-tips-section__conclusion{color:color-mix(in srgb,var(--color-foreground)85%,black);background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary)10%,transparent)0%,color-mix(in srgb,var(--color-primary)6%,transparent)100%);border-radius:var(--radius-lg);border:2px solid color-mix(in srgb,var(--color-primary)20%,transparent);max-width:75ch;box-shadow:0 4px 16px color-mix(in srgb,var(--color-primary)8%,transparent);text-align:center;margin:3rem auto 0;padding:clamp(1.5rem,3vw,2rem);font-size:clamp(1rem,1.5vw,1.0625rem);line-height:1.7;animation:.8s ease-out fadeInUp}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes rotateBackground{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.o-efficiency-tips-section:before,.o-efficiency-tips-section__heading,.o-efficiency-tips-section__intro,.o-efficiency-tips-section__conclusion{animation:none}}