.consumer-opportunity{position:relative;background:linear-gradient(180deg,#f2f7f7,#fff)}.consumer-opportunity:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(7,95,142,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(7,95,142,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 85%)}.consumer-opportunity .max-wid{position:relative}.opportunity-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.opportunity-flow article{position:relative;padding:34px 30px;background:rgba(255,255,255,.94);box-shadow:0 18px 48px rgba(23,63,78,.08);transition:transform .35s ease}.opportunity-flow article:not(:last-child):after{content:"";position:absolute;right:-15px;top:74px;width:28px;height:28px;border-top:2px solid #83aab5;border-right:2px solid #83aab5;transform:rotate(45deg);z-index:3}.opportunity-flow article:hover{transform:translateY(-5px)}.opportunity-step span{color:var(--consumer-cyan);font-size:9px;letter-spacing:.16em}.opportunity-step h3{margin:8px 0 0;color:var(--consumer-navy);font-size:23px;font-weight:600}.opportunity-question{min-height:118px;margin:24px -30px;padding:20px 30px;background:#f5f8f8}.opportunity-question strong,.opportunity-result>strong{color:var(--consumer-blue);font-size:11px;letter-spacing:.1em}.opportunity-question p{margin:10px 0 0;color:#536a75;font-size:13px;line-height:1.7}.opportunity-tags{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.opportunity-tags span{display:flex;align-items:center;justify-content:center;min-height:42px;padding:8px;border-radius:3px;color:#fff;background:linear-gradient(135deg,var(--consumer-cyan),#32b7b8);font-size:12px;text-align:center}.opportunity-flow article:nth-child(2) .opportunity-tags span{background:linear-gradient(135deg,var(--consumer-blue),#258bb0)}.opportunity-flow article:nth-child(3) .opportunity-tags span{background:linear-gradient(135deg,#4ba89d,var(--consumer-green))}.opportunity-result{margin-top:25px;padding-top:22px;border-top:1px solid #e8eef0}.opportunity-result ul{display:grid;gap:8px;margin:13px 0 0;padding:0;list-style:none}.opportunity-result li{position:relative;padding-left:14px;color:#687b84;font-size:12px;line-height:1.55}.opportunity-result li:before{content:"";position:absolute;left:0;top:.65em;width:5px;height:1px;background:var(--consumer-cyan)}.consumer-method-strip{display:grid;grid-template-columns:1fr 22px 1fr 22px 1fr;align-items:center;gap:16px;margin-top:24px;padding:18px 24px;color:#637984;background:#e7f0f1;font-size:11px;text-align:center}.consumer-method-strip i{height:1px;background:#8eb4bd}
.cocreation-board{position:relative;display:grid;grid-template-columns:1fr 66px 1fr 150px;gap:18px;padding:30px;background:linear-gradient(135deg,#f3f7f6,#fff);box-shadow:0 22px 58px rgba(22,60,75,.09)}.cocreation-column{padding:0 4px}.cocreation-label{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;color:#fff;background:var(--consumer-blue)}.cocreation-workshop .cocreation-label{background:var(--consumer-green)}.cocreation-label span{font-size:9px;letter-spacing:.15em;opacity:.7}.cocreation-label h3{margin:0;font-size:20px;font-weight:600}.cocreation-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}.cocreation-cards article{min-height:128px;padding:18px;background:#fff;box-shadow:0 8px 24px rgba(23,62,77,.06)}.cocreation-cards article:last-child{grid-column:1/-1;min-height:auto}.cocreation-cards strong{color:var(--consumer-navy);font-size:14px}.cocreation-cards p{margin:10px 0 0;color:#708088;font-size:12px;line-height:1.7}.cocreation-plus{display:grid;grid-template-rows:1fr 38px 1fr;place-items:center;color:#86a3ad}.cocreation-plus span{width:1px;height:100%;background:#bad0d6}.cocreation-plus i{position:relative;width:30px;height:30px}.cocreation-plus i:before,.cocreation-plus i:after{content:"";position:absolute;top:50%;left:50%;background:#87a7b0;transform:translate(-50%,-50%)}.cocreation-plus i:before{width:30px;height:3px}.cocreation-plus i:after{width:3px;height:30px}.cocreation-output{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 12px;color:#fff;background:linear-gradient(180deg,var(--consumer-navy),#0b6283)}.cocreation-output>span{margin-bottom:28px;font-size:12px;letter-spacing:.08em}.cocreation-output strong{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.45);border-radius:50%;font:700 15px/1 Georgia,"Times New Roman",serif}.cocreation-output i{height:24px;width:1px;background:rgba(255,255,255,.3)}.cocreation-output small{margin-top:18px;color:#9bd4d5;font-size:10px}.cocreation-expert{grid-column:1/4;display:grid;grid-template-columns:140px 1fr 1fr;align-items:center;gap:18px;padding:18px 24px;border-left:3px solid var(--consumer-cyan);background:#eaf3f3}.cocreation-expert span{color:var(--consumer-blue);font-size:11px;letter-spacing:.12em}.cocreation-expert strong{color:var(--consumer-navy);font-size:15px}.cocreation-expert p{margin:0;color:#71818a;font-size:12px}