.consumer-journey-page{display:flex;flex-direction:column}.consumer-overview{order:1}.consumer-lifecycle{order:2}.consumer-opportunity{order:3}.consumer-cocreation{order:4}.consumer-tracking{order:5}.consumer-methods{order:6}
.consumer-lifecycle{background:#fff}.consumer-stage-rail{grid-template-columns:repeat(5,1fr);gap:38px;padding-top:24px}.consumer-stage-rail:before{display:block;top:92px;left:2%;right:0;height:18px;background:#aaa;clip-path:polygon(0 30%,96% 30%,96% 0,100% 50%,96% 100%,96% 70%,0 70%)}.consumer-stage-rail article{--stage-color:#08a3ad;min-height:325px;padding:0;background:transparent;box-shadow:none}.consumer-stage-rail article:hover{transform:none;box-shadow:none}.consumer-stage-rail article:nth-child(even){--stage-color:#86bd16}.consumer-stage-rail article>span,.consumer-stage-rail .stage-icon{display:none}.consumer-stage-rail h3{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;min-height:144px;margin:0 0 26px;padding:18px;color:#fff;background:var(--stage-color);font-size:22px;text-align:center}.consumer-stage-rail ul{gap:10px;margin:0;padding:0;border:0}.consumer-stage-rail li{padding-left:18px;color:#27343a;font-size:13px;line-height:1.7}.consumer-stage-rail li:before{width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:7px solid #222;border-radius:0;background:transparent}.consumer-lifecycle-caption{position:relative;margin-top:20px;padding-top:42px;color:#26353c;font-size:16px}.consumer-lifecycle-caption:before{content:"";position:absolute;top:0;left:5%;right:5%;height:28px;background:#aaa;clip-path:polygon(0 75%,50% 15%,100% 75%,100% 88%,50% 40%,0 88%)}.consumer-lifecycle-caption span{display:none}
.opportunity-matrix{display:grid;grid-template-columns:135px 1fr;gap:22px}.opportunity-row-labels{display:grid;grid-template-rows:62px 112px 168px 62px 190px;align-items:center;padding-top:0}.opportunity-row-labels strong{color:#152a35;font-size:17px}.opportunity-flow{grid-template-columns:repeat(3,1fr);gap:44px}.opportunity-flow article{display:grid;grid-template-rows:62px 112px 168px 62px 190px;padding:0;background:transparent;box-shadow:none}.opportunity-flow article:hover{transform:none}.opportunity-flow article:not(:last-child):after{right:-31px;top:18px;width:25px;height:25px;border-width:0 6px 6px 0;border-color:#69778a}.opportunity-step{display:flex;align-items:center;justify-content:center;border:3px solid #08a3ad;background:#fff;box-shadow:4px 4px 0 rgba(60,70,78,.25)}.opportunity-step h3{margin:0;color:#111;font-size:18px}.opportunity-question{display:flex;align-items:center;min-height:0;margin:0;padding:12px 8px;background:transparent}.opportunity-question ul{margin:0;padding-left:18px}.opportunity-question li{color:#111;font-size:12px;line-height:1.45}.opportunity-tags{align-content:center;grid-template-columns:repeat(4,1fr);gap:7px;padding:16px 0 22px;border-bottom:12px solid #4a4a4a}.opportunity-tags span{min-height:112px;padding:12px 5px;border-radius:12px;background:#08a3ad!important;font-size:13px;line-height:1.45;writing-mode:vertical-rl;letter-spacing:.08em}.opportunity-flow article:nth-child(2) .opportunity-tags{grid-template-columns:repeat(3,1fr)}.opportunity-method{display:flex;align-items:center;justify-content:center;color:#d34a39;font-size:12px;text-align:center}.opportunity-result{margin:0;padding:14px 8px 0;border:0}.opportunity-result ul{gap:5px;margin:0}.opportunity-result li{color:#242d31;font-size:12px}.consumer-method-strip{display:none}
.cocreation-board{grid-template-columns:1fr 72px 1fr 155px;padding:18px;background:#f3f3f3;box-shadow:none}.cocreation-label,.cocreation-workshop .cocreation-label{justify-content:center;background:#5c9000}.cocreation-label span{display:none}.cocreation-label h3{font-size:21px;font-weight:400}.cocreation-cards{grid-template-columns:1fr 1fr}.cocreation-cards article,.cocreation-cards article:last-child{grid-column:auto;min-height:176px;border:2px solid #83a43a;border-radius:12px;box-shadow:none}.cocreation-cards strong{display:block;color:#7b1616;font-size:15px;text-align:center}.cocreation-cards p{color:#1f2629;font-size:13px;text-align:center}.cocreation-plus{color:#777}.cocreation-output{background:#fff;color:#111}.cocreation-output>span{color:#111;font-size:15px}.cocreation-output strong{color:#111;border-color:#bbb}.cocreation-output i{background:#aaa}.cocreation-output small{color:#555}.cocreation-expert{grid-column:1/4;grid-template-columns:1.05fr 1.2fr 1fr;border:0;background:#fff;box-shadow:inset 0 0 0 2px #83a43a}.cocreation-expert span{color:#771b1b;font-size:15px;text-align:center}.cocreation-expert strong{color:#555;font-size:12px;font-weight:400;text-align:center;line-height:2}.cocreation-expert p{padding:10px;color:#fff;background:#5c9000;text-align:center}
.consumer-tracking{background:#fff;color:#243944}.consumer-tracking:before{display:none}.consumer-section-heading.is-light .consumer-section-no strong,.consumer-section-heading.is-light h2{color:var(--consumer-navy)}.consumer-section-heading.is-light .consumer-section-no span,.consumer-section-heading.is-light>p{color:#71818a}.consumer-section-heading.is-light>div:nth-child(2)>span{color:var(--consumer-cyan)}.tracking-tabs{grid-template-columns:1.15fr 1fr 1.25fr .82fr;margin-bottom:10px}.tracking-tabs span{display:flex;align-items:center;min-height:74px;padding:16px 28px;color:#fff;background:#596476;font-size:18px}.tracking-tabs span:first-child,.tracking-tabs span.active{background:#08a3ad}.tracking-tabs span:not(:last-child):after{border-top-width:37px;border-bottom-width:37px;border-left-color:#596476}.tracking-tabs span:first-child:after,.tracking-tabs span.active:after{border-left-color:#08a3ad}.tracking-dashboard{grid-template-columns:.92fr .95fr 1.32fr .74fr;min-height:540px;background:#f5f6f7}.tracking-dashboard article{padding:28px 24px;background:rgba(255,255,255,.62)}.tracking-dashboard h3{font-size:18px}.tracking-context p{margin-top:30px;color:#333;font-size:13px}.tracking-phone-mock{position:relative;width:150px;height:270px;margin:34px auto 0;border:7px solid #31383d;border-radius:24px;background:linear-gradient(#f5f5f5,#dcebf2);box-shadow:0 12px 30px rgba(17,40,50,.15)}.tracking-phone-mock i{position:absolute;top:5px;left:50%;width:48px;height:5px;border-radius:4px;background:#333;transform:translateX(-50%)}.tracking-phone-mock span{display:block;height:42px;margin:18px 12px 0;border-radius:4px;background:linear-gradient(90deg,#1798cf 30%,#fff 30%);box-shadow:0 3px 9px rgba(20,70,90,.08)}.tracking-phone-mock span:first-of-type{margin-top:35px}.tracking-checks{display:flex;gap:22px;margin:38px 0 32px}.tracking-checks span{position:relative;padding-left:25px;color:#333;font-size:13px}.tracking-checks span:before{content:"✓";position:absolute;left:0;top:-5px;color:#dc2638;font-size:25px;font-weight:700}.tracking-funnel{position:relative;display:grid;gap:0;margin-top:16px}.tracking-funnel span{display:flex;align-items:center;justify-content:space-between;height:72px;padding:0 14px;border-bottom:1px dashed #fff;background:linear-gradient(72deg,transparent 0 46%,#9ba5b1 47% 100%)}.tracking-funnel i{color:#8390a1;font-size:14px}.tracking-funnel b{color:#26343a;font-size:14px}.tracking-funnel small{text-align:right;color:#596476}.tracking-execution{display:grid;gap:10px;margin-bottom:20px}.tracking-execution strong{position:relative;padding-left:18px;color:#08a3ad;font-size:15px}.tracking-execution strong:before{content:"";position:absolute;left:0;top:.5em;width:8px;height:8px;border-radius:50%;background:#08a3ad}.tracking-chart-head ul{display:grid;grid-template-columns:1fr 1fr;gap:5px 18px;margin:14px 0 0;padding-left:18px}.tracking-chart-head li{color:#333;font-size:11px}.tracking-chart svg{height:190px;margin-top:18px;border:1px solid #aeb6bd;background:#fff}.tracking-insight p{margin:32px 0 60px;color:#4c5559;font-size:13px;line-height:2}.tracking-insight h3{margin-bottom:26px}.tracking-insight li{color:#222}
@media(max-width:1100px){.consumer-stage-rail{grid-template-columns:repeat(3,1fr)}.opportunity-matrix{grid-template-columns:1fr}.opportunity-row-labels{display:none}.opportunity-flow article{grid-template-rows:auto}.opportunity-step,.opportunity-question,.opportunity-tags,.opportunity-method,.opportunity-result{min-height:auto}.opportunity-tags span{min-height:90px}.tracking-dashboard{grid-template-columns:1fr 1fr}.cocreation-board{grid-template-columns:1fr 50px 1fr}.cocreation-output{grid-column:1/-1}.cocreation-expert{grid-column:1/-1}}
@media(max-width:767px){.consumer-stage-rail{grid-template-columns:1fr}.consumer-stage-rail:before{display:none}.consumer-stage-rail article{min-height:0}.consumer-stage-rail h3{min-height:90px}.opportunity-flow{grid-template-columns:1fr;gap:18px}.opportunity-flow article:not(:last-child):after{display:none}.opportunity-tags span{min-height:76px;writing-mode:initial}.cocreation-board{grid-template-columns:1fr}.cocreation-cards{grid-template-columns:1fr}.cocreation-output,.cocreation-expert{grid-column:auto}.cocreation-expert{grid-template-columns:1fr}.tracking-tabs{display:flex;overflow-x:auto}.tracking-tabs span{min-width:220px}.tracking-dashboard{grid-template-columns:1fr}.tracking-chart-head ul{grid-template-columns:1fr}.tracking-phone-mock{height:240px}}

/* Reference-image structure refinements: sections 02-05 */
.cocreation-board{
    position:relative;
    grid-template-rows:auto 76px auto;
}
.cocreation-community{grid-column:1;grid-row:1}
.cocreation-plus{grid-column:2;grid-row:1}
.cocreation-workshop{grid-column:3;grid-row:1}
.cocreation-output{grid-column:4;grid-row:1/4}
.cocreation-flow-cards{
    display:grid;
    grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);
    gap:8px;
    align-items:start;
}
.cocreation-flow-cards article,
.cocreation-flow-cards article:last-child{
    grid-column:auto;
    min-height:244px;
    padding:14px 8px;
    background:transparent;
    border:0;
    border-radius:0;
}
.cocreation-flow-cards article>strong{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:56px;
    padding:8px;
    border:1px solid #7fa038;
    border-radius:12px;
    background:#fff;
    box-shadow:0 3px 7px rgba(42,58,37,.1);
}
.cocreation-detail-list{display:grid;gap:8px;margin-top:10px}
.cocreation-detail-list span{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:48px;
    padding:8px 6px;
    color:#252b2d;
    border:1px solid #8da94f;
    border-radius:10px;
    background:#fff;
    box-shadow:0 3px 7px rgba(37,55,32,.09);
    font-size:13px;
    line-height:1.45;
    text-align:center;
}
.cocreation-community .cocreation-flow-cards article:first-child .cocreation-detail-list span{
    border-color:#c5c9c6;
}
.cocreation-chevron{
    position:relative;
    display:block;
    width:24px;
    height:48px;
    margin:32px auto 0;
}
.cocreation-chevron:before,
.cocreation-chevron:after{
    content:"";
    position:absolute;
    left:8px;
    width:7px;
    height:30px;
    border-radius:5px;
    background:#a6a8a9;
}
.cocreation-chevron:before{top:0;transform:rotate(-35deg)}
.cocreation-chevron:after{bottom:0;transform:rotate(35deg)}
.cocreation-expert-flow{
    grid-column:1/4;
    grid-row:2;
    position:relative;
    display:grid;
    grid-template-columns:1fr auto 1fr;
    align-items:center;
    min-height:76px;
    color:#fff;
}
.cocreation-expert-flow:before,
.cocreation-expert-flow:after{
    content:"";
    height:42px;
    border-bottom:18px solid #a7a8aa;
}
.cocreation-expert-flow:before{margin-left:18%;border-left:18px solid #a7a8aa;border-radius:0 0 0 32px}
.cocreation-expert-flow:after{margin-right:18%;border-right:18px solid #a7a8aa;border-radius:0 0 32px 0}
.cocreation-expert-flow span{
    position:absolute;
    bottom:4px;
    padding:2px 9px;
    background:#a7a8aa;
    font-size:12px;
}
.cocreation-expert-flow span:first-of-type{left:20%}
.cocreation-expert-flow span:last-of-type{right:20%}
.cocreation-expert-flow i{
    padding:0 12px;
    color:#252b2d;
    font-size:14px;
    font-style:normal;
    writing-mode:vertical-rl;
}
.cocreation-expert{
    grid-column:1/4;
    grid-row:3;
    margin-top:0;
}
.cocreation-output strong{
    min-width:96px;
    padding:8px 10px;
    font-size:14px;
}
.cocreation-output small{font-size:18px;letter-spacing:.18em}

.tracking-dashboard{grid-template-columns:.88fr .9fr 1.56fr .72fr}
.tracking-chart-title{
    margin-top:16px;
    padding:8px;
    color:#111;
    border:1px solid #aeb6bd;
    border-bottom:0;
    background:#fff;
    font-size:15px;
    font-weight:700;
    text-align:center;
}
.tracking-months{
    display:grid;
    grid-template-columns:repeat(10,1fr);
    border:1px solid #aeb6bd;
    background:#fff;
}
.tracking-months span{
    padding:5px 1px;
    color:#222;
    border-right:1px solid #d2d6d9;
    font-size:9px;
    text-align:center;
}
.tracking-months span:last-child{border-right:0}
.tracking-chart svg{margin-top:0;border-top:0}
.tracking-chart .chart-line{fill:none;stroke-width:4;vector-effect:non-scaling-stroke}
.tracking-line-awareness{stroke:#68788e}
.tracking-line-mention{stroke:#84b91d}
.tracking-line-use{stroke:#f0aa00}
.tracking-line-first{stroke:#08a3ad}
.tracking-data-values{display:grid;gap:3px;margin-top:8px}
.tracking-data-values>div{
    display:grid;
    grid-template-columns:92px repeat(10,minmax(20px,1fr));
    align-items:center;
    gap:2px;
    color:#4a545c;
    font-size:8px;
}
.tracking-data-values strong{position:relative;padding-left:13px;font-size:9px;white-space:nowrap}
.tracking-data-values strong:before{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    width:8px;
    height:3px;
    transform:translateY(-50%);
    background:currentColor;
}
.tracking-data-values span{text-align:center}
.tracking-data-values .is-awareness{color:#68788e}
.tracking-data-values .is-mention{color:#84a91d}
.tracking-data-values .is-use{color:#d99b00}
.tracking-data-values .is-first{color:#078f99}

@media(max-width:1100px){
    .cocreation-board{grid-template-rows:auto auto auto}
    .cocreation-community{grid-column:1;grid-row:1}
    .cocreation-plus{grid-column:2;grid-row:1}
    .cocreation-workshop{grid-column:3;grid-row:1}
    .cocreation-output{grid-column:1/-1;grid-row:3;min-height:180px}
    .cocreation-expert-flow{grid-column:1/-1;grid-row:2}
    .cocreation-expert{grid-column:1/-1;grid-row:4}
    .tracking-dashboard{grid-template-columns:1fr 1fr}
}
@media(max-width:767px){
    .cocreation-board{display:block}
    .cocreation-plus{margin:12px auto}
    .cocreation-flow-cards{grid-template-columns:1fr}
    .cocreation-flow-cards article,.cocreation-flow-cards article:last-child{min-height:0;padding:10px 4px}
    .cocreation-chevron{height:30px;margin:0 auto;transform:rotate(90deg)}
    .cocreation-expert-flow{display:none}
    .cocreation-expert{margin-top:18px}
    .cocreation-output{margin-top:18px}
    .tracking-dashboard{grid-template-columns:1fr}
    .tracking-data-values{min-width:520px}
    .tracking-chart{overflow-x:auto}
    .tracking-chart svg,.tracking-chart-title,.tracking-months{min-width:520px}
}