.intro-section{display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding-bottom:60px;width:100%}.intro-header{display:flex;flex-direction:column;width:100%;align-items:flex-start;gap:12px}.intro-title-wrapper{display:flex;align-items:center;gap:8px}.intro-decoration{width:16px;height:10px;background-color:var(--primary-dark-grey-500);border-radius:99px}.intro-subtitle{font-family:var(--body-regular-m-font-family);font-weight:var(--body-regular-m-font-weight);color:var(--primary-dark-grey-500);font-size:var(--body-regular-m-font-size);letter-spacing:var(--body-regular-m-letter-spacing);line-height:var(--body-regular-m-line-height);white-space:nowrap;font-style:var(--body-regular-m-font-style)}.intro-headline{font-family:Archivo Medium,sans-serif;color:var(--primary-dark-grey-900);font-size:28px;letter-spacing:0;line-height:120%}.intro-features{display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:16px}.feature-card{display:flex;flex-direction:column;width:100%;align-items:flex-start;gap:8px}.feature-title{font-family:Work Sans Medium,sans-serif;color:var(--secondary-green-500);font-size:20px;letter-spacing:0;line-height:140%}.feature-description{font-family:var(--body-regular-s-font-family);color:var(--primary-dark-grey-500);font-size:var(--body-regular-s-font-size);letter-spacing:var(--body-regular-s-letter-spacing);line-height:var(--body-regular-s-line-height);font-style:var(--body-regular-s-font-style)}@media (max-width: 576px){.intro-section{padding:0}}@media (min-width: 576px){.intro-headline{font-size:32px}.intro-features{flex-direction:row;flex-wrap:wrap}.feature-card{width:calc(50% - 8px)}}@media (min-width: 768px){.intro-section{gap:32px}.intro-headline{font-size:36px}.feature-title{font-size:22px}}@media (min-width: 992px){.intro-headline{font-size:42px}.intro-features{flex-wrap:nowrap}.feature-card{width:calc(25% - 12px)}}@media (min-width: 1200px){.intro-section{gap:40px}.intro-headline{font-size:48px}.feature-title{font-size:24px}.feature-description{font-family:var(--body-regular-m-font-family);color:var(--primary-dark-grey-500);font-size:var(--body-regular-m-font-size);letter-spacing:var(--body-regular-m-letter-spacing);line-height:var(--body-regular-m-line-height);font-style:var(--body-regular-m-font-style)}.intro-decoration{width:20px;height:12px}}.variant-section{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding-top:80px;overflow-x:hidden}.desktop-variant{display:flex;flex-direction:column;align-items:flex-start;gap:40px;width:100%}.variant-header{display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:100%}.variant-tag{display:flex;align-items:center;gap:8px}.tag-indicator{width:20px;height:12px;background-color:var(--primary-dark-grey-500);border-radius:99px}.tag-text{font-family:var(--body-regular-m-font-family);font-weight:var(--body-regular-m-font-weight);color:var(--primary-dark-grey-500);font-size:var(--body-regular-m-font-size);letter-spacing:var(--body-regular-m-letter-spacing);line-height:var(--body-regular-m-line-height);white-space:nowrap;font-style:var(--body-regular-m-font-style)}.variant-title{font-family:Archivo Medium,sans-serif;color:var(--primary-dark-grey-900);font-size:48px;letter-spacing:0;line-height:120%}.variant-content{display:flex;width:100%;align-items:flex-start;gap:16px}.variant-cards{display:flex;flex-direction:column;width:32.42%;min-width:300px;height:680px;align-items:flex-start;gap:16px}.variant-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:16px;gap:16px;flex:1;width:100%;border-radius:6px;cursor:pointer}.variant-card.primary{background-color:var(--secondary-green-500);border:1px solid var(--secondary-green-200)}.variant-card:not(.primary){border:1px solid var(--primary-light-grey-500)}.variant-card:not(.primary):hover{border-color:var(--secondary-green-100);background-color:var(--primary-light-grey-50);transform:translateY(-2px)}.card-content{display:flex;flex-direction:column;align-items:flex-start;gap:12px;position:relative;align-self:stretch;width:100%;flex:0 0 auto}.card-header{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.card-number,.card-number.secondary{font-family:Work Sans Bold,sans-serif;font-size:var(--title-bold-XL-font-size);letter-spacing:var(--title-bold-XL-letter-spacing);line-height:var(--title-bold-XL-line-height);white-space:nowrap;font-style:var(--title-bold-XL-font-style)}.card-number{color:var(--primary-light-grey-50)}.card-number.secondary{color:var(--primary-dark-grey-500)}.card-name,.card-name.secondary{font-family:Work Sans Bold,sans-serif;font-style:var(--title-bold-XL-font-style);letter-spacing:var(--title-bold-XL-letter-spacing);line-height:var(--title-bold-XL-line-height);font-size:var(--title-bold-XL-font-size)}.card-name{color:var(--primary-light-grey-50)}.card-name.secondary{color:var(--primary-dark-grey-500)}.card-description,.card-description.secondary{font-family:var(--body-regular-m-font-family);font-size:var(--body-regular-m-font-size);letter-spacing:var(--body-regular-m-letter-spacing);line-height:var(--body-regular-m-line-height);font-style:var(--body-regular-m-font-style)}.card-description{color:var(--primary-light-grey-50)}.card-description.secondary{color:var(--primary-dark-grey-500)}.card-link,.card-link.secondary{font-family:var(--body-regular-s-font-family);font-weight:var(--body-regular-s-font-weight);font-size:var(--body-regular-s-font-size);letter-spacing:var(--body-regular-s-letter-spacing);line-height:var(--body-regular-s-line-height);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;font-style:var(--body-regular-s-font-style);text-decoration:none;transition:all .2s ease}.card-link{color:var(--primary-light-grey-50)}.card-link.secondary{color:var(--primary-dark-grey-500)}.card-link:hover{gap:8px}.variant-images{position:relative;width:66.25%;height:680px;background-color:var(--primary-dark-grey-50);border-radius:6px;overflow:hidden;display:flex;justify-content:center;align-items:center}.main-image{max-width:90%;max-height:90%;object-fit:contain;mix-blend-mode:multiply}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000000b3;transition:.3s ease-in-out}.modal-content{position:relative;background-color:#fefefe;margin:5% auto;padding:10px;border-radius:10px;width:90%;max-width:700px;box-shadow:0 4px 15px #0000004d;animation:fadeIn .4s}.modal-content img{width:100%;height:auto;border-radius:6px}.close{color:#aaa;font-size:28px;font-weight:700;position:absolute;right:15px;top:10px;cursor:pointer}.close:hover{color:#333}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.mobile-variant{display:none;flex-direction:column;gap:20px;padding-top:60px;width:100%;box-sizing:border-box}.mobile-variant-slider{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;width:100%;gap:16px;padding-bottom:10px;scrollbar-width:none}.mobile-variant-slider::-webkit-scrollbar{display:none}.mobile-variant-card{scroll-snap-align:start;flex:0 0 100%;display:flex;flex-direction:column;gap:12px;padding:12px;background-color:var(--primary-light-grey-100);border-radius:6px;box-sizing:border-box}.mobile-variant-card .card-header{display:flex;flex-direction:column;gap:4px}.mobile-variant-card .card-number{font-family:Work Sans Bold,sans-serif;font-size:20px;line-height:120%;color:var(--primary-dark-grey-900)}.mobile-variant-card .card-name{font-family:Work Sans Bold,sans-serif;font-size:20px;line-height:120%;color:var(--primary-dark-grey-900);margin:0}.mobile-variant-card .card-description{font-family:var(--body-regular-s-font-family);font-size:14px;line-height:120%;color:var(--primary-dark-grey-900);margin:0}.variant-image{width:100%;height:180px;border-radius:6px;overflow:hidden;margin-top:auto}.variant-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.variant-button{display:flex;align-items:center;justify-content:center;height:40px;padding:0 16px;border-radius:6px;border:1px solid var(--secondary-green-800);background-color:var(--secondary-green-200);color:var(--secondary-green-900);font-family:var(--body-regular-m-font-family);font-weight:var(--body-regular-m-font-weight);font-size:16px;line-height:140%;cursor:pointer;margin-top:16px;transition:background-color .3s}.variant-button:hover{background-color:var(--secondary-green-300)}.mobile-slider-controls{display:flex;align-items:center;gap:0;border-radius:6px;border:1px solid var(--primary-light-grey-500);width:fit-content;margin:0}.mobile-slider-prev,.mobile-slider-next{width:50px;height:44px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;font-family:Work Sans,sans-serif;color:var(--primary-dark-grey-900);font-size:20px;padding:12px;transition:background-color .3s}.mobile-slider-prev{border-radius:6px 0 0 6px}.mobile-slider-next{border-radius:0 6px 6px 0}.mobile-slider-divider{width:1px;height:33px;background-color:var(--primary-light-grey-500)}@media (hover: hover) and (pointer: fine){.mobile-slider-prev:hover,.mobile-slider-next:hover{background-color:var(--primary-dark-grey-500);color:var(--primary-dark-grey-50)}}.mobile-slider-prev:active,.mobile-slider-next:active{background-color:var(--primary-dark-grey-900);color:var(--primary-dark-grey-50)}.mobile-slider-prev:disabled,.mobile-slider-next:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary-dark:disabled{background-color:var(--primary-light-grey-50);border-color:var(--primary-dark-grey-800);color:var(--primary-dark-grey-900)}@media (hover: hover) and (pointer: fine){.btn-primary-dark:disabled:hover{background:var(--primary-light-grey-500);color:var(--primary-dark-grey-900)}}.btn-primary-dark:disabled:active{background:var(--primary-light-grey-500);color:var(--primary-dark-grey-900)}@media (max-width: 767px){.variant-title{font-size:28px}.mobile-variant{display:flex}.desktop-variant{display:none}.variant-section{padding-top:60px}.variant-button{border-radius:4px}}@media (min-width: 600px) and (max-width: 899px){.mobile-variant-card{flex:0 0 calc(50% - 8px)}.mobile-slider-controls{display:none}.variant-title{font-size:32px}}