.process-grid-section{padding:48px 0 90px}.process-grid-heading{margin-bottom:36px}.process-grid-heading .experience-label{margin-bottom:18px}.process-grid-heading h2{font-size:clamp(30px,4vw,48px);font-weight:400;letter-spacing:-.045em;line-height:1.12;margin:0 0 12px;color:#071e33}.process-grid-heading>p:last-child{font-size:clamp(19px,2.8vw,30px);color:#496572;margin:0;letter-spacing:-.025em}.process-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.process-step-card{background:#edf1f9;border:1px solid #dce4f1;border-radius:18px;padding:25px 24px;min-height:265px;display:flex;flex-direction:column;min-width:0}.process-step-number{color:#63788d;font:14px 'DM Mono',monospace}.process-step-card h3{font-size:clamp(23px,2.5vw,30px);line-height:1.15;letter-spacing:-.04em;font-weight:400;color:#002fa7;margin:8px 0 14px}.process-step-card>p{font-size:14px;line-height:1.6;color:#496572;margin:0 0 25px;max-width:32ch}.process-step-tools{display:flex;flex-wrap:wrap;gap:9px;margin-top:auto;align-items:center;min-height:50px}.process-tool{display:grid;place-items:center;width:50px;height:50px;border:1px solid #e3e7ee;background:#fff;border-radius:13px}.process-tool img{width:30px;height:30px;object-fit:contain}.process-feedback{font-size:12px;color:#002fa7;letter-spacing:.02em;border:1px solid #cbd6ed;padding:14px 12px;border-radius:12px;background:#fff}@media(max-width:900px){.process-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.process-grid-section{padding:32px 0 56px}.process-grid-heading{margin-bottom:24px}.process-card-grid{grid-template-columns:1fr;gap:12px}.process-step-card{min-height:230px;padding:24px}.process-step-card h3{font-size:29px}.process-step-card>p{max-width:none}.process-grid-heading h2{font-size:33px}}

.process-grid-heading h2 span{color:#002fa7}.process-step-principle{font-size:18px;font-weight:400;line-height:1.4;letter-spacing:-.02em;margin:4px 0 12px;color:#071e33}.process-step-card>p{margin-bottom:0}.process-grid-note{font-size:13px;color:#496572;margin-top:22px}

.process-step-card .process-step-tools{padding-top:24px}.process-step-card{min-height:300px}

.process-handwritten-label{margin:0 0 16px;width:min(100%,300px);height:58px;overflow:hidden}.process-handwritten-label img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;object-position:left center}

.process-handwritten-label img{filter:url(#process-brand-blue);mix-blend-mode:normal}

.process-tool img{filter:grayscale(1) brightness(0);}

/* Match the claw machine's standalone logo-and-name presentation. */
.process-step-tools{gap:14px;align-items:flex-start}.process-tool{display:flex;flex-direction:column;justify-content:flex-start;gap:8px;width:58px;height:auto;min-height:64px;border:0;background:none;border-radius:0;text-align:center}.process-tool img{width:36px;height:36px;object-fit:contain;filter:grayscale(1) brightness(0)}.process-tool-name{display:block;font:10px/1.3 'DM Sans',sans-serif;color:#071e33;white-space:nowrap}.process-step-card .process-step-tools{padding-top:26px}@media(max-width:550px){.process-tool{width:56px}.process-tool img{width:34px;height:34px}}

/* Show what each tool contributes within the stage. */
.process-step-tools{display:grid;grid-template-columns:1fr;gap:14px;width:100%}.process-tool{display:flex;flex-direction:row;align-items:center;gap:12px;width:100%;min-height:42px;text-align:left}.process-tool img{width:28px;height:28px;flex:0 0 28px}.process-tool-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.process-tool-name{font-size:12px;font-weight:500;line-height:1.3;white-space:normal}.process-tool-purpose{font:11px/1.4 'DM Sans',sans-serif;color:#496572}.process-step-card .process-step-tools{margin-top:24px;padding-top:20px;border-top:1px solid #d4deed}.process-step-card{min-height:0}.process-tool-name,.process-tool-purpose{display:block}

@media(min-width:901px){.process-card-grid{grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch}.process-step-card{grid-column:span 2}.process-step-card:nth-child(4),.process-step-card:nth-child(5){grid-column:span 3}.process-step-card:nth-child(4) .process-step-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}}

.process-research-sources{display:flex;flex-wrap:wrap}.process-research-sources>span{font-size:12px;color:#071e33;padding:8px 12px;border:1px solid #cbd6ed;border-radius:8px;background:#fff}

.process-research-list{display:grid;gap:18px}.research-source-group{display:flex;flex-direction:column;gap:7px;min-width:0}.research-source-logos{display:flex;gap:10px;align-items:center}.research-source-logos img{display:block;width:22px;height:22px;object-fit:contain;filter:grayscale(1)}.research-source-group .process-tool-name{font-size:11px}.research-source-group .process-tool-purpose{font-size:11px}

.process-extra-tools{border-top:1px solid #d4deed;margin-top:20px;padding-top:14px}.process-extra-tools summary{cursor:pointer;font-size:12px;color:#002fa7;display:flex;justify-content:space-between;gap:10px;list-style:none}.process-extra-tools summary::-webkit-details-marker{display:none}.process-extra-tools[open] summary>span{transform:rotate(45deg)}.process-resume-tools{display:grid;gap:16px;margin-top:18px}.process-resume-tools .process-tool{min-width:0}.process-wordmark{font:600 12px 'DM Sans',sans-serif;width:28px;flex:0 0 28px;text-align:center;color:#000}.process-extra-tools summary:focus-visible{outline:2px solid #002fa7;outline-offset:4px}

@media(min-width:901px){.process-step-card:nth-child(2) .process-step-tools,.process-step-card:nth-child(3) .process-step-tools{grid-template-columns:1fr}.process-step-card:nth-child(5) .process-step-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}}

.process-code-logos{display:flex;flex-direction:column;align-items:center;gap:3px;width:28px;flex:0 0 28px}.process-code-logos img{width:18px;height:18px;flex:0 0 18px}

/* A consistent grouped-logo treatment, matching Discover. */
.process-step-card .process-step-tools.process-grouped-tools,.process-step-card .process-step-tools.process-research-list{display:grid;grid-template-columns:1fr;gap:20px;align-content:start}.process-step-card .research-source-group{display:flex;flex-direction:column;gap:8px}.process-step-card .research-source-logos{display:flex;flex-wrap:wrap;gap:10px;align-items:center;min-height:22px}.process-step-card .research-source-logos img{width:22px;height:22px;flex:0 0 22px;object-fit:contain;filter:grayscale(1) brightness(0)}.process-step-card .research-source-group .process-tool-name{font-size:12px;line-height:1.5;font-weight:500}.process-step-card .research-source-group .process-tool-purpose{font-size:12px;line-height:1.5}.process-group-wordmark{font:500 11px/22px 'DM Sans',sans-serif;color:#000}.process-step-card .process-step-tools{margin-top:auto}.process-step-card>p{margin-bottom:24px}.process-card-grid{align-items:stretch}

.process-step-card .process-step-tools{margin-top:0}

.process-step-card .research-source-logos img.process-brand-favicon{filter:url(#process-logo-ink)}

.process-step-card .research-source-logos img.process-brand-favicon{filter:grayscale(1) contrast(4);mix-blend-mode:multiply}

.process-step-card .research-source-group .process-tool-copy{width:100%;min-width:0}.process-step-card .research-source-group .process-tool-name{white-space:normal;overflow-wrap:anywhere;max-width:100%;height:auto}.process-name-part{display:inline-block;white-space:nowrap}.process-step-card .research-source-logos img.process-brand-vector{filter:brightness(0);opacity:1}

/* Reduce the card hierarchy while retaining the five stages and grouped tools. */
.process-step-card{background:rgba(255,255,255,.88);border-color:#dce3ed;border-radius:14px;padding:24px}.process-step-card h3.process-stage-handwriting{position:relative;height:52px;margin:0 0 18px;overflow:hidden;width:100%}.process-stage-handwriting img{position:absolute;display:block;max-width:none;filter:url(#process-brand-blue)}.process-step-card>p{font-size:14px;line-height:1.65;max-width:none;margin:0 0 22px}.process-step-card .process-step-tools{padding-top:20px;border-top:1px solid #e3e8ef}.process-step-card .process-step-tools.process-grouped-tools,.process-step-card .process-step-tools.process-research-list{gap:17px}.process-step-card .research-source-group .process-tool-name{font-size:11px;font-weight:400}.process-step-card .research-source-group .process-tool-purpose{font-size:11px;color:#637583}.process-step-card .research-source-logos img{width:20px;height:20px;flex-basis:20px}.process-step-card .research-source-logos{gap:8px}.process-step-card .research-source-group{gap:5px}

/* Thin frame lines and blue corner nodes, matching portfolio frames. */
.process-step-card{position:relative;border:1px solid #91abb1;border-radius:0;overflow:visible}.process-step-card::before,.process-step-card::after{content:"";position:absolute;left:-3px;right:-3px;height:6px;pointer-events:none;background:radial-gradient(circle at 3px 3px,#002fa7 2.5px,transparent 3px) left center/6px 6px no-repeat,radial-gradient(circle at 3px 3px,#002fa7 2.5px,transparent 3px) right center/6px 6px no-repeat}.process-step-card::before{top:-3px}.process-step-card::after{bottom:-3px}

/* Join the process frames at their edges. */
.process-card-grid{gap:0;padding-left:1px;padding-top:1px}.process-step-card{margin-left:-1px;margin-top:-1px}

/* Keep shared-edge nodes above neighboring card backgrounds. */
.process-card-grid{position:relative;isolation:isolate}.process-step-card::before,.process-step-card::after{z-index:3;overflow:visible}.process-step-card{isolation:auto}