@charset "UTF-8";.timeline-benefits-section *,.timeline-benefits-section *:before,.timeline-benefits-section *:after{box-sizing:border-box}.timeline-benefits-section .page-width{max-width:var(--container-md);margin:0 auto}.timeline-benefits-section .timeline-heading{margin-top:0;margin-bottom:1rem;letter-spacing:var(--font-h2-spacing, -.02em);color:var(--section-heading-color)}.timeline-benefits-section .timeline-description{font-size:1.125rem;line-height:1.6;color:var(--section-text-color);margin-bottom:1.5rem}.timeline-benefits-section .timeline-description p:first-child{margin-top:0}.timeline-benefits-section .timeline-description p:last-child{margin-bottom:0}.timeline-benefits-section .timeline-tab{display:flex;align-items:center;padding:.75rem;background:transparent;border:2px solid transparent;cursor:pointer;text-align:left;transition:all .2s ease;margin-bottom:.25rem;position:relative;z-index:3;border-radius:8px;transform-origin:left center}.timeline-benefits-section .timeline-tab.active{background:linear-gradient(135deg,#2e43460f,#2e43461a);border:1.5px solid rgba(46,67,70,.25);box-shadow:0 4px 12px #00000012,0 2px 4px #2e43461a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.timeline-benefits-section .timeline-marker{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;margin-right:1rem;flex-shrink:0;position:relative}.timeline-benefits-section .timeline-dot{width:1.75rem;height:1.75rem;border-radius:50%;border:2px solid rgba(0,0,0,.2);background-color:#fff;transition:all .2s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3}.timeline-benefits-section .timeline-tab.active .timeline-dot{background-color:var(--section-accent-color);border-color:var(--section-accent-color);transform:translate(-50%,-50%) scale(1.1)}.timeline-benefits-section .timeline-day{font-size:1.125rem;font-weight:600;color:var(--section-text-color);transition:color .2s ease}.timeline-benefits-section .timeline-tab.active .timeline-day{color:var(--section-heading-color)}.timeline-benefits-section .timeline-tab:not(.active):hover{background:linear-gradient(135deg,#2e434614,#2e43461f);border-color:#2e43464d;border-width:1.5px;transform:translate(4px);box-shadow:0 6px 20px #0000001a,0 2px 6px #2e434626}.timeline-benefits-section .timeline-tab:not(.active):hover .timeline-day{color:var(--section-heading-color);font-weight:700}.timeline-benefits-section .timeline-tab:not(.active):hover .timeline-dot{border-color:var(--section-accent-color);background-color:#2e434626;transform:translate(-50%,-50%) scale(1.15)}.timeline-benefits-section .timeline-tab.active:hover{background:linear-gradient(135deg,#2e43461a,#2e434624);border-color:#2e434659;box-shadow:0 6px 24px #0000001f,0 3px 8px #2e434633}.timeline-benefits-section .timeline-detail-content{display:none;background-color:var(--tab-bg-color);border-radius:.75rem;padding:2rem;box-shadow:0 4px 12px #0000000f}.timeline-benefits-section .timeline-detail-content.active{display:block}.timeline-benefits-section .timeline-detail-header{margin-bottom:1.5rem}.timeline-benefits-section .timeline-detail-title{font-size:2rem;font-weight:700;margin-top:0;margin-bottom:1rem;color:var(--section-heading-color)}.timeline-benefits-section .timeline-detail-description{font-size:1rem;line-height:1.6;margin-bottom:1.5rem;color:var(--section-text-color)}.timeline-benefits-section .timeline-detail-description p:first-child{margin-top:0}.timeline-benefits-section .timeline-detail-description p:last-child{margin-bottom:0}.timeline-benefits-section .timeline-checklist{margin-bottom:1.5rem}.timeline-benefits-section .timeline-checklist p{display:flex;align-items:flex-start;margin:.75rem 0;line-height:1.5;position:relative;padding-left:2.25rem;color:var(--section-text-color);font-size:1rem}.timeline-benefits-section .timeline-checklist p:before{content:"\2713";position:absolute;left:0;top:.1rem;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;line-height:1;color:var(--section-accent-color);flex-shrink:0}.timeline-benefits-section .timeline-checklist p:first-child{margin-top:0}.timeline-benefits-section .timeline-checklist p:last-child{margin-bottom:0}.timeline-benefits-section .timeline-content-flex{display:flex;align-items:flex-end;gap:2rem;margin-top:1.5rem;flex-direction:row}.timeline-benefits-section .timeline-image-container{width:50%;flex-shrink:0;display:block}.timeline-benefits-section .timeline-image{display:block;width:100%;height:auto;max-height:250px;border-radius:.5rem;object-fit:cover}.timeline-benefits-section .timeline-button-container{display:flex;align-items:flex-end;justify-content:flex-end;flex-grow:1;width:auto;order:0;margin-top:0}.timeline-benefits-section .timeline-button{display:inline-block;background-color:var(--button-bg-color);color:var(--button-text-color);font-size:1rem;font-weight:600;padding:1rem 2rem;border-radius:.5rem;text-decoration:none;transition:all .2s ease;border:none;cursor:pointer;text-align:center;white-space:nowrap}.timeline-benefits-section .timeline-button:hover{opacity:.9}.timeline-benefits-section .timeline-image-column-mobile{display:none}@media screen and (min-width:1024px){.timeline-benefits-section .section-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);grid-template-rows:auto auto 1fr;grid-template-areas:"header      header" "description details" "tabs        details";gap:1.5rem 3rem;align-items:start}.timeline-benefits-section .timeline-heading{grid-area:header;margin-bottom:1.5rem}.timeline-benefits-section .timeline-description{grid-area:description;margin-bottom:1.5rem;align-self:start}.timeline-benefits-section .timeline-content{grid-area:tabs;align-self:start;position:sticky;top:2rem}.timeline-benefits-section .timeline-details{grid-area:details;align-self:start}.timeline-benefits-section .timeline-image-column-mobile{display:none}.timeline-benefits-section .timeline-tabs{display:flex;flex-direction:column;position:relative;padding-bottom:1px;flex-wrap:nowrap;gap:0;margin-top:0}.timeline-benefits-section .timeline-line{display:block;position:absolute;left:1.5rem;width:2px;background-color:#0000001a;transform:translate(-50%);z-index:1;height:0;top:0;bottom:auto;transition:top .3s ease,height .3s ease}.timeline-benefits-section .timeline-tabs:before{display:block;content:"";position:absolute;left:1.5rem;width:2px;background-color:var(--section-accent-color);transform:translate(-50%);z-index:2;top:var(--progress-line-top, 0);height:var(--progress-line-height, 0);transition:top .3s ease,height .3s ease}.timeline-benefits-section .timeline-tab{padding:.75rem;margin-bottom:.25rem;transform-origin:left center;transform:none;flex-grow:0}.timeline-benefits-section .timeline-tab.active{background:linear-gradient(135deg,#2e43460f,#2e43461a);border:1.5px solid rgba(46,67,70,.25);box-shadow:0 4px 12px #00000012,0 2px 4px #2e43461a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.timeline-benefits-section .timeline-tab:not(.active):hover{transform:translate(4px);background:linear-gradient(135deg,#2e434614,#2e43461f);border-color:#2e43464d;border-width:1.5px;box-shadow:0 6px 20px #0000001a,0 2px 6px #2e434626}.timeline-benefits-section .timeline-tab.active:hover{background:linear-gradient(135deg,#2e43461a,#2e434624);border-color:#2e434659;box-shadow:0 6px 24px #0000001f,0 3px 8px #2e434633}.timeline-benefits-section .timeline-tab.active .timeline-dot{background-color:var(--section-accent-color);border-color:var(--section-accent-color);transform:translate(-50%,-50%) scale(1.1)}.timeline-benefits-section .timeline-marker{margin-right:1rem;width:3rem;height:3rem}.timeline-benefits-section .timeline-dot{width:1.75rem;height:1.75rem;border-width:2px}.timeline-benefits-section .timeline-day{font-size:1.125rem}.timeline-benefits-section .timeline-detail-content .timeline-image-container{display:block;width:50%}.timeline-benefits-section .timeline-content-flex{flex-direction:row;align-items:flex-end;gap:2rem;margin-top:1.5rem}.timeline-benefits-section .timeline-button-container{width:auto;justify-content:flex-end;order:0;margin-top:0}.timeline-benefits-section .timeline-button{padding:1rem 2rem;font-size:1rem}}@media screen and (max-width:1023px){.timeline-benefits-section .section-grid{grid-template-columns:1fr;grid-template-rows:auto auto auto auto;grid-template-areas:"header" "description" "tabs" "details";gap:1.5rem;align-items:start}.timeline-benefits-section .timeline-heading{grid-area:header;margin-bottom:0}.timeline-benefits-section .timeline-description{grid-area:description;margin-bottom:0}.timeline-benefits-section .timeline-content{grid-area:tabs;align-self:start;position:static}.timeline-benefits-section .timeline-details{grid-area:details}.timeline-benefits-section .timeline-image-column-mobile{display:none}.timeline-benefits-section .timeline-tabs{margin-top:0;position:static;flex-direction:row;flex-wrap:wrap;gap:.5rem 1rem;padding-bottom:0}.timeline-benefits-section .timeline-line,.timeline-benefits-section .timeline-tabs:before{display:none}.timeline-benefits-section .timeline-tab{flex-grow:0;margin-bottom:0;padding:.5rem;transform:none;background-color:transparent}.timeline-benefits-section .timeline-tab:not(.active):hover{transform:none;background-color:transparent}.timeline-benefits-section .timeline-tab:not(.active):hover .timeline-day{color:var(--section-heading-color)}.timeline-benefits-section .timeline-tab:not(.active):hover .timeline-dot{border-color:var(--section-accent-color);background-color:var(--section-accent-color)}.timeline-benefits-section .timeline-marker{margin-right:.5rem;width:2.5rem;height:2.5rem}.timeline-benefits-section .timeline-dot{width:1.5rem;height:1.5rem}.timeline-benefits-section .timeline-day{font-size:1rem}.timeline-benefits-section .timeline-detail-content{min-height:0;padding:1.5rem}.timeline-benefits-section .timeline-detail-title{font-size:1.75rem}.timeline-benefits-section .timeline-image-container{width:40%}}@media screen and (max-width:767px){.timeline-benefits-section .section-grid{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto auto;grid-template-areas:"intro-h intro-h" "intro-d intro-d" "tabs    image" "details details";gap:1rem 1.5rem;align-items:start}.timeline-benefits-section .timeline-heading{grid-area:intro-h;margin-bottom:0}.timeline-benefits-section .timeline-description{grid-area:intro-d;margin-bottom:1rem}.timeline-benefits-section .timeline-content{grid-area:tabs;align-self:start;position:static}.timeline-benefits-section .timeline-tabs{margin-top:0;position:relative;display:flex;flex-direction:column;flex-wrap:nowrap;gap:0;padding-bottom:1px}.timeline-benefits-section .timeline-details{grid-area:details;width:100%}.timeline-benefits-section .timeline-image-column-mobile{grid-area:image;display:block;width:100%;align-self:center;padding-top:.5rem}.timeline-benefits-section .timeline-detail-content .timeline-image-container{display:none}.timeline-benefits-section .timeline-description{font-size:.9rem}.timeline-benefits-section .timeline-line{display:block;position:absolute;bottom:auto;width:2px;background-color:#0000001a;left:1.5rem;transform:translate(-50%);z-index:1;height:0;top:0;transition:top .3s ease,height .3s ease}.timeline-benefits-section .timeline-tabs:before{display:block;content:"";position:absolute;left:1.5rem;width:2px;background-color:var(--section-accent-color);transform:translate(-50%);z-index:2;top:var(--progress-line-top, 0);height:var(--progress-line-height, 0);transition:top .3s ease,height .3s ease}.timeline-benefits-section .timeline-tab{padding:.25rem .5rem;transform:none;margin-bottom:0rem;background-color:transparent}.timeline-benefits-section .timeline-tab:not(.active):hover{transform:none;background-color:transparent}.timeline-benefits-section .timeline-tab:not(.active):hover .timeline-day{color:var(--section-heading-color)}.timeline-benefits-section .timeline-tab:not(.active):hover .timeline-dot{border-color:var(--section-accent-color);background-color:var(--section-accent-color)}.timeline-benefits-section .timeline-day{font-size:.9rem}.timeline-benefits-section .timeline-marker{width:3rem;height:3rem;margin-right:.75rem}.timeline-benefits-section .timeline-dot{width:1.5rem;height:1.5rem;border-width:1px;z-index:3}.timeline-benefits-section .timeline-detail-content{padding:1.5rem;min-height:0}.timeline-benefits-section .timeline-detail-title{font-size:1.3rem}.timeline-benefits-section .timeline-detail-description{font-size:.9rem;line-height:1.5}.timeline-benefits-section .timeline-checklist p{font-size:.9rem;line-height:1.5;padding-left:2rem;margin:.5rem 0}.timeline-benefits-section .timeline-checklist p:before{width:1.25rem;height:1.25rem;top:.15rem}.timeline-benefits-section .timeline-content-flex{flex-direction:column;align-items:center;gap:1rem}.timeline-benefits-section .timeline-button-container{width:100%;justify-content:center;margin-top:0;display:flex;order:10}.timeline-benefits-section .timeline-button{padding:.75rem 1.5rem;font-size:.9rem}.timeline-benefits-section .timeline-image-column-mobile .mobile-cloned-image{display:none;width:100%;border-radius:.5rem;overflow:hidden}.timeline-benefits-section .timeline-image-column-mobile .mobile-cloned-image.active{display:block}.timeline-benefits-section .timeline-image-column-mobile .mobile-image-placeholder{display:flex;align-items:center;justify-content:center;background:#eee;min-height:150px;width:100%;aspect-ratio:1 / 1;border-radius:.5rem}.timeline-benefits-section .timeline-image-column-mobile .timeline-image{display:block;width:100%;height:auto;max-height:300px;object-fit:cover}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-timeline-benefits.css.map */