.hp-hero{padding: var(--space-2) 0 var(--space-6)}.hp-slider{position: relative;overflow: hidden;border-radius: var(--radius-xl);background: var(--color-charcoal);aspect-ratio: 1219 / 332}.hp-slide{position: absolute;inset: 0;opacity: 0;transition: opacity .6s ease;pointer-events: none}.hp-slide--active{opacity: 1;pointer-events: auto}.hp-slide__link{display: block;width: 100%;height: 100%}.hp-slide__img{width: 100%;height: 100%;object-fit: cover;display: block}.hp-arrow{position: absolute;top: 50%;transform: translateY(-50%);width: 40px;height: 40px;background: oklch(100% 0 0 / .15);backdrop-filter: blur(6px);border: 1px solid oklch(100% 0 0 / .25);border-radius: var(--radius-full);display: flex;align-items: center;justify-content: center;color: var(--color-white);cursor: pointer;transition: background var(--transition-fast);z-index: 10}.hp-arrow:hover{background: oklch(100% 0 0 / .28)}.hp-arrow--prev{left: var(--space-3)}.hp-arrow--next{right: var(--space-3)}@media (max-width: 479px){.hp-arrow{width: 30px;height: 30px}.hp-arrow svg{width: 14px;height: 14px}.hp-arrow--prev{left: var(--space-2)}.hp-arrow--next{right: var(--space-2)}}@media (min-width: 640px){.hp-arrow{width: 48px;height: 48px}.hp-arrow--prev{left: var(--space-5)}.hp-arrow--next{right: var(--space-5)}}.hp-dots{position: absolute;bottom: calc(var(--space-4) - 8px);left: 50%;transform: translateX(-50%);display: flex;gap: 0;z-index: 10}@media (max-width: 479px){.hp-dots{bottom: calc(var(--space-2) - 8px)}}.trust-bar--hp{border: none;background: none;margin-bottom: var(--space-6)}.trust-bar--hp > .container{max-width: none;padding-inline: 0}@media (min-width: 768px){.trust-bar--hp .trust-bar__inner{border: 1px solid var(--color-fog);border-radius: var(--radius-xl);overflow: hidden}}@media (max-width: 767px){.hp-hero{padding-bottom: var(--space-3)}.trust-bar--hp{margin: 0 calc(-1 * var(--container-pad)) var(--space-4)}.trust-bar--hp .trust-bar__inner{display: flex;gap: var(--space-2);background: none;overflow-x: auto;scrollbar-width: none;padding-inline: var(--container-pad);scroll-padding-inline: var(--container-pad);scroll-snap-type: x proximity}.trust-bar--hp .trust-bar__inner::-webkit-scrollbar{display: none}.trust-bar--hp .trust-item{flex: 0 0 auto;gap: var(--space-2);padding: var(--space-1) var(--space-3) var(--space-1) var(--space-1);border: 1px solid var(--color-fog);border-radius: var(--radius-full);scroll-snap-align: start;white-space: nowrap}.trust-bar--hp .trust-item__icon{width: 28px;height: 28px;border-radius: var(--radius-full)}.trust-bar--hp .trust-item__icon svg{width: 16px;height: 16px}.trust-bar--hp .trust-item__desc{display: none}}.hp-dot{box-sizing: content-box;width: 8px;height: 8px;padding: 8px;border-radius: var(--radius-full);background: oklch(100% 0 0 / .4);background-clip: content-box;cursor: pointer;transition: all var(--transition-fast);border: none}.hp-dot--active{background: var(--color-white);background-clip: content-box;width: 24px}.hp-slide__bg-grad{width: 100%;height: 100%;background: linear-gradient(135deg,var(--color-forest-dark) 0%,var(--color-charcoal) 100%)}.hp-section{padding: var(--space-8) 0}@media (min-width: 1024px){.hp-section{padding: var(--space-10) 0}}.hp-section--tight{padding: var(--space-6) 0}@media (min-width: 1024px){.hp-section--tight{padding: var(--space-6) 0}}.hp-section-head{display: flex;align-items: baseline;justify-content: space-between;margin-bottom: var(--space-6);gap: var(--space-4);flex-wrap: wrap}.hp-section-title{font-family: var(--font-display);font-size: clamp(var(--text-xl),3vw,var(--text-3xl));font-weight: 800;color: var(--color-charcoal);text-transform: uppercase;letter-spacing: var(--tracking-tight)}.hp-section-link{font-size: var(--text-sm);font-weight: 600;color: var(--color-forest);display: flex;align-items: center;gap: 4px;white-space: nowrap;flex-shrink: 0}.hp-section-link:hover{text-decoration: underline}.hp-divider{border: none;border-top: 1px solid var(--color-fog);margin: 0}.hp-news-grid{display: grid;grid-template-columns: repeat(2,1fr);gap: var(--space-4)}@media (min-width: 768px){.hp-news-grid{grid-template-columns: repeat(4,1fr)}}.hp-news-card{display: flex;flex-direction: column;border-radius: var(--radius-lg);overflow: hidden;background: var(--color-white);border: 1px solid var(--color-fog);transition: box-shadow var(--transition-base),transform var(--transition-base)}.hp-news-card:hover{border-color: var(--color-forest)}.hp-news-card__img-wrap{aspect-ratio: 1.9 / 1;overflow: hidden;background: var(--color-mist)}.hp-news-card__img{width: 100%;height: 100%;object-fit: contain;display: block}.hp-news-card__img-placeholder{width: 100%;height: 100%;background: linear-gradient(135deg,var(--color-mist) 0%,var(--color-fog) 100%);display: flex;align-items: center;justify-content: center}.hp-news-card__body{padding: var(--space-4);flex: 1;display: flex;flex-direction: column}.hp-news-card__date{font-size: var(--text-xs);color: var(--color-muted);margin-bottom: var(--space-2)}.hp-news-card__title{font-size: var(--text-sm);font-weight: 700;color: var(--color-ink);line-height: var(--leading-snug);flex: 1;margin-bottom: var(--space-3)}.hp-news-card__more{font-size: var(--text-xs);font-weight: 600;color: var(--color-forest);display: flex;align-items: center;gap: 4px;align-self: flex-start}.hp-news-card__more:hover{text-decoration: underline}.hp-products-grid{display: grid;grid-template-columns: repeat(2,1fr);gap: var(--space-4)}@media (min-width: 640px){.hp-products-grid{grid-template-columns: repeat(3,1fr)}}@media (min-width: 900px){.hp-products-grid{grid-template-columns: repeat(5,1fr)}}.hp-why{background: var(--color-forest);border-radius: var(--radius-xl);padding: var(--space-6);display: grid;grid-template-columns: 1fr;gap: var(--space-6)}@media (min-width: 600px){.hp-why{grid-template-columns: repeat(2,1fr);gap: var(--space-6) var(--space-8);padding: var(--space-8)}}@media (min-width: 1024px){.hp-why{grid-template-columns: repeat(4,1fr)}}.hp-why-item{display: flex;align-items: flex-start;gap: var(--space-4)}@media (min-width: 600px){.hp-why-item:nth-child(2){border-left: 1px solid oklch(100% 0 0 / .18);padding-left: var(--space-6)}}@media (min-width: 1024px){.hp-why-item + .hp-why-item{border-left: 1px solid oklch(100% 0 0 / .18);padding-left: var(--space-6)}}.hp-why-icon{width: 44px;height: 44px;flex-shrink: 0;border-radius: var(--radius-md);background: oklch(100% 0 0 / .12);display: flex;align-items: center;justify-content: center;color: oklch(90% .05 145)}.hp-why-title{font-family: var(--font-display);font-size: var(--text-base);font-weight: 800;color: var(--color-white);line-height: var(--leading-snug);margin-bottom: var(--space-2)}.hp-why-text{font-size: var(--text-xs);color: oklch(84% .04 145);line-height: var(--leading-relaxed);margin: 0 0 var(--space-3)}.hp-why-text strong{color: var(--color-white);font-weight: 700}.hp-why-text a{color: var(--color-white);text-decoration: underline;text-underline-offset: 2px}.hp-why-link{display: inline-flex;align-items: center;gap: 4px;font-size: var(--text-xs);font-weight: 700;color: var(--color-white);border-bottom: 1px solid oklch(100% 0 0 / .45);padding-bottom: 1px;transition: border-color var(--transition-fast)}.hp-why-link:hover{color: var(--color-white);border-bottom-color: var(--color-white)}.hp-cats-grid{display: grid;grid-template-columns: repeat(2,1fr);gap: var(--space-3)}@media (min-width: 640px){.hp-cats-grid{grid-template-columns: repeat(3,1fr)}}@media (min-width: 900px){.hp-cats-grid{grid-template-columns: repeat(5,1fr)}}.hp-cat{display: flex;flex-direction: column;min-width: 0}.hp-cat-tile{position: relative;border-radius: var(--radius-lg);overflow: hidden;aspect-ratio: 3 / 4;display: block;background: var(--color-charcoal);transition: transform var(--transition-base),box-shadow var(--transition-base)}.hp-cat-tile:hover{border-color: var(--color-forest)}.hp-cat-tile__img{width: 100%;height: 100%;object-fit: cover;display: block;transition: transform var(--transition-slow)}.hp-cat-tile__overlay{position: absolute;inset: 0;background: linear-gradient(to top,oklch(17% .008 260 / .8) 0%,oklch(17% .008 260 / .1) 55%,transparent 80%)}.hp-cat-tile__body{position: absolute;bottom: 0;left: 0;right: 0;padding: var(--space-4)}.hp-cat-tile__name{font-family: var(--font-display);font-size: var(--text-md);font-weight: 700;color: var(--color-white);text-transform: uppercase;letter-spacing: var(--tracking-snug);line-height: 1.2;margin-bottom: var(--space-2)}.hp-cat-tile__price{display: inline-block;background: var(--color-forest);color: var(--color-white);font-size: 11px;font-weight: 700;padding: 2px var(--space-3);border-radius: var(--radius-sm)}.hp-cat-list{list-style: none;margin: var(--space-3) 0 0;padding: 0;min-width: 0}.hp-cat-list li{border-top: 1px solid var(--color-fog)}.hp-cat-list li:first-child{border-top: none}.hp-cat-list a{display: block;padding: 7px 0;font-size: var(--text-xs);line-height: var(--leading-snug);color: var(--color-slate);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: color var(--transition-fast)}.hp-cat-list a:hover{color: var(--color-forest)}@media (max-width: 479px){.hp-cat-list li:nth-child(n+3){display: none}}.hp-cat-tile__grad{position: absolute;inset: 0}.hp-about{background: var(--color-forest);border-radius: var(--radius-xl);padding: var(--space-6);display: flex;flex-direction: column;gap: var(--space-6)}@media (min-width: 1024px){.hp-about{flex-direction: row;align-items: center;padding: var(--space-10) var(--space-12);gap: var(--space-10)}}.hp-about__left{flex: 1;min-width: 0}.hp-about__title{font-family: var(--font-display);font-size: clamp(var(--text-2xl),5vw,var(--text-4xl));font-weight: 800;color: var(--color-white);text-transform: uppercase;letter-spacing: var(--tracking-tight);line-height: var(--leading-tight);margin-bottom: var(--space-4)}.hp-about__desc{color: oklch(84% .05 145);font-size: var(--text-base);line-height: var(--leading-relaxed);margin-bottom: var(--space-6)}.hp-about__actions{display: flex;gap: var(--space-3);flex-wrap: wrap}.hp-about__btn--outline{border-color: oklch(55% .08 145);color: oklch(90% .04 145)}.hp-about__btn--solid{background: oklch(28% .09 145);border: 1px solid oklch(40% .08 145);color: oklch(85% .04 145);border-radius: var(--radius-md);padding: var(--space-3) var(--space-5);font-size: var(--text-sm);font-weight: 600}.hp-about__stats{display: grid;grid-template-columns: repeat(3,1fr);gap: var(--space-4);flex-shrink: 0}@media (min-width: 1024px){.hp-about__stats{min-width: 280px}}.hp-stat{text-align: center}.hp-stat__num{font-family: var(--font-display);font-size: clamp(var(--text-2xl),4vw,var(--text-4xl));font-weight: 800;color: var(--color-white);letter-spacing: var(--tracking-tight);line-height: 1}.hp-stat__label{font-size: var(--text-xs);color: oklch(72% .05 145);text-transform: uppercase;letter-spacing: var(--tracking-wide);font-weight: 600;margin-top: var(--space-2)}.hp-brands-strip{padding: var(--space-6) 0;border-top: 1px solid var(--color-fog);border-bottom: 1px solid var(--color-fog)}.hp-brands-label{text-align: center;font-size: var(--text-xs);font-weight: 700;color: var(--color-muted);text-transform: uppercase;letter-spacing: var(--tracking-wider);margin-bottom: var(--space-5)}.hp-brands-logos{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: var(--space-4) var(--space-6)}@media (min-width: 640px){.hp-brands-logos{gap: var(--space-5) var(--space-8)}}.hp-brand-logo{height: 32px;width: auto;object-fit: contain;filter: grayscale(1) opacity(0.55);transition: filter var(--transition-base)}.hp-brand-logo:hover{filter: grayscale(0) opacity(1)}.hp-text-box{background: var(--color-mist);border-radius: var(--radius-xl);padding: var(--space-6)}@media (min-width: 640px){.hp-text-box{padding: var(--space-8) var(--space-10)}}.hp-text-box__title{font-family: var(--font-display);font-size: var(--text-xl);font-weight: 800;color: var(--color-ink);text-transform: uppercase;letter-spacing: var(--tracking-tight);margin-bottom: var(--space-5)}.hp-text-grid{display: grid;grid-template-columns: repeat(2,1fr);gap: var(--space-2) var(--space-6)}@media (min-width: 640px){.hp-text-grid{grid-template-columns: repeat(3,1fr)}}@media (min-width: 900px){.hp-text-grid{grid-template-columns: repeat(4,1fr)}}.hp-text-grid a{font-size: var(--text-sm);color: var(--color-slate);padding: 2px 0;display: block;transition: color var(--transition-fast)}.hp-text-grid a:hover{color: var(--color-forest)}