.process-woora{padding:64px 5%;background:#fff;color:#374151}.process-wrap{max-width:1440px;margin:auto}.process-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-bottom:56px}.process-color-0{--process-color:#df65b1;--process-tint:#fbe5f3}.process-color-1{--process-color:#9971c4;--process-tint:#eee6f6}.process-color-2{--process-color:#40bfa0;--process-tint:#e0f6ef}.process-tab{display:flex;gap:22px;align-items:flex-start;padding:28px;border:0;border-radius:10px;text-align:left;background:transparent;color:inherit;font:inherit;cursor:pointer;transition:box-shadow .25s,background .25s,transform .25s;min-width:0}.process-tab[aria-checked="true"]{background:#fff;box-shadow:0 8px 40px #26334d12}.process-tab:hover{transform:translateY(-3px);background:#fcfbfe}.process-tab svg{width:48px;height:48px;flex:0 0 48px;fill:var(--process-color)}.process-tab strong{display:block;font-size:21px;line-height:1.3;margin-bottom:12px}.process-tab span span{display:block;font-size:16px;line-height:1.6;color:#747b8d}.process-panel{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;animation:process-reveal .4s ease both}.process-panel[hidden]{display:none}.process-panel>img{width:100%;height:410px;object-fit:cover;border-radius:10px;box-shadow:0 8px 35px #26334d10}.process-copy h2{font-size:29px;line-height:1.25;margin:0 0 24px}.process-copy p,.process-copy li{font-size:17px;color:#747b8d;line-height:1.75}.process-copy p{margin:0 0 24px}.process-copy ul{padding:0;margin:0 0 28px;list-style:none}.process-copy li{padding-left:32px;position:relative;margin-bottom:8px}.process-copy li:before{content:'✓';position:absolute;left:0;top:5px;border-radius:50%;width:22px;height:22px;line-height:22px;text-align:center;background:var(--process-tint);color:var(--process-color);font-weight:bold}.process-copy a{display:inline-block;background:var(--process-color);color:white;padding:14px 23px;border-radius:7px;text-decoration:none;font-weight:650}.process-tab:focus-visible,.process-copy a:focus-visible{outline:3px solid var(--process-color);outline-offset:5px}@keyframes process-reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1000px){.process-tabs{gap:12px}.process-tab{padding:20px;gap:12px}.process-tab strong{font-size:18px}.process-tab span span{font-size:14px}.process-panel{gap:32px}.process-copy p,.process-copy li{font-size:15px}}@media(max-width:720px){.process-woora{padding:40px 22px}.process-tabs{grid-template-columns:1fr;gap:10px;margin-bottom:28px}.process-tab{padding:18px}.process-panel{grid-template-columns:1fr;gap:28px}.process-panel>img{height:auto;aspect-ratio:3/2}.process-copy h2{font-size:26px}}@media(prefers-reduced-motion:reduce){.process-panel{animation:none}.process-tab{transition:none}.process-tab:hover{transform:none}}
/* WOORA stage selectors: violet-blue, turquoise and orange. */
.process-color-0{--process-color:#7138e8;--process-tint:#f0eaff;--process-gradient:linear-gradient(135deg,#8c16ff,#39b5fb)}
.process-color-1{--process-color:#009cab;--process-tint:#e2faf5;--process-gradient:linear-gradient(135deg,#2de0b1,#009bc1)}
.process-color-2{--process-color:#e86023;--process-tint:#fff0e1;--process-gradient:linear-gradient(135deg,#ffb454,#ff591f)}
.process-tab{position:relative;padding:28px 48px 28px 24px;border:1px solid #ececf2;border-radius:22px;align-items:center}
.process-tab svg{box-sizing:content-box;padding:15px;width:38px;height:38px;flex-basis:38px;fill:white;background:var(--process-gradient);border-radius:40% 60% 55% 45%;box-shadow:0 8px 22px var(--process-tint)}
.process-tab:after{content:'';position:absolute;right:18px;top:22px;width:18px;height:18px;border:2px solid #c9cbd5;border-radius:50%;background:#fff}
.process-tab[aria-checked="true"]{border-color:var(--process-color);background:linear-gradient(140deg,var(--process-tint),white 85%);box-shadow:0 10px 28px var(--process-tint)}
.process-tab[aria-checked="true"]:after{border-color:var(--process-color);background:var(--process-gradient);box-shadow:inset 0 0 0 4px white}
.process-copy a{background:var(--process-gradient)}
@media(max-width:1000px){.process-tab{padding:22px 36px 22px 18px;gap:14px}.process-tab svg{padding:10px;width:30px;height:30px;flex-basis:30px}.process-tab:after{right:12px;top:14px;width:15px;height:15px}.process-tab strong{font-size:17px}}
/* Numbered organic badges above each selectable stage. */
.process-tab{flex-direction:column;align-items:center;text-align:center;padding:24px 24px 28px;gap:24px}
.process-tab>span:last-child{display:block;width:100%}
.process-tab .stage-orb{position:relative;display:grid;place-items:center;isolation:isolate;width:142px;height:142px;margin:12px 0 4px;flex:none;background:#fff;border-radius:46% 54% 38% 62%;box-shadow:0 15px 22px var(--process-tint);transform:rotate(-10deg)}
.stage-orb:before{content:'';position:absolute;inset:2px 7px 9px -1px;z-index:-1;background:var(--process-gradient);border-radius:48% 52% 61% 39%;transform:rotate(-15deg);box-shadow:inset -14px -10px 24px #23236318}
.stage-orb:after{content:'';position:absolute;inset:52% 8px 7px 33%;border-radius:50%;background:var(--process-gradient);opacity:.3;z-index:-1}
.process-tab .stage-orb b{font-size:48px;font-weight:750;line-height:1;color:white;letter-spacing:-3px;transform:rotate(10deg)}
.stage-orb i{position:absolute;right:18px;top:-13px;width:35px;height:42px;border-radius:48% 52% 40% 60%;background:var(--process-gradient);opacity:.9;transform:rotate(-15deg)}
.stage-orb em{position:absolute;right:0;top:25px;width:11px;height:11px;border-radius:50%;background:var(--process-gradient)}
.process-color-1 .stage-orb{transform:rotate(8deg)}
.process-color-1 .stage-orb b{transform:rotate(-8deg)}
.process-color-1 .stage-orb i{right:auto;left:14px;top:auto;bottom:-3px;background:linear-gradient(135deg,#2de0b1,#008e9e)}
.process-color-1 .stage-orb em{left:0;right:auto;top:80px}
.process-color-2 .stage-orb i{left:12px;right:auto;top:-10px;width:41px;height:46px}
.process-tab strong{font-size:21px;margin-bottom:12px}
@media(max-width:1000px){.process-tab{padding:18px 16px 24px;gap:18px}.process-tab .stage-orb{width:120px;height:120px}.process-tab .stage-orb b{font-size:41px}.process-tab strong{font-size:18px}}
@media(max-width:720px){.process-tab{flex-direction:row;text-align:left;gap:22px}.process-tab .stage-orb{width:92px;height:92px;flex:0 0 92px}.process-tab .stage-orb b{font-size:32px}.stage-orb i{width:24px;height:28px}.process-color-2 .stage-orb i{width:28px;height:32px}.process-tab>span:last-child{width:auto}}

/* Horizontal stage cards with a plain background. */
.process-tab{flex-direction:row;align-items:center;text-align:left;padding:26px 42px 26px 24px;gap:24px;background:#fff}
.process-tab[aria-checked="true"],.process-tab:hover{background:#fff}
.process-tab .stage-orb{width:88px;height:88px;flex:0 0 88px;margin:10px 0}
.process-tab .stage-orb b{font-size:32px;letter-spacing:-2px}
.process-tab>span:last-child{width:auto;min-width:0}
.stage-orb i{width:24px;height:28px;right:10px;top:-9px}
.process-color-2 .stage-orb i{width:28px;height:32px;left:8px}
.process-color-1 .stage-orb em{top:52px}
@media(max-width:1100px){.process-tab{gap:16px;padding:24px 32px 24px 18px}.process-tab .stage-orb{width:68px;height:68px;flex-basis:68px}.process-tab .stage-orb b{font-size:26px}}
@media(max-width:720px){.process-tab{padding:24px 36px 24px 22px;gap:22px}.process-tab .stage-orb{width:78px;height:78px;flex-basis:78px}}

/* Pill-shaped calls to action retain each stage's gradient. */
.process-copy a{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:999px;padding:16px 32px;background:var(--process-gradient);font-weight:700;line-height:1.4;max-width:100%;box-sizing:border-box;text-align:center;transition:filter .2s ease}
.process-copy a::after{content:'↗';font-size:20px;line-height:1}
.process-copy a:hover{filter:brightness(1.06)}
@media(prefers-reduced-motion:reduce){.process-copy a{transition:none}}
/* Compact stage selectors by reducing vertical spacing. */
.process-tab{padding-top:17px;padding-bottom:17px}
@media(max-width:1100px){.process-tab{padding-top:16px;padding-bottom:16px}}
@media(max-width:720px){.process-tab{padding-top:16px;padding-bottom:16px}}

.process-panel>img.process-brand-image{object-fit:contain;background:#fff;box-shadow:none}


.process-panel>img.process-brand-image{height:451px;object-fit:contain}@media(max-width:720px){.process-panel>img.process-brand-image{height:auto;aspect-ratio:1122/1402}}


/* Clearer contrast and selection for the three process stages. */
.process-tabs{gap:28px;padding-block:8px}
.process-tab{border:1px solid #dfe2ed;box-shadow:0 8px 24px #2932540b;background:#fff;transition:box-shadow .22s ease,border-color .22s ease,transform .22s ease}
.process-tab strong{color:#18273e;font-weight:750}
.process-tab span span{color:#5e687b}
.process-tab:hover{border-color:var(--process-color);box-shadow:0 12px 28px var(--process-tint);transform:translateY(-3px);background:#fff}
.process-tab[aria-checked="true"]{background:#fff;border:1px solid var(--process-color);outline:none;box-shadow:0 14px 32px var(--process-tint)}
.process-tab[aria-checked="true"] strong{color:var(--process-color)}
.process-tab:after{border-color:#aeb5c7}
.process-tab:focus-visible{outline:3px solid var(--process-color);outline-offset:5px}
@media(prefers-reduced-motion:reduce){.process-tab{transition:none}.process-tab:hover{transform:none}}

/* Subtle elevation without a second outline. */
.process-tab{box-shadow:0 3px 6px rgba(28,39,65,.04),0 12px 24px rgba(28,39,65,.08)}
.process-tab:hover{box-shadow:0 5px 9px rgba(28,39,65,.05),0 16px 28px rgba(28,39,65,.10);transform:translateY(-2px)}
.process-tab[aria-checked="true"]{box-shadow:0 3px 7px rgba(28,39,65,.05),0 14px 26px rgba(28,39,65,.10);outline:none}
.process-tab:focus-visible{outline:2px solid var(--process-color);outline-offset:4px}
@media(prefers-reduced-motion:reduce){.process-tab:hover{transform:none}}

/* Compact vertical padding while retaining badge and corner proportions. */
.process-tab{padding-top:10px;padding-bottom:10px}
@media(max-width:1100px){.process-tab{padding-top:9px;padding-bottom:9px}}
@media(max-width:720px){.process-tab{padding-top:9px;padding-bottom:9px}}


/* Connect the three stages with subtle circular chevrons. */
@media(min-width:721px){
 .process-tabs{column-gap:54px}
 .process-tab:not(:last-child)::before{content:'›';position:absolute;z-index:2;right:-45px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;color:var(--process-color);font-family:Arial,sans-serif;font-size:34px;font-weight:700;line-height:1;box-shadow:0 4px 12px var(--process-tint),0 3px 8px #39325718;pointer-events:none}
}
@media(max-width:720px){.process-tab::before{display:none}}
/* Numbered summaries keep the original radio-card navigation. */
.process-tab{padding-top:20px;padding-bottom:20px;min-height:166px}
.process-tab .stage-summary{flex:1;min-width:0}
.process-tab .stage-number,.process-tab[aria-checked="true"] .stage-number{font:800 54px/1 'Segoe UI',sans-serif;letter-spacing:-2px;color:#061722;margin:0 0 8px}
.process-tab .stage-caption{font-size:16px;line-height:1.4;color:#6b7074}
.process-tab .stage-progress{display:block;width:100%;height:4px;border-radius:3px;background:#ededed;margin-top:27px;overflow:hidden}
.stage-progress i{display:block;height:100%;width:64%;background:#7b8bff}
.process-color-1 .stage-progress i{width:64%;background:#21c6b6}
.process-color-2 .stage-progress i{width:64%;background:#ffa181}
@media(max-width:1100px){.process-tab{padding:18px 32px 18px 18px}.process-tab .stage-number{font-size:44px}.process-tab .stage-caption{font-size:14px}}
@media(max-width:720px){.process-tab{min-height:152px;padding:18px 36px 18px 22px}.process-tab .stage-number{font-size:46px}.process-tab .stage-progress{margin-top:20px}}
/* Match stage numerals to the pricing-card title typography. */
.process-tab .stage-number,.process-tab[aria-checked="true"] .stage-number{font-family:'Segoe UI',sans-serif;font-weight:750;letter-spacing:-.7px}
/* Title treatment from the selected card reference. */
.process-tab .stage-title,.process-tab[aria-checked="true"] .stage-title{font:750 25px/1.2 'Segoe UI',sans-serif;letter-spacing:-.7px;color:#071322;margin:0 0 8px}
@media(max-width:1100px){.process-tab .stage-title,.process-tab[aria-checked="true"] .stage-title{font-size:21px}}
/* Light turquoise backdrop distinguishes the project stages. */
.process-woora{background:#f5fbfc}

.process-panel>img.process-brand-image{background:transparent}