/* Review 3 — approved Electric palette, clear dialogue, quieter platform bridge.
   Manrope / page #10151e / surface #1b2330 / blue #4c7bf0 / cyan #89d9df / lilac #c8b6ee.
   Hero -> film -> cost of unverified skills -> task -> report -> offer -> ecosystem.
   No change to the approved main page. */
.task-space .assistant-label{justify-content:flex-start;text-align:left;gap:12px}
.task-space .assistant-label .assistant-mark{width:35px;height:35px;flex:0 0 35px;color:var(--accent)}
.task-space .assistant-label b{font-size:17px;display:block}
.task-space .assistant-label div>span{font-size:13px;margin-top:2px}
.stage-reply{margin-right:16px;border:1px solid var(--line);background:var(--raised);padding:18px 20px}
.stage-reply[hidden]{display:none}
.reply-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:7px}
.reply-top .reply-author{display:flex;align-items:center;gap:9px;margin:0;font-size:14px}
.reply-avatar{width:28px;height:28px;flex:0 0 28px}
.reply-top button{width:32px;height:32px;border:0;background:transparent;color:var(--muted);font-size:25px;line-height:1;border-radius:50%}
.reply-top button:hover{background:var(--surface);color:var(--ink)}
.stage-reply p{font-size:17px;line-height:1.65}
.stage-reply a{font-size:15px}
.quality-person.new-person .portrait-frame{height:350px}
.quality-person.new-person .portrait-frame img{width:auto;height:128%;left:50%;right:auto;bottom:-30%;transform:translateX(-50%);max-width:none}
.quality-person.new-person .portrait-shape{inset:40px 8px 0 0;transform:rotate(-5deg);background:var(--color-a)}
.quality-person .question-card{width:calc(100% - 22px);margin-top:-16px;align-self:flex-end;margin-right:0}
.hiring-story{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;border-top:1px solid var(--line);margin-top:65px;padding-top:45px}
.hiring-story h3{font-size:34px;line-height:1.25;max-width:450px}
.hiring-story>div>p{font-size:18px;line-height:1.7;margin-top:20px;max-width:520px}
.hiring-costs dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.hiring-costs dl>div{padding-top:13px;border-top:3px solid var(--color-a)}
.hiring-costs dl>div:nth-child(2){border-color:var(--color-b)}
.hiring-costs dl>div:nth-child(3){border-color:var(--color-c)}
.hiring-costs dt{font-size:19px;font-weight:700;line-height:1.35}
.hiring-costs dd{font-size:16px;line-height:1.65;margin:10px 0 0;color:var(--muted)}
.hiring-costs>p{padding-top:20px;border-top:1px solid var(--line)}
.hiring-costs .more-link{margin-top:10px}
.platform-section{padding-bottom:80px}
.platform-bridge{padding:34px 40px;gap:60px;border-radius:22px;align-items:center}
.platform-bridge-copy>img{width:88px;margin-bottom:20px}
.platform-bridge-copy h2{font-size:34px;line-height:1.2}
.platform-bridge-copy>p{font-size:17px;margin:17px 0 10px;line-height:1.65;max-width:550px}
.platform-bridge-copy .more-link{font-size:16px;margin-top:4px}
.platform-path{display:flex;gap:0}
.platform-path li{display:flex;padding:18px 0;border-radius:0;background:transparent!important;border-bottom:1px solid var(--line);gap:17px}
.platform-path li:first-child{padding-top:0}
.platform-path li:last-child{border:0;padding-bottom:0}
.platform-path h3{font-size:21px;line-height:1.35}
.platform-path p{font-size:16px;margin-top:5px;line-height:1.6}
.path-number{margin:0;padding-top:3px;font-size:13px}
.assurance-section{background:var(--surface);padding:72px 0}
.assurance-layout{display:grid;grid-template-columns:1fr 1.08fr;gap:90px;align-items:center}
.assurance-intro h2{font-size:42px;line-height:1.2;max-width:580px}
.assurance-intro>p{font-size:18px;line-height:1.7;margin-top:22px;max-width:570px}
.security-dialogue{display:flex;align-items:center;gap:16px;margin-bottom:25px}
.security-dialogue>span{display:inline-block;padding:13px 20px;border-radius:16px 16px 3px 16px;background:var(--color-c);color:#20242b;font-size:18px;font-weight:700}
.security-dialogue svg{width:42px;height:42px;color:var(--accent)}
.assurance-points{display:grid;grid-template-columns:1fr 1fr;gap:32px 28px}
.assurance-points article{border-top:1px solid var(--line);padding-top:20px}
.assurance-points h3{font-size:23px;line-height:1.3;letter-spacing:-.025em}
.assurance-points p{font-size:17px;line-height:1.65;margin-top:12px}
.resource-section{padding-bottom:48px}
.resource-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:38px}
.resource-heading h2{font-size:44px;line-height:1.2}
.resource-heading>a{font-size:16px;line-height:1.55;color:var(--accent);max-width:210px;padding-bottom:6px}
.release-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.release-card{display:grid;grid-template-columns:165px 1fr;background:var(--surface);border:1px solid var(--line);border-radius:20px;overflow:hidden;text-decoration:none;transition:background .2s,border-color .2s}
.release-card:hover{background:var(--raised);border-color:var(--accent)}
.release-art{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:23px 18px;min-height:300px;color:#20242b}
.release-september{background:var(--color-c)}
.release-august{background:var(--color-b)}
.release-art>span{display:block;font-size:17px;line-height:1.4;padding:12px;border-radius:13px 13px 2px 13px;background:#ffffffb8;max-width:145px;transform:rotate(-7deg)}
.release-art>b{font-size:42px;line-height:1.1;letter-spacing:-.055em;align-self:flex-end;transform:rotate(-7deg)}
.release-august>b{font-size:33px;transform:rotate(5deg)}
.release-copy{display:flex;flex-direction:column;align-items:flex-start;padding:25px 25px 23px}
.release-copy>span{font-size:13px;color:var(--muted);margin-bottom:12px}
.release-copy h3{font-size:24px;line-height:1.3;letter-spacing:-.035em}
.release-copy p{font-size:16px;line-height:1.65;margin:12px 0 22px}
.release-copy strong{font-size:15px;line-height:1.4;font-weight:500;text-decoration:underline;text-underline-offset:5px;margin-top:auto}
.webinar-poster{display:grid;grid-template-columns:1.25fr .75fr;gap:50px;padding:36px 42px;border-radius:22px;background:var(--wash-a);margin-top:25px;text-decoration:none;border:1px solid var(--line)}
.webinar-poster:hover{border-color:var(--accent);background:var(--accent-soft)}
.webinar-label{font-size:14px;color:var(--muted);display:block;margin-bottom:12px}
.webinar-poster h3{font-size:37px;line-height:1.2;letter-spacing:-.04em}
.webinar-poster p{font-size:17px;line-height:1.65;margin:16px 0 22px;max-width:640px}
.webinar-poster strong{display:inline-block;font-size:16px;text-decoration:underline;text-underline-offset:5px}
.webinar-art{position:relative;align-self:center;max-width:390px;width:100%;justify-self:center;display:flex;flex-direction:column;gap:15px}
.webinar-art span{align-self:flex-start;display:block;padding:20px 27px;font-size:26px;font-weight:700;line-height:1.2;letter-spacing:-.025em;color:#20242b;background:var(--color-c);border-radius:24px 24px 4px 24px;transform:rotate(-5deg)}
.webinar-art b{display:block;align-self:flex-end;padding:24px 30px;background:var(--color-b);color:#20242b;font-size:28px;line-height:1.2;letter-spacing:-.035em;border-radius:24px 24px 24px 4px;transform:rotate(4deg)}
.community-section{padding:40px 0 80px}
.community-panel{background:var(--surface);border:1px solid var(--line);border-radius:25px;overflow:hidden}
.community-heading{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:38px 40px 0;align-items:center}
.community-heading h2{font-size:41px;line-height:1.2}
.community-heading p{font-size:17px;line-height:1.7}
.community-people{position:relative;isolation:isolate;margin-top:22px;height:auto;aspect-ratio:3/1;overflow:hidden}
.community-people img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:1}
.community-people svg{position:absolute;inset:0;width:100%;height:100%}
.community-channels{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:36px 40px 40px}
.community-channels h3{font-size:29px;line-height:1.25}
.community-channels p{font-size:17px;line-height:1.65;max-width:460px;margin:15px 0 23px}
.community-channels>.btn{font-size:16px}
.newsletter-line{display:flex;gap:10px}
.newsletter-line input{min-width:0;width:100%;flex:1;background:var(--raised);border:1px solid var(--line);padding:12px 15px;border-radius:8px;color:var(--ink);font-size:16px}
.newsletter-line button{white-space:nowrap;font-size:15px;padding:12px 16px}
.newsletter-consent{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.6;color:var(--muted);margin-top:15px;max-width:500px}
.newsletter-consent input{flex:0 0 16px;width:16px;height:16px;margin:2px 0 0;accent-color:var(--accent)}
.community-channels #newsletter-status{font-size:14px;line-height:1.5;margin:12px 0 0;color:var(--accent)}
.community-channels #newsletter-status[hidden]{display:none}
@media(max-width:1150px){
 .hiring-story{gap:45px}.hiring-story h3{font-size:31px}.hiring-costs dl{gap:16px}.hiring-costs dt{font-size:18px}
 .assurance-layout{gap:48px}.assurance-intro h2{font-size:37px}.assurance-points{gap:28px 22px}.assurance-points h3{font-size:21px}
 .resource-heading h2{font-size:40px}.release-card{grid-template-columns:120px 1fr}.release-art{padding:20px 12px}.release-art>b{font-size:38px}.release-august>b{font-size:29px}.release-art>span{font-size:15px}.release-copy{padding:22px}.release-copy h3{font-size:22px}
 .community-heading,.community-channels{gap:40px;padding-inline:30px}.community-heading h2{font-size:36px}.webinar-poster{gap:30px;padding:32px}.platform-bridge{gap:40px}
}
@media(max-width:900px){
 .quality-person.new-person .portrait-frame{height:290px}.quality-person .question-card{width:100%}
 .hiring-story{grid-template-columns:1fr;gap:26px;padding-top:35px;margin-top:40px}.hiring-story>div>p{max-width:720px;font-size:17px}.hiring-story h3 br{display:none}.hiring-costs dt{font-size:20px}.hiring-costs>p{max-width:720px}
 .platform-bridge{grid-template-columns:1fr 1fr;gap:30px;padding:30px}.platform-bridge-copy h2{font-size:30px}.platform-path li{display:flex;padding:15px 0}.platform-path h3{font-size:20px}.platform-path p{font-size:16px}
 .assurance-layout{grid-template-columns:1fr;gap:36px}.assurance-points{gap:25px 34px}.assurance-points h3{font-size:23px}.assurance-intro>p{max-width:700px}
 .release-pair{gap:18px}.release-card{grid-template-columns:1fr}.release-art{height:150px;min-height:0;flex-direction:row;align-items:center;padding:20px 28px}.release-art>b{align-self:center;font-size:46px}.release-august>b{font-size:36px}.release-art>span{font-size:18px}.release-copy{padding:25px}.release-copy h3{font-size:24px}
 .webinar-poster{grid-template-columns:1.2fr .8fr;gap:25px}.webinar-poster h3{font-size:33px}.webinar-art span{font-size:23px;padding:18px 22px}.webinar-art b{font-size:24px;padding:20px 22px}
 .community-heading{grid-template-columns:1fr;gap:20px;padding:30px 28px 0}.community-heading h2{font-size:36px}.community-heading p{max-width:700px}.community-channels{gap:30px;padding:28px}.community-channels h3{font-size:27px}.newsletter-line{flex-wrap:wrap}.newsletter-line input{flex-basis:100%}.newsletter-line button{width:100%}
}
@media(max-width:650px){
 .task-space .assistant-label b{font-size:15px}.task-space .assistant-label div>span{font-size:12px}.task-space .assistant-label .assistant-mark{width:31px;height:31px;flex-basis:31px}.stage-reply{margin-right:10px;padding:17px}.stage-reply p{font-size:17px}
 .quality-person.new-person .portrait-frame{height:300px}.quality-person .question-card{width:calc(100% - 10px)}
 .hiring-story{gap:24px}.hiring-story h3{font-size:30px}.hiring-story h3 br{display:block}.hiring-costs dl{grid-template-columns:1fr;gap:20px}.hiring-costs dl>div{border-top:0;border-left:3px solid var(--color-a);padding:0 0 0 16px}.hiring-costs dl>div:nth-child(2){border-color:var(--color-b)}.hiring-costs dl>div:nth-child(3){border-color:var(--color-c)}.hiring-costs dd{font-size:17px;margin-top:6px}.hiring-costs>p{margin-top:26px}
 .platform-section{padding-bottom:55px}.platform-bridge{grid-template-columns:1fr;padding:25px 20px;gap:28px}.platform-bridge-copy h2{font-size:30px}.platform-path{gap:0}.platform-path li{padding:18px 0}.platform-path h3{font-size:22px}.platform-path p{font-size:17px}
 .assurance-section{padding-block:54px}.assurance-intro h2{font-size:32px}.assurance-intro>p{font-size:17px}.security-dialogue{margin-bottom:22px}.security-dialogue>span{font-size:17px}.assurance-points{grid-template-columns:1fr;gap:25px}.assurance-points article{padding-top:18px}.assurance-points h3{font-size:23px}.assurance-points p{margin-top:9px}
 .resource-section{padding-bottom:25px}.resource-heading{display:block;margin-bottom:26px}.resource-heading h2{font-size:33px}.resource-heading>a{display:inline-block;max-width:none;margin-top:18px;font-size:15px}.release-pair{grid-template-columns:1fr;gap:20px}.release-card{border-radius:17px}.release-art{height:165px;padding:25px 30px}.release-copy{padding:23px}.release-copy h3{font-size:25px}.release-copy p{font-size:17px}.release-copy>span{font-size:14px}
 .webinar-poster{grid-template-columns:1fr;padding:26px 23px;gap:28px;border-radius:18px;margin-top:20px}.webinar-poster h3{font-size:32px}.webinar-poster p{font-size:17px}.webinar-poster strong{font-size:16px}.webinar-art{flex-direction:row;align-items:center;gap:10px;max-width:360px;padding:6px 0}.webinar-art span{font-size:20px;padding:17px}.webinar-art b{font-size:20px;padding:18px}
 .community-section{padding:26px 0 54px}.community-panel{border-radius:20px}.community-heading{padding:25px 20px 0;gap:18px}.community-heading h2{font-size:32px}.community-heading p{font-size:17px}.community-people{margin-top:20px;aspect-ratio:2.1/1}.community-people img,.community-people svg{width:143%;left:-21.5%;max-width:none}.community-channels{grid-template-columns:1fr;gap:28px;padding:25px 20px 28px}.community-channels>div+div{padding-top:25px;border-top:1px solid var(--line)}.community-channels h3{font-size:28px}.community-channels p{font-size:17px;margin-bottom:20px}.newsletter-line{flex-wrap:nowrap}.newsletter-line input{flex-basis:0}.newsletter-line button{width:auto;padding:12px}.newsletter-consent{font-size:12px}
}
@media(max-width:380px){.newsletter-line{flex-wrap:wrap}.newsletter-line input{flex-basis:100%}.newsletter-line button{width:100%}.webinar-art span,.webinar-art b{font-size:18px}}

.webinar-poster,
.webinar-poster:hover {
  color: #fff;
  background: #294bb8;
  border-color: #7694f4;
}
.webinar-poster:hover { background: #24419f; }
.webinar-poster p { color: #fff; }
.webinar-poster strong {
  padding: 10px 16px;
  border-radius: 8px;
  color: #172b6f;
  background: #fff;
  text-decoration: none;
}
.event-formats {
  display: flex;
  flex-wrap: wrap;
  align-self: center;
  justify-content: center;
  gap: 12px;
}
.event-formats span {
  padding: 12px 20px;
  border-radius: 12px;
  color: #20242b;
  background: var(--color-b);
  font-size: clamp(18px, 2vw, 26px);
  font-weight: 700;
}
.event-formats span + span { background: var(--color-c); }
.footer-socials {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  margin-top: 18px;
}
.footer-socials a { margin: 0; text-decoration: underline; }
@media (max-width: 650px) {
  .event-formats { justify-content: flex-start; }
}
