#processes .process-hero{text-align:center;max-width:70rem;padding-block:clamp(3.5rem,8vw,7rem) clamp(2rem,5vw,4rem)}#processes .process-hero .section-kicker{justify-content:center}#processes .process-hero h1{letter-spacing:-.055em;font-size:clamp(2.8rem,6.5vw,5.2rem);font-weight:850;line-height:1.08}#processes .process-hero h1 span{color:var(--accent)}#processes .process-lead{max-width:65ch;color:var(--textMuted);margin:1.25rem auto 0;font-size:clamp(1rem,1.2vw,1.15rem);line-height:1.8}#processes .hero-steps{flex-wrap:wrap;justify-content:center;gap:.7rem;margin-top:2rem;display:flex}#processes .hero-steps span{color:var(--textMuted);border:1px solid var(--mutedLine);background:color-mix(in srgb,var(--cardBg) 65%,transparent);border-radius:999px;padding:.55rem .85rem;font-size:.8rem}#processes .process-section{max-width:76rem}#processes .process-timeline{gap:2.6rem;padding-block:1rem 4rem;list-style:none;display:grid;position:relative}#processes .process-timeline:before{content:"";background:linear-gradient(180deg,transparent,var(--accentDim) 9%,var(--secondary) 90%,transparent);width:2px;position:absolute;inset:0 auto 0 50%;transform:translate(-50%)}#processes .phase{width:calc(50% - 3rem);position:relative}#processes .phase:nth-child(odd){justify-self:start}#processes .phase:nth-child(2n){justify-self:end}#processes .phase-marker{aspect-ratio:1;border:2px solid var(--accent);color:#fff;background:var(--primary);width:2.9rem;box-shadow:0 0 0 .55rem var(--background),0 0 2rem #635dfd40;z-index:1;border-radius:50%;place-items:center;font-size:.85rem;font-weight:800;display:grid;position:absolute;top:2.3rem;right:-4.45rem}#processes .phase:nth-child(2n) .phase-marker{left:-4.45rem;right:auto}#processes .phase-card{background:linear-gradient(145deg,color-mix(in srgb,var(--cardBg) 88%,var(--primary)),var(--cardBg));border:1px solid var(--mutedLine);box-shadow:var(--containerShadow);border-radius:1.15rem;padding:clamp(1.25rem,2.5vw,2rem);position:relative}#processes .phase-card:after{content:"";background:var(--secondary);width:3rem;height:1px;position:absolute;top:3.5rem;right:-3rem}#processes .phase:nth-child(2n) .phase-card:after{left:-3rem;right:auto}#processes .phase-top{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.7rem;display:flex}#processes .phase-index{letter-spacing:.15em;color:var(--accent);font-size:.7rem;font-weight:800}#processes .phase-top h2{letter-spacing:-.035em;margin-top:.5rem;font-size:clamp(1.35rem,2.3vw,2.05rem);font-weight:800}#processes .phase-intro{max-width:33ch;color:var(--textMuted);margin-top:.7rem;font-size:.88rem;line-height:1.6}#processes .phase-illustration{aspect-ratio:1;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);background:radial-gradient(circle at 30% 22%,#2a1dd773,transparent 75%),var(--navBg);border-radius:1.1rem;flex:none;place-items:center;width:clamp(5.2rem,10vw,8rem);display:grid;position:relative}#processes .phase-illustration>.icon{width:48%;height:48%;color:var(--accent);filter:drop-shadow(0 0 15px #635dfd33);z-index:1}#processes .illustration-orbit{border:1px dashed color-mix(in srgb,var(--accent) 30%,transparent);border-radius:50%;position:absolute;inset:12%}#processes .steps-list{gap:.65rem;display:grid}#processes .process-step{border:1px solid var(--mutedLine);background:color-mix(in srgb,var(--background) 70%,transparent);border-radius:.7rem;transition:border-color .25s,background .25s;overflow:clip}#processes .process-step[open]{border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:color-mix(in srgb,var(--primary) 40%,var(--background))}#processes .process-step summary{cursor:pointer;align-items:center;gap:.8rem;padding:1rem;font-size:.9rem;font-weight:650;line-height:1.45;list-style:none;transition:color .2s;display:flex}#processes .process-step summary::-webkit-details-marker{display:none}#processes .process-step summary:hover,#processes .process-step[open] summary{color:var(--accent)}#processes .step-dot{aspect-ratio:1;background:var(--accent);border-radius:50%;flex:none;width:.55rem}#processes .step-chevron{aspect-ratio:1;border-bottom:2px solid;border-right:2px solid;flex:none;width:.55rem;margin-left:auto;transition:transform .25s;transform:rotate(45deg)}#processes .process-step[open] .step-chevron{transform:rotate(225deg)}#processes .step-content{color:var(--textMuted);padding-inline:1rem;padding-bottom:1rem;padding-left:2.35rem;font-size:.87rem;line-height:1.7}#processes .step-content p{max-width:55ch}@supports (interpolate-size:allow-keywords){#processes .process-section{interpolate-size:allow-keywords}#processes .process-step::details-content{opacity:0;content-visibility:hidden;height:0;transition:height .35s ease,opacity .3s ease,content-visibility .35s allow-discrete;overflow:clip}#processes .process-step[open]::details-content{opacity:1;content-visibility:visible;height:auto}@starting-style{#processes .process-step[open]::details-content{opacity:0;height:0}}}#processes .process-cta{border:1px solid var(--mutedLine);background:linear-gradient(110deg,var(--cardBg),var(--primary));border-radius:1.1rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;margin-block:1rem 5rem;padding:clamp(1.5rem,3vw,3rem);display:flex}#processes .process-cta h2{max-width:24ch;font-size:clamp(1.45rem,2.7vw,2.4rem);font-weight:800}#processes .process-cta p:not(.section-kicker){color:var(--textMuted);margin-top:.6rem;font-size:.9rem}#processes .process-cta .button{flex:none}@media (max-width:850px){#processes .process-timeline{gap:1.5rem;padding-left:3rem}#processes .process-timeline:before{left:1.2rem}#processes .phase,#processes .phase:nth-child(odd),#processes .phase:nth-child(2n){justify-self:stretch;width:100%}#processes .phase-marker,#processes .phase:nth-child(2n) .phase-marker{width:2.3rem;box-shadow:0 0 0 .3rem var(--background);top:1.75rem;left:-3.15rem;right:auto}#processes .phase-card:after,#processes .phase:nth-child(2n) .phase-card:after{width:1.8rem;top:2.85rem;left:-1.8rem;right:auto}}@media (max-width:520px){#processes .process-timeline{padding-left:2.35rem}#processes .process-timeline:before{left:.6rem}#processes .phase-marker,#processes .phase:nth-child(2n) .phase-marker{width:2rem;font-size:.72rem;left:-2.52rem}#processes .phase-card:after,#processes .phase:nth-child(2n) .phase-card:after{width:1.2rem;left:-1.2rem}#processes .phase-top{align-items:flex-start}#processes .phase-illustration{width:4.5rem}#processes .process-cta .button{width:100%}}@media (prefers-reduced-motion:reduce){#processes .process-step::details-content{transition:none!important}#processes .step-chevron{transition:none}}
