/* The shared project plan complements the service file and home-page factory. */
.collab-page{--collab-paper:#fffdf7;--collab-soft:#e5e9df}
.collab-page .collab-kicker{font-size:12px;font-weight:600;color:var(--forest);line-height:1.7;margin-bottom:23px;text-transform:none;letter-spacing:0}
.collab-hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:80px;padding-top:74px;padding-bottom:80px}
.collab-hero h1{font-size:clamp(47px,5.3vw,77px);line-height:1.07;letter-spacing:-.06em}
.collab-hero h1 em{color:var(--forest);line-height:1.13;display:block}
.collab-lead{font-size:16px;line-height:1.8;max-width:485px;margin-top:26px;margin-bottom:28px}
.collab-ticket-scene{position:relative;height:365px;max-width:430px;justify-self:end;width:100%;isolation:isolate}
.collab-ticket{position:absolute;left:12px;right:12px;top:10px;z-index:1;background:var(--blue);padding:29px 31px 24px;transform:rotate(3deg);border-radius:6px;box-shadow:0 15px 27px #173e3410;overflow:hidden}
.collab-ticket:before,.collab-ticket:after{content:'';position:absolute;top:63%;width:20px;height:20px;border-radius:50%;background:var(--cream)}
.collab-ticket:before{left:-10px}.collab-ticket:after{right:-10px}
.collab-ticket-top{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;color:var(--forest)}
.collab-ticket-top img{width:70px;height:auto}
.collab-ticket-title{font-size:34px;line-height:1.13;letter-spacing:-.055em;margin:27px 0 24px}
.collab-ticket-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px 15px;color:var(--forest);font-size:12px;font-weight:550}
.collab-ticket-fields span{padding-left:18px;position:relative}
.collab-ticket-fields span:before{content:'✓';position:absolute;left:0;font-weight:600}
.collab-ticket-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:28px;padding-top:10px}
.collab-ticket-bottom>span:first-child{font-size:10px;line-height:1.7;color:var(--forest)}
.collab-stamp{flex-shrink:0;background:var(--forest);color:var(--cream);width:82px;height:82px;border-radius:50%;font-size:10px;line-height:1.4;text-align:center;display:grid;place-content:center;transform:rotate(-11deg)}
.collab-ticket-shadow{display:block;position:absolute;left:25px;right:0;top:33px;bottom:5px;border-radius:5px;background:#dce3d5;transform:rotate(-4deg)}
.collab-plan{padding:65px 0 75px;background:var(--forest);color:var(--cream)}
.collab-plan-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px}
.collab-plan .collab-kicker{color:var(--sage);margin-bottom:20px}
.collab-plan h2{font-size:clamp(35px,3.8vw,55px);line-height:1.1}
.collab-plan h2 em{color:var(--lime)}
.collab-plan-heading>p{font-size:14px;line-height:1.8;color:#c8d6ca;max-width:275px;margin-bottom:5px}
.collab-stations{--collab-gap:38px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--collab-gap);margin-top:52px;position:relative}
.collab-stations article:not(:last-child):before{content:'';position:absolute;left:29px;top:28px;width:calc(100% + var(--collab-gap));height:3px;background:#8da990}
.collab-stations article{position:relative;min-width:0}
.collab-stop{position:relative;z-index:1;width:58px;height:58px;display:grid;place-items:center;color:var(--forest);border-radius:50%;box-shadow:0 0 0 10px var(--forest)}
.collab-stop>.icon{width:25px;height:25px}
.collab-stop>span{position:absolute;right:-8px;bottom:-4px;font-size:9px;font-weight:650;display:grid;place-items:center;background:var(--forest);color:var(--cream);width:23px;height:23px;border-radius:50%}
.collab-stop-blue{background:var(--blue)}.collab-stop-cream{background:var(--cream)}.collab-stop-lime{background:var(--lime)}.collab-stop-peach{background:var(--peach)}
.collab-station-copy{padding-top:26px}
.collab-station-copy h3{font-size:24px;line-height:1.18;letter-spacing:-.04em;min-height:57px}
.collab-station-copy>p{font-size:13px;line-height:1.85;color:#d0dcd0;margin-top:14px}
.collab-station-copy>strong{display:block;font-size:12px;font-weight:500;line-height:1.7;color:var(--lime);margin-top:22px;max-width:230px}
.collab-workbench{padding-top:90px;padding-bottom:90px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:95px}
.collab-inputs h2{font-size:clamp(34px,3.65vw,52px);line-height:1.1}
.collab-inputs h2 em{color:var(--forest)}
.collab-inputs ul{margin:30px 0 0;display:grid;gap:21px}
.collab-inputs li{display:flex;gap:15px;align-items:flex-start}
.collab-inputs li>span{width:24px;flex:0 0 24px;margin-top:1px;color:var(--forest)}
.collab-inputs li .icon{width:18px;height:18px}
.collab-inputs li strong{display:block;font-size:15px;font-weight:600;line-height:1.5}
.collab-inputs li p{font-size:13px;line-height:1.8;color:var(--muted);margin-top:5px;max-width:380px}
.collab-roles{padding:0;background:none;border-radius:0}
.collab-role-kern,.collab-role-team{padding:30px;border-radius:7px}
.collab-role-kern{background:var(--collab-soft)}
.collab-role-team{background:var(--blue)}
.collab-roles-label{font-size:11px;color:var(--muted);margin-bottom:27px}
.collab-role-heading{display:flex;align-items:center;gap:16px;font-size:16px;font-weight:600;letter-spacing:-.025em}
.collab-brand-pill{display:grid;place-items:center;width:72px;height:46px;background:transparent;flex-shrink:0}
.collab-brand-pill img{width:72px;height:auto}
.collab-role-kern>p,.collab-role-team>p{font-size:14px;line-height:1.85;margin:17px 0 0;max-width:none}
.collab-handover{display:flex;align-items:center;justify-content:center;margin:13px 0;position:relative}
.collab-handover>span{display:grid;place-items:center;width:33px;height:33px;background:var(--forest);color:var(--lime);border-radius:50%;flex-shrink:0}
.collab-handover .icon{width:18px;height:18px}
.collab-team-symbol{width:46px;height:46px;display:grid;place-items:center;background:var(--cream);color:var(--forest);border-radius:50%;flex-shrink:0}
.collab-team-symbol .icon{width:23px;height:23px}
.collab-role-team>p{color:var(--muted)}
.collab-close{background:var(--blue);padding:58px 0 62px}
.collab-close>.wrap{display:flex;align-items:center;justify-content:space-between;gap:60px}
.collab-close .collab-kicker{margin-bottom:19px;font-size:12px}
.collab-close h2{font-size:clamp(37px,4.2vw,60px);line-height:1.1}
.collab-close h2 em{color:var(--forest)}
.collab-close p:not(.collab-kicker){font-size:14px;line-height:1.8;margin-top:21px;max-width:440px}
.collab-close-actions{display:flex;flex-direction:column;align-items:flex-start;gap:16px;flex-shrink:0}
.collab-close-actions .text-link{font-size:12px}
@media(max-width:1100px){.collab-hero{gap:35px;grid-template-columns:1.12fr 1fr}.collab-hero h1{font-size:clamp(43px,5vw,60px)}.collab-ticket{left:3px;right:3px;padding:26px 25px 22px}.collab-ticket-title{font-size:31px}.collab-ticket-top{font-size:9px}.collab-ticket-fields{font-size:11px}.collab-stamp{width:74px;height:74px;font-size:9px}.collab-stations{gap:25px}.collab-station-copy h3{font-size:22px;min-height:53px}.collab-workbench{gap:50px}.collab-roles{padding:28px}.collab-role-heading{font-size:15px}.collab-brand-pill{width:86px}.collab-brand-pill img{width:65px}.collab-plan-heading{gap:35px}.collab-plan-heading>p{max-width:230px;font-size:13px}}
@media(max-width:760px){
 .collab-hero{display:block;padding-top:35px;padding-bottom:42px}.collab-page .collab-kicker{font-size:12px;margin-bottom:21px}.collab-hero h1{font-size:clamp(39px,9.4vw,62px);line-height:1.1}.collab-lead{font-size:15px;line-height:1.8;margin-top:24px;margin-bottom:24px;max-width:540px}.collab-ticket-scene{height:370px;max-width:370px;margin:42px auto 0}.collab-ticket{left:11px;right:11px;top:10px;padding:26px 27px 23px;transform:rotate(2deg)}.collab-ticket-shadow{left:19px;right:3px;top:30px;bottom:12px;transform:rotate(-3deg)}.collab-ticket-title{font-size:32px;margin:25px 0 23px}.collab-ticket-top{font-size:9px;gap:12px}.collab-ticket-top img{width:65px}.collab-ticket-fields{font-size:12px;gap:12px 10px}.collab-ticket-bottom{margin-top:27px;gap:9px}.collab-stamp{width:76px;height:76px;font-size:9px}.collab-ticket-bottom>span:first-child{font-size:10px}
 .collab-plan{padding:50px 0 52px}.collab-plan-heading{display:block}.collab-plan h2{font-size:clamp(32px,8.2vw,47px);line-height:1.13}.collab-plan .collab-kicker{margin-bottom:20px}.collab-plan-heading>p{font-size:14px;max-width:420px;margin-top:23px}.collab-stations{display:block;margin-top:37px}.collab-stations:before{left:25px;right:auto;top:25px;bottom:35px;height:auto;width:2px;background:#6a8d73}.collab-stations article{display:grid;grid-template-columns:52px 1fr;gap:23px;padding-bottom:35px}.collab-stations article:last-child{padding-bottom:0}.collab-stop{width:52px;height:52px;box-shadow:0 0 0 8px var(--forest)}.collab-stop>.icon{width:23px;height:23px}.collab-stop>span{width:21px;height:21px;font-size:9px;right:-7px}.collab-station-copy{padding-top:8px}.collab-station-copy h3{font-size:25px;min-height:0;line-height:1.2}.collab-station-copy>p{font-size:14px;line-height:1.8;margin-top:12px}.collab-station-copy>strong{font-size:12px;line-height:1.75;margin-top:14px;max-width:400px}
 .collab-workbench{display:block;padding-top:55px;padding-bottom:55px}.collab-inputs h2{font-size:clamp(32px,8.3vw,46px);line-height:1.13}.collab-inputs ul{gap:23px;margin-top:27px}.collab-inputs li{gap:13px}.collab-inputs li strong{font-size:15px}.collab-inputs li p{font-size:14px;line-height:1.75}.collab-roles{margin-top:36px;padding:27px 25px}.collab-roles-label{font-size:11px;margin-bottom:25px}.collab-role-heading{font-size:16px;gap:14px}.collab-brand-pill{width:89px;height:43px}.collab-brand-pill img{width:66px}.collab-role-kern>p,.collab-role-team>p{font-size:14px;line-height:1.8;margin-top:16px;max-width:520px}.collab-handover{margin:21px 0 23px}.collab-team-symbol{width:43px;height:43px}
 .collab-close{padding:48px 0}.collab-close>.wrap{display:block}.collab-close h2{font-size:43px}.collab-close p:not(.collab-kicker){font-size:14px;margin-top:20px;max-width:500px}.collab-close-actions{margin-top:26px;gap:16px}
}
@media(max-width:360px){.collab-hero h1{font-size:36px}.collab-ticket-scene{height:350px}.collab-ticket{left:7px;right:7px;padding:23px 21px;transform:rotate(1deg)}.collab-ticket-title{font-size:29px}.collab-ticket-fields{font-size:11px;gap:11px 8px}.collab-ticket-bottom>span:first-child{font-size:9px}.collab-stamp{width:70px;height:70px;font-size:9px}.collab-ticket-top{font-size:8px}.collab-ticket-top img{width:60px}.collab-plan h2{font-size:31px}.collab-stations article{gap:18px;grid-template-columns:48px 1fr}.collab-stop{width:48px;height:48px}.collab-stations:before{left:23px}.collab-station-copy h3{font-size:23px}.collab-station-copy>p{font-size:13px}.collab-inputs h2{font-size:31px}.collab-roles{padding:25px 21px}.collab-role-heading{font-size:15px;gap:12px}.collab-brand-pill{width:81px}.collab-brand-pill img{width:61px}.collab-close h2{font-size:40px}}
@media(prefers-reduced-motion:reduce){.collab-page *{animation:none!important;transition:none!important}}
@media(max-width:1100px){.collab-stations{--collab-gap:25px}}
@media(max-width:760px){.collab-stations article:not(:last-child):before{left:25px;top:26px;width:2px;height:100%;background:#6a8d73}}
@media(max-width:360px){.collab-stations article:not(:last-child):before{left:23px;top:24px}}

/* Same row tracks for all four steps; longer copy sets the common height. */
@media(min-width:761px){
 .collab-stations{grid-template-rows:58px auto auto auto;row-gap:0;column-gap:var(--collab-gap)}
 .collab-stations article{display:grid;grid-template-rows:subgrid;grid-row:span 4}
 .collab-station-copy{display:grid;grid-template-rows:subgrid;grid-row:span 3;padding-top:0}
 .collab-station-copy h3{min-height:0;margin-top:26px;align-self:start}
 .collab-station-copy>p,.collab-station-copy>strong{align-self:start}
}
/* Let the two responsibilities read as a handover, without separator rules. */
.collab-roles{padding:0}
.collab-brand-pill{width:72px}
.collab-brand-pill img{width:72px}
.collab-handover{margin:13px 0}
@media(max-width:760px){
 .collab-role-kern,.collab-role-team{padding:26px}
 .collab-brand-pill{width:66px}
 .collab-brand-pill img{width:66px}
 .collab-roles-label{margin-bottom:20px}
}
@media(max-width:360px){.collab-role-kern,.collab-role-team{padding:22px}}