:where(.approach__title){text-align:center;margin:0 0 clamp(16px,2vw,28px)}.approach-stagger{--rail-h: 4px;--stem: 52px;--col-gap: clamp(40px, 7vw, 110px);--card-max: clamp(360px, 28vw, 520px);--delay-step: .12s;position:relative;isolation:isolate;overflow:visible}.approach-stagger .approach__title{text-align:center;margin:0 0 clamp(38px,6vw,82px)!important}.approach-stagger:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(60% 42% at 18% 30%,hsl(260 70% 62% / .14),transparent 60%),radial-gradient(55% 36% at 82% 40%,hsl(200 70% 58% / .1),transparent 65%);filter:saturate(108%) contrast(103%)}.approach-stagger .stagger{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--col-gap);padding:clamp(20px,3vw,36px) 0;overflow:visible}.approach-stagger .stagger__rail{position:absolute;left:clamp(-64px,-10vw,-130px);right:clamp(-64px,-10vw,-130px);top:50%;height:var(--rail-h);transform:translateY(-50%);background:linear-gradient(90deg,color-mix(in srgb,var(--border) 60%,transparent),color-mix(in oklab,var(--orange) 28%,transparent),color-mix(in srgb,var(--border) 60%,transparent));border-radius:999px;pointer-events:none;z-index:0}@media(hover:hover){.approach-stagger .stagger__rail:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 46%,color-mix(in oklab,#fff 36%,transparent) 50%,transparent 54% 100%);opacity:.75;transform:translate(-100%);animation:rail-sheen 3.8s cubic-bezier(.22,.8,.2,1) infinite}}@keyframes rail-sheen{to{transform:translate(100%)}}.approach-stagger .stagger__item{position:relative;padding-block:clamp(110px,12vw,160px);opacity:0;transform:translateY(12px);will-change:transform,opacity}.approach-stagger.is-inview .stagger__item{animation:as-rise .7s cubic-bezier(.22,.61,.36,1) forwards;animation-delay:calc(var(--i, 0) * var(--delay-step))}.approach-stagger .stagger__dot{position:absolute;left:50%;top:50%;width:30px;height:30px;border-radius:999px;background:color-mix(in srgb,var(--card) 86%,#000 14%);border:0;box-shadow:0 0 0 2px color-mix(in srgb,var(--border) 65%,transparent) inset,0 0 14px color-mix(in oklab,var(--orange) 26%,transparent);z-index:2;opacity:0;transform:translate(-50%,-50%)}.approach-stagger .stagger__dot:after{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;border-radius:999px;transform:translate(-50%,-50%);background:var(--orange);box-shadow:0 0 12px color-mix(in oklab,var(--orange) 40%,transparent)}.approach-stagger.is-inview .stagger__dot{animation:as-dot .7s cubic-bezier(.22,.8,.2,1) forwards,dot-ping 1.8s ease-out calc(var(--i, 0) * var(--delay-step) + .25s)}.approach-stagger .c-1 .stagger__dot:after{background:var(--green)}.approach-stagger .c-3 .stagger__dot:after{background:var(--orange)}.approach-stagger .stagger__card{position:absolute;left:50%;width:min(var(--card-max),100%);background:linear-gradient(180deg,color-mix(in srgb,var(--card) 96%,transparent),color-mix(in srgb,var(--card) 90%,#000 10%) 60%);border:1px solid color-mix(in srgb,var(--border) 78%,transparent);border-radius:14px;padding:16px 18px 18px;text-align:center;box-shadow:0 12px 28px #0000001a,0 0 24px color-mix(in oklab,var(--orange) 10%,transparent);opacity:0;z-index:1;transform:translate(-50%)}.approach-stagger .top .stagger__card{bottom:calc(50% + var(--stem) + var(--rail-h) / 2)}.approach-stagger .bottom .stagger__card{top:calc(50% + var(--stem) + var(--rail-h) / 2)}.approach-stagger .top .stagger__card:after,.approach-stagger .bottom .stagger__card:after{content:"";position:absolute;left:50%;width:2px;background:color-mix(in srgb,var(--border) 80%,var(--gray) 8%);transform:translate(-50%);height:calc(var(--stem) + var(--rail-h) / 2)}.approach-stagger .top .stagger__card:after{top:100%}.approach-stagger .bottom .stagger__card:after{bottom:100%}.approach-stagger .stagger__icon{display:inline-grid;place-items:center;width:42px;height:42px;margin:0 auto 10px;border-radius:999px;background:color-mix(in srgb,var(--orange) 18%,var(--card) 82%);color:color-mix(in srgb,var(--orange) 86%,#000 14%);border:1px solid color-mix(in srgb,var(--orange) 45%,transparent);box-shadow:0 8px 18px color-mix(in oklab,var(--orange) 22%,transparent)}.approach-stagger .c-1 .stagger__icon{background:color-mix(in srgb,var(--green) 18%,var(--card) 82%);color:color-mix(in srgb,var(--green) 86%,#000 14%);border-color:color-mix(in srgb,var(--green) 45%,transparent)}.approach-stagger .stagger__title{margin:0 0 4px;font:700 clamp(1rem,.92rem + .4vw,1.12rem) var(--font-title)}.approach-stagger .stagger__text{margin:0;color:var(--muted);line-height:1.65;font-size:.98rem}@media(hover:hover){.approach-stagger .stagger__card{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.approach-stagger .stagger__item:hover .stagger__card{transform:translate(-50%,-2px);box-shadow:0 16px 40px #0000001f,0 0 30px color-mix(in oklab,var(--orange) 14%,transparent);border-color:color-mix(in srgb,var(--gray) 18%,var(--border))}}@keyframes as-rise{to{opacity:1;transform:translateY(0)}}@keyframes as-dot{0%{transform:translate(-50%,-50%) scale(.85);opacity:0}60%{transform:translate(-50%,-50%) scale(1.03);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}.approach-stagger.is-inview .stagger__item.top .stagger__card{animation:slideUp .68s cubic-bezier(.22,.8,.2,1) forwards;animation-delay:calc(var(--i, 0) * var(--delay-step) + .1s)}.approach-stagger.is-inview .stagger__item.bottom .stagger__card{animation:slideDown .68s cubic-bezier(.22,.8,.2,1) forwards;animation-delay:calc(var(--i, 0) * var(--delay-step) + .1s)}@media(prefers-reduced-motion:reduce){.approach-stagger .stagger__rail,.approach-stagger .stagger__item,.approach-stagger .stagger__dot,.approach-stagger .stagger__card{animation:none!important;opacity:1;transform:none!important}}@keyframes dot-ping{0%{box-shadow:0 0 color-mix(in oklab,var(--orange) 26%,transparent)}70%{box-shadow:0 0 0 12px color-mix(in oklab,var(--orange) 0%,transparent)}to{box-shadow:0 0 color-mix(in oklab,var(--orange) 0%,transparent)}}.approach-stagger .stagger__item{--acc: var(--orange)}.approach-stagger .stagger__item.c-1{--acc: var(--green)}.approach-stagger .stagger__item.c-2{--acc: #22d3ee}.approach-stagger .stagger__item.c-3{--acc: var(--orange)}.approach-stagger .stagger__item.c-4{--acc: #8b5cf6}.approach-stagger .stagger__item .stagger__icon{background:color-mix(in srgb,var(--acc) 18%,var(--card) 82%);color:color-mix(in srgb,var(--acc) 86%,#000 14%);border-color:color-mix(in srgb,var(--acc) 45%,transparent);box-shadow:0 8px 18px color-mix(in oklab,var(--acc) 22%,transparent)}.approach-stagger .stagger__item .stagger__dot{box-shadow:0 0 0 2px color-mix(in srgb,var(--border) 65%,transparent) inset,0 0 14px color-mix(in oklab,var(--acc) 28%,transparent)}.approach-stagger .stagger__item .stagger__dot:after{background:var(--acc)!important;box-shadow:0 0 12px color-mix(in oklab,var(--acc) 40%,transparent)}.approach-stagger .stagger__item .stagger__card:after{background:color-mix(in srgb,var(--acc) 16%,color-mix(in srgb,var(--border) 80%,var(--gray) 8%))}.approach-stagger .stagger__item .stagger__card{box-shadow:0 12px 28px #0000001a,0 0 24px color-mix(in oklab,var(--acc) 10%,transparent)}.approach-stagger .stagger__item .stagger__card:before{content:"";position:absolute;inset:-1px;border-radius:inherit;z-index:-1;background:linear-gradient(140deg,color-mix(in oklab,var(--acc) 55%,transparent),transparent 40% 60%,color-mix(in oklab,var(--acc) 28%,transparent));filter:blur(12px);opacity:.32}@media(hover:hover){.approach-stagger .stagger__item:hover .stagger__card{border-color:color-mix(in srgb,var(--acc) 28%,var(--border));box-shadow:0 16px 40px #0000001f,0 0 30px color-mix(in oklab,var(--acc) 16%,transparent)}}.approach-stagger{--card-min: clamp(220px, 26vw, 320px)}.approach-stagger .stagger__item{padding-block:var(--stem);position:relative}.approach-stagger .stagger__item:after{content:"";display:block;height:var(--card-min)}@media(max-width:1200px){.approach-stagger .stagger{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.approach-stagger .stagger__rail,.approach-stagger .stagger__dot{display:none!important}.approach-stagger .stagger{position:relative;display:grid;gap:20px;padding:0 16px;max-width:720px;margin-inline:auto}.approach-stagger .stagger:before{content:"";position:absolute;inset:0 0 0 50%;width:2px;transform:translate(-50%);background:linear-gradient(180deg,color-mix(in srgb,var(--border) 70%,transparent),color-mix(in oklab,var(--orange) 35%,transparent),color-mix(in srgb,var(--border) 70%,transparent));pointer-events:none;z-index:0}.approach-stagger .stagger__item{display:block;margin:0;padding:0}.approach-stagger .stagger__card{position:relative!important;z-index:1;width:min(520px,100%);margin:0 auto;transform:none!important;box-shadow:0 10px 26px #00000024}.approach-stagger .stagger__card:after{display:none!important}.approach-stagger.is-inview .stagger__item,.approach-stagger.is-inview .stagger__card{animation:none!important;opacity:1!important;transform:none!important}}@media(max-width:1200px){.approach-stagger .stagger__rail,.approach-stagger .stagger__dot,.approach-stagger .stagger__card:after{display:none!important}.approach-stagger .stagger{position:relative;display:block!important;max-width:720px;padding:0 18px;margin:0 auto;--rail-w: 2px;--rail-over-top: 48px;--rail-over-bottom: 90px;overflow:visible}.approach-stagger .stagger:before{content:"";position:absolute;left:50%;transform:translate(-50%);top:calc(-1 * var(--rail-over-top));height:calc(100% + var(--rail-over-top) + var(--rail-over-bottom));width:var(--rail-w);border-radius:999px;pointer-events:none;z-index:0;background:linear-gradient(180deg,color-mix(in srgb,var(--border) 60%,transparent),color-mix(in oklab,var(--orange) 30%,transparent),color-mix(in srgb,var(--border) 60%,transparent));-webkit-mask-image:linear-gradient(to bottom,transparent 0 8%,#000 16% 84%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0 8%,#000 16% 84%,transparent 100%)}.approach-stagger .stagger:after{content:"";position:absolute;left:50%;transform:translate(-50%,-100%);top:calc(-1 * var(--rail-over-top));height:calc(100% + var(--rail-over-top) + var(--rail-over-bottom));width:max(6px,calc(var(--rail-w) * 2));pointer-events:none;z-index:-1;background:linear-gradient(180deg,transparent 0%,color-mix(in oklab,#fff 40%,transparent) 8%,transparent 16%);mix-blend-mode:screen;opacity:.55;animation:rail-sheen-v 3.2s cubic-bezier(.22,.8,.2,1) infinite}@keyframes rail-sheen-v{0%{transform:translate(-50%,-100%)}to{transform:translate(-50%,100%)}}.approach-stagger .stagger__item{position:relative!important;display:block!important;margin:22px 0!important;padding:0!important}.approach-stagger .stagger__item:after{display:none!important}.approach-stagger .stagger__card{position:relative!important;inset:auto!important;transform:none!important;width:min(540px,100%)!important;margin:0 auto!important;z-index:1;box-shadow:0 10px 26px #00000024;text-align:center}.approach-stagger.is-inview .stagger__item,.approach-stagger.is-inview .stagger__card{animation:none!important;opacity:1!important;transform:none!important}#approche.approach-stagger .stagger__rail:after,#approche.approach-stagger .stagger:after{display:none!important;content:""!important}}:root[data-theme=light] .approach-stagger .stagger:before{background:linear-gradient(180deg,color-mix(in srgb,var(--border) 85%,#000 12%),color-mix(in oklab,var(--orange) 45%,#000 6%),color-mix(in srgb,var(--border) 85%,#000 12%))}:root[data-theme=light] .approach-stagger .stagger:after{opacity:.8;width:max(8px,calc(var(--rail-w) * 3.5));background:linear-gradient(180deg,transparent 0%,color-mix(in oklab,#fff 30%,var(--orange) 65%) 10%,transparent 22%);mix-blend-mode:overlay;filter:saturate(110%) contrast(110%)}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .approach-stagger .stagger:before{background:linear-gradient(180deg,color-mix(in srgb,var(--border) 85%,#000 12%),color-mix(in oklab,var(--orange) 45%,#000 6%),color-mix(in srgb,var(--border) 85%,#000 12%))}:root:not([data-theme=dark]) .approach-stagger .stagger:after{opacity:.8;width:max(8px,calc(var(--rail-w) * 3.5));background:linear-gradient(180deg,transparent 0%,color-mix(in oklab,#fff 70%,var(--orange) 25%) 10%,transparent 22%);mix-blend-mode:overlay;filter:saturate(110%) contrast(110%)}}.approach-stagger--teaser .stagger{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:clamp(14px,2vw,22px);padding:0}.approach-stagger--teaser .stagger__item{opacity:1;transform:none;padding:0}.approach-stagger--teaser .stagger__card{position:relative;width:auto;transform:none;box-shadow:0 10px 26px #00000024}.approach-cta{text-align:center;margin-top:1rem}.approach-stagger{--edge: clamp(24px, 4vw, 64px)}.approach-stagger .stagger{padding-inline:var(--edge)}.approach-stagger .stagger__rail{left:calc(-1 * var(--edge));right:calc(-1 * var(--edge))}.approach-stagger .stagger__card{width:min(var(--card-max))}.approach-stagger--teaser:before{content:none!important}.approach-stagger--teaser .stagger{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:clamp(14px,2vw,22px)!important;padding:0!important;padding-inline:var( --edge, clamp(24px, 4vw, 64px) )!important;overflow:visible!important}.approach-stagger--teaser .stagger__rail,.approach-stagger--teaser .stagger__dot,.approach-stagger--teaser .stagger__card:after{display:none!important}.approach-stagger--teaser .stagger__item,.approach-stagger--teaser .stagger__item:after{opacity:1!important;transform:none!important;padding:0!important;margin:0!important;height:auto!important}.approach-stagger--teaser .stagger__card{position:relative!important;inset:auto!important;transform:none!important;text-align:center;padding:14px 16px;box-shadow:0 10px 26px #00000024}.approach-stagger--teaser .stagger__text{display:none!important}.approach-stagger--teaser .stagger__icon{width:38px;height:38px;margin:0 auto 8px}.approach-stagger--teaser .stagger__title{margin-bottom:0}.approach-stagger--teaser .stagger__snippet{margin-top:4px;font-size:.95rem;line-height:1.4;opacity:.85;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.approach-stagger--teaser .stagger{margin-bottom:clamp(16px,3vw,36px)}.approach-stagger--teaser .approach-cta{text-align:center;margin-top:clamp(14px,2.5vw,28px)}.approach-stagger--teaser+.approach-cta,#approach.approach-stagger--teaser+.approach-cta{display:block;text-align:center;margin-top:clamp(14px,2.5vw,28px)}.approach-stagger--teaser .stagger{position:relative}.approach-stagger--teaser .stagger:before{content:"";position:absolute;left:clamp(24px,4vw,64px);right:clamp(24px,4vw,64px);top:50%;height:4px;transform:translateY(-50%);border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--border) 65%,transparent),color-mix(in oklab,var(--orange) 28%,transparent),color-mix(in srgb,var(--border) 65%,transparent));pointer-events:none;z-index:0}:root[data-theme=light] .approach-stagger--teaser .stagger:before{background:linear-gradient(90deg,color-mix(in srgb,var(--border) 85%,#000 10%),color-mix(in oklab,var(--orange) 45%,#000 6%),color-mix(in srgb,var(--border) 85%,#000 10%))}.approach-stagger--teaser .stagger__card{position:relative;z-index:1;background:linear-gradient(180deg,color-mix(in srgb,var(--card) 96%,transparent),color-mix(in srgb,var(--card) 90%,#000 10%) 60%);border:1px solid color-mix(in srgb,var(--acc, var(--orange)) 28%,var(--border));box-shadow:0 12px 28px #0000001f,0 0 24px color-mix(in oklab,var(--acc, var(--orange)) 16%,transparent);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.approach-stagger--teaser .stagger__card:before{content:"";position:absolute;inset:-1px;border-radius:inherit;z-index:-1;background:linear-gradient(140deg,color-mix(in oklab,var(--acc, var(--orange)) 55%,transparent),transparent 40% 60%,color-mix(in oklab,var(--acc, var(--orange)) 28%,transparent));filter:blur(14px);opacity:.32}.approach-stagger--teaser .stagger__card:hover,.approach-stagger--teaser .stagger__card:focus-visible{transform:translateY(-2px);border-color:color-mix(in srgb,var(--acc, var(--orange)) 36%,var(--border));box-shadow:0 16px 36px #00000029,0 0 30px color-mix(in oklab,var(--acc, var(--orange)) 20%,transparent);outline:none}.approach-stagger--teaser .stagger__icon{background:color-mix(in srgb,var(--acc, var(--orange)) 18%,var(--card) 82%);color:color-mix(in srgb,var(--acc, var(--orange)) 86%,#000 14%);border:1px solid color-mix(in srgb,var(--acc, var(--orange)) 45%,transparent);box-shadow:0 8px 18px color-mix(in oklab,var(--acc, var(--orange)) 22%,transparent)}#approach .c-1{--acc: var(--green)}#approach .c-2{--acc: #22d3ee}#approach .c-3{--acc: var(--orange)}#approach .c-4{--acc: #8b5cf6}@media(max-width:768px){.approach-stagger--teaser .stagger{grid-template-columns:1fr!important;padding-inline:0!important;margin-inline:auto!important;max-width:100%!important}.approach-stagger--teaser .stagger__card{width:100%!important;max-width:none!important;margin-inline:0!important}}
