.methodology-section{position:relative;overflow:hidden;background:radial-gradient(circle at 8% 8%,rgb(18 103 232 / 25%),transparent 27%),radial-gradient(circle at 94% 82%,rgb(28 191 255 / 15%),transparent 25%),var(--tetis-navy-950);color:var(--tetis-text-on-dark)}.methodology-section::before{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgb(115 201 255 / 5%) 1px,transparent 1px),linear-gradient(90deg,rgb(115 201 255 / 5%) 1px,transparent 1px);background-size:52px 52px;content:''}.methodology-section::after{position:absolute;top:-210px;right:-160px;width:500px;aspect-ratio:1;border:1px solid rgb(53 206 255 / 27%);border-radius:50%;box-shadow:0 0 90px rgb(28 191 255 / 10%);content:''}
.methodology-section__inner{position:relative;z-index:1;padding-top:clamp(76px,9vw,130px);padding-bottom:clamp(76px,9vw,132px)}.methodology-section__heading{max-width:840px}.methodology-section__eyebrow{color:var(--tetis-cyan)}.methodology-section__heading h2{max-width:13ch;margin:0;color:var(--tetis-text-on-dark);font:700 clamp(40px,4.6vw,70px)/1.04 Arial,Helvetica,sans-serif;letter-spacing:-.052em}.methodology-section__heading h2 span{color:var(--tetis-headline-blue)}.methodology-section__heading>p:last-child{max-width:690px;margin:22px 0 0;color:var(--tetis-text-on-dark-muted);font:400 clamp(17px,1.35vw,20px)/1.5 Arial,Helvetica,sans-serif}
.methodology-steps{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(14px,1.55vw,24px);margin:clamp(58px,7vw,90px) 0 0;padding:35px 0 0;list-style:none}.methodology-steps::before{position:absolute;z-index:0;top:59px;right:10%;left:10%;height:1px;background:linear-gradient(90deg,transparent 0%,var(--tetis-blue-interactive) 8%,var(--tetis-cyan) 50%,var(--tetis-blue-interactive) 92%,transparent 100%);box-shadow:0 0 16px rgb(28 191 255 / 68%);content:''}.methodology-step{position:relative;z-index:1;min-height:290px;padding:50px 24px 26px;border:1px solid rgb(77 180 255 / 43%);border-radius:14px;background:linear-gradient(155deg,rgb(7 35 64 / 92%),rgb(2 18 38 / 89%));box-shadow:inset 0 1px 0 rgb(182 230 255 / 9%),0 16px 42px rgb(0 4 15 / 22%)}.methodology-step::before{position:absolute;top:11px;left:24px;width:18px;height:18px;border:4px solid var(--tetis-navy-950);border-radius:50%;background:var(--tetis-cyan);box-shadow:0 0 0 1px var(--tetis-cyan),0 0 20px rgb(53 206 255 / 88%);content:''}.methodology-step__number{display:block;color:#74cfff;font:700 clamp(31px,2.5vw,42px)/1 Arial,Helvetica,sans-serif;letter-spacing:-.05em}.methodology-step h3{max-width:13ch;margin:18px 0 0;color:var(--tetis-text-on-dark);font:700 clamp(19px,1.5vw,24px)/1.13 Arial,Helvetica,sans-serif;letter-spacing:-.035em}.methodology-step p{margin:17px 0 0;color:var(--tetis-text-on-dark-muted);font:400 15px/1.5 Arial,Helvetica,sans-serif}.methodology-section__closing{margin:clamp(42px,5vw,70px) 0 0;color:#d7efff;font:600 clamp(19px,1.8vw,26px)/1.3 Arial,Helvetica,sans-serif;letter-spacing:-.025em}
@media (max-width:1180px){.methodology-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.methodology-steps::before{top:58px;right:0;left:0}.methodology-step{min-height:265px}.methodology-step:nth-child(4){grid-column:1 / span 1}.methodology-step:nth-child(5){grid-column:2 / span 1}}
@media (max-width:760px){.methodology-section::before{background-size:36px 36px}.methodology-section::after{top:auto;right:-230px;bottom:-170px}.methodology-section__inner{padding-top:72px;padding-bottom:76px}.methodology-section__heading h2{max-width:11ch;font-size:clamp(36px,10vw,48px)}.methodology-section__heading>p:last-child{font-size:16px}.methodology-steps{display:grid;grid-template-columns:1fr;gap:14px;margin-top:48px;padding:0 0 0 34px}.methodology-steps::before{top:18px;bottom:18px;left:9px;width:1px;height:auto;background:linear-gradient(var(--tetis-cyan),rgb(28 191 255 / 23%));box-shadow:0 0 12px rgb(28 191 255 / 60%)}.methodology-step,.methodology-step:nth-child(4),.methodology-step:nth-child(5){grid-column:auto;min-height:0;padding:25px 22px}.methodology-step::before{top:28px;left:-34px;width:16px;height:16px}.methodology-step__number{font-size:32px}.methodology-step h3{max-width:18ch;font-size:21px}.methodology-step p{font-size:16px}.methodology-section__closing{margin-top:38px;font-size:21px}}
@media (prefers-reduced-motion:reduce){.methodology-section,.methodology-steps,.methodology-step{scroll-behavior:auto}}
