/* Phase Two reuses the offer view from phase-one.css; spacing stays local. */
body[data-page="phase-two"] .phase-two-hero{min-height:0;padding:var(--intro-top) 0 var(--intro-bottom)}
.phase-two-hero .container{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:24px;align-items:center}
.phase-two-hero .kicker,.phase-two-hero h1,.phase-two-hero .container>p{grid-column:1/-1}
.phase-two-hero .container>.button{justify-self:start}
.phase-two-hero .phino-intro-slot{grid-column:2;grid-row:4;min-height:0;padding:0}
.phase-two-hero .phino-intro-figure{width:88px;height:96px}
body[data-page="phase-two"] .phase-two-offers{padding:var(--section-space) 0;overflow:visible}
.phase-two-offers .section-head{margin-bottom:26px}
.phase-two-offers .section-head>p{color:var(--body-text)}
.phase-two-offers .offer-section h5{margin:18px 0 6px;color:var(--heading);font-size:14px;line-height:1.5}
.agent-workflow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;list-style:none;counter-reset:agent-step;margin:16px 0 0;padding:0}
.agent-workflow>li{min-width:0;max-width:none;padding:20px;border:1px solid var(--border);border-radius:10px;background:var(--surface-raised);counter-increment:agent-step}
.agent-workflow>li+li{margin-top:0}
.agent-workflow>li:before{content:counter(agent-step,decimal-leading-zero);display:block;margin-bottom:12px;color:var(--accent-strong);font-size:12px;font-weight:800;letter-spacing:.1em}
.agent-workflow h5{margin:0 0 8px!important;font-size:16px!important}
.agent-workflow p{font-size:var(--font-body);line-height:1.75}
@media(max-width:700px){
  .phase-two-hero .container{display:block}
  .phase-two-hero .phino-intro-slot{margin-top:12px}
  body[data-page="phase-two"] .phase-two-hero{padding-bottom:var(--intro-bottom)}
  body[data-page="phase-two"] .phase-two-offers{padding-top:var(--section-space);padding-bottom:var(--section-space)}
  .agent-workflow{grid-template-columns:minmax(0,1fr);gap:12px}
}